Flavio Copes' long and exhaustive exercise build a REST API backend with Node JS, Express JS and MongoDb
https://flaviocopes.com/rest-api-express-mongodb/
—-
Practice creating your own ORM for a Node JS project
https://blog.bitsrc.io/how-to-create-your-orm-in-nodejs-17f06e0feb2a
#nodejs #orm #flavioCopes #rest #api #express #mongodb
https://flaviocopes.com/rest-api-express-mongodb/
—-
Practice creating your own ORM for a Node JS project
https://blog.bitsrc.io/how-to-create-your-orm-in-nodejs-17f06e0feb2a
#nodejs #orm #flavioCopes #rest #api #express #mongodb
The sixth part of the exercise is learning Tailwind CSS with Unpas Web Programming, in the Pseudo Class and Dark Mode sections
https://youtu.be/LR5ewsc0y58
#wpu #tailwind #darkmode
https://youtu.be/LR5ewsc0y58
#wpu #tailwind #darkmode
Forwarded from Learn CSS™
introducing the align items and align content properties in CSS Grid and Flexbox
https://youtu.be/WeUEqZQ7ADU
#css #flexbox #grid #align
https://youtu.be/WeUEqZQ7ADU
#css #flexbox #grid #align
Forwarded from Learn CSS™
Freecodecamp has updated the classes and certifications for Responsive Web Design to be more up to date with current CSS and responsive web standards. Enroll course and certification for free here.
https://www.freecodecamp.org/news/responsive-web-design-certification-redesigned/
#css #freecodecamp #course
https://www.freecodecamp.org/news/responsive-web-design-certification-redesigned/
#css #freecodecamp #course
A review of some finalists for a JavaScript game contest that is only 13 Kb in size with Ania Kubow
https://youtu.be/UiYhTcqx_wk
#aniaKubow #js13k
https://youtu.be/UiYhTcqx_wk
#aniaKubow #js13k
Making a clone or a clone menu YouTube Sidebar complete with animations
https://youtu.be/3eSNePqRVzs
#clone #webdevsimplified #sidebar
https://youtu.be/3eSNePqRVzs
#clone #webdevsimplified #sidebar
YouTube
Can I Create This Tricky Animated CSS Sidebar?
Sidebars are an integral part of web development and can get pretty complicated. The YouTube sidebar is a perfect example of a complex yet elegant sidebar and in this video I will be attempting to create YouTube sidebar live for the first time.
📚 Mater…
📚 Mater…
See some datatables libraries for Vue JS
https://medium.com/js-dojo/vuejs-datatbales-github-2022-b83314954159
#vue #datatable #github
https://medium.com/js-dojo/vuejs-datatbales-github-2022-b83314954159
#vue #datatable #github
Medium
VueJS Datatables GitHub 2022
Looking for VueJS Datatable for inspiration? Then here is the best collection of 10+ VueJS Datatables Github. Although, before we start the…
Javascript meeting other languages 😂
https://youtube.com/shorts/1-b5o4yqDz0?feature=share
#JS #JavaScript #meme
https://youtube.com/shorts/1-b5o4yqDz0?feature=share
#JS #JavaScript #meme
Getting Started With Apollo Client in Next.js
https://www.apollographql.com/blog/apollo-client/next-js/next-js-getting-started/
#ssr #nextjs #apollo #react
https://www.apollographql.com/blog/apollo-client/next-js/next-js-getting-started/
#ssr #nextjs #apollo #react
Whiskey Web and Whatnot: Discovering Ember, Adopting Orbit, and Unlocking Optimization with Chris Thoburn (runspired)
https://www.whiskeywebandwhatnot.fm/discovering-ember-adopting-orbit-and-unlocking-optimization-with-chris-thoburn-runspired/
https://www.whiskeywebandwhatnot.fm/discovering-ember-adopting-orbit-and-unlocking-optimization-with-chris-thoburn-runspired/
Introduction and creation of Two Way data bindings in JavaScript, without using a framework, with Dcode channels
https://youtu.be/nRHbOOSTprk
#dcode #databinding
https://youtu.be/nRHbOOSTprk
#dcode #databinding
An introduction to PostCSS transpilers and how to use them
https://www.freecodecamp.org/news/what-is-postcss/
---
Introduction to ordered lists or ol tags in HTML and examples of usage
https://www.freecodecamp.org/news/ordered-list-in-html-ol-tag-example/
---
#postcss #orderedList #ol #freecodecamp
https://www.freecodecamp.org/news/what-is-postcss/
---
Introduction to ordered lists or ol tags in HTML and examples of usage
https://www.freecodecamp.org/news/ordered-list-in-html-ol-tag-example/
---
#postcss #orderedList #ol #freecodecamp
Forwarded from Programming World👨💻
Tips from Brad Traversy on how to learn programming the right way
https://youtu.be/H_pBvUFPceA
#learning #traversyMedia
https://youtu.be/H_pBvUFPceA
#learning #traversyMedia
Google Chrome 98 release notes with some added new features in it
https://youtu.be/VLjOIiOt7Do
#chrome #release
https://youtu.be/VLjOIiOt7Do
#chrome #release
Simple practice from Dev Ed on creating a simple Carousel slider in React and with Framer Motion
https://youtu.be/W0bEL93tt4k
#react #framer #devEd
https://youtu.be/W0bEL93tt4k
#react #framer #devEd
Checking whether a variable is NaN or not with JavaScript
https://javascript.plainenglish.io/how-to-check-that-a-number-is-nan-in-javascript-792a276f1aee
---
See an example of using Abort Controller to cancel execution of setTimeout
https://www.bennadel.com/blog/4195-using-abortcontroller-to-debounce-settimeout-calls-in-javascript.htm
---
Several ways to pause command execution in JavaScript
https://stackabuse.com/javascript-how-to-sleepwaitdelay-code-execution/
---
Using private properties in JavaScript classes
https://davidwalsh.name/javascript-class-privates
---
Comparison of design pattern in using Switch with if else in JavaScript
https://javascript.plainenglish.io/switch-vs-if-else-7f7617bfe8cb
---
#nan #switch #ifelse #private #class #abort
https://javascript.plainenglish.io/how-to-check-that-a-number-is-nan-in-javascript-792a276f1aee
---
See an example of using Abort Controller to cancel execution of setTimeout
https://www.bennadel.com/blog/4195-using-abortcontroller-to-debounce-settimeout-calls-in-javascript.htm
---
Several ways to pause command execution in JavaScript
https://stackabuse.com/javascript-how-to-sleepwaitdelay-code-execution/
---
Using private properties in JavaScript classes
https://davidwalsh.name/javascript-class-privates
---
Comparison of design pattern in using Switch with if else in JavaScript
https://javascript.plainenglish.io/switch-vs-if-else-7f7617bfe8cb
---
#nan #switch #ifelse #private #class #abort
Practice creating microservices with the help of Node JS
https://blog.logrocket.com/building-microservices-node-js/
#nodejs #microservice
https://blog.logrocket.com/building-microservices-node-js/
#nodejs #microservice
From JQuery to React, Vue, Angular — The Evolution of Frontend Frameworks and There Difference
https://betterprogramming.pub/from-jquery-to-react-vue-angular-the-evolution-of-frontend-frameworks-and-there-difference-3e6b6fcc6200
https://betterprogramming.pub/from-jquery-to-react-vue-angular-the-evolution-of-frontend-frameworks-and-there-difference-3e6b6fcc6200
Forwarded from Cyber Punk™
🔰 The Best Google Chrome Extensions For Web Junkies 🔰
The Best Extensions for Google Chrome
Vimium — Browse the web, interact with web pages, navigate browser history using keyboard shortcuts. Inspired by Vim commands
Gmail Sender Icons - Quickly identify the sending domain of an email in Gmail without opening the message.
Zoho Annotator - An ad-free screenshot capture tool with a built-in editor for annotating images. Upload screenshots directly to Google Drive, OneDrive or Dropbox.
Clearly - Read pages in a Kindle-style clean layout with beautiful typography while hiding the distracting parts.
Tab Notes - A minimalistic start page for Chrome that opens a simple notepad in each new tab where you can quickly jot down your todos and notes.
PushBullet — Easily transfer web page links, text notes, or push photos and files from the computer to your phone and vice-versa.
Scribe - Create step-by-step guides and tutorials by recording steps and publish them as PDF guides.
OneTab — Save all your open tabs in a group and duplicate your session anytime later with a click.
Picture in Picture - Watch Netflix movies and YouTube videos in an always-on-top floating window while you work on other tabs.
Screenity - Record a screencast video with voice narration, include your webcam video and share through Google Drive.
URL Render - Instead of clicking individual links on the Google search page, hover your mouse over a link, press a short and and view the underlying page in a floating window.
Clipt - A universal clipboard for Android, Mac and Windows PCs - copy the OTP on your phone and instantly paste it on the desktop and vice-versa.
Hover Zoom - Hover your mouse over any thumbnail image on sites like Facebook and Amazon and the add-on will enlarge the image to its full size.
Quick Source Viewer - A better alternative to the native View Source option that displays both JS and CSS files in addition to HTML content.
Save To Drive - Right-click and save the current web page, or images on a page, to your Google Drive.
Google Input - Type text in any language of your choice using virtual keyboards, your handwriting and transliteration.
Google Dictionary - Use the dictionary add-on to view definitions of words and learn their correct pronunciation.
uBlacklist - Blocks specific sites and entire domains from appearing in your Google search results.
Gmail Notes - Attach sticky notes to your email message that are persistent and will show up the next time you open that same email inside Gmail.
Simple ToDo - Replace the new tab page of your Chrome with an elegant todo list that requires no signup.
Ugly Email - Some emails contain a tracking pixel that notifies the sender when their emails are read. This add-on blocks the tracking attempts.
Stylebot - Change the appearance of any web page with CSS selectors, permanently hide elements on a page and the changes persist across browser sessions.
Skip Search - An address bar shortcut for the I'm lucky command that directly takes you to the most relevant website for your search query.
Single File - Download the entire web page into a single HTML file. The associated CSS files, fonts and images are also saved in the file.
Go Incognito - Open the current tab of your browser in a new incognito tab, useful for browsing news websites are behind paywalls.
Feeder - An excellent RSS feed reader that is accessible from the Chrome toolbar and supports notifications for your favorite feeds.
Blackbox - It’s like an OCR reader, but for websites. Extract text from images, video screenshots or PDFs and copy it to your clipboard.
Project Naptha - Another useful OCR extension that lets you magically select text from images and instantly translate it to your native language.
Visbug - A must-have design tool for web developers that brings powerful editing capabilities to the browser.
iCloud Passwords - Access your Safari passwords that are saved inside iOS and Mac device from Chrome on Windows PCs.
Twitter Screenshots - Take beautiful, uncluttered screenshots of tweets with a click.
Enjoy 👍❤️
The Best Extensions for Google Chrome
Vimium — Browse the web, interact with web pages, navigate browser history using keyboard shortcuts. Inspired by Vim commands
Gmail Sender Icons - Quickly identify the sending domain of an email in Gmail without opening the message.
Zoho Annotator - An ad-free screenshot capture tool with a built-in editor for annotating images. Upload screenshots directly to Google Drive, OneDrive or Dropbox.
Clearly - Read pages in a Kindle-style clean layout with beautiful typography while hiding the distracting parts.
Tab Notes - A minimalistic start page for Chrome that opens a simple notepad in each new tab where you can quickly jot down your todos and notes.
PushBullet — Easily transfer web page links, text notes, or push photos and files from the computer to your phone and vice-versa.
Scribe - Create step-by-step guides and tutorials by recording steps and publish them as PDF guides.
OneTab — Save all your open tabs in a group and duplicate your session anytime later with a click.
Picture in Picture - Watch Netflix movies and YouTube videos in an always-on-top floating window while you work on other tabs.
Screenity - Record a screencast video with voice narration, include your webcam video and share through Google Drive.
URL Render - Instead of clicking individual links on the Google search page, hover your mouse over a link, press a short and and view the underlying page in a floating window.
Clipt - A universal clipboard for Android, Mac and Windows PCs - copy the OTP on your phone and instantly paste it on the desktop and vice-versa.
Hover Zoom - Hover your mouse over any thumbnail image on sites like Facebook and Amazon and the add-on will enlarge the image to its full size.
Quick Source Viewer - A better alternative to the native View Source option that displays both JS and CSS files in addition to HTML content.
Save To Drive - Right-click and save the current web page, or images on a page, to your Google Drive.
Google Input - Type text in any language of your choice using virtual keyboards, your handwriting and transliteration.
Google Dictionary - Use the dictionary add-on to view definitions of words and learn their correct pronunciation.
uBlacklist - Blocks specific sites and entire domains from appearing in your Google search results.
Gmail Notes - Attach sticky notes to your email message that are persistent and will show up the next time you open that same email inside Gmail.
Simple ToDo - Replace the new tab page of your Chrome with an elegant todo list that requires no signup.
Ugly Email - Some emails contain a tracking pixel that notifies the sender when their emails are read. This add-on blocks the tracking attempts.
Stylebot - Change the appearance of any web page with CSS selectors, permanently hide elements on a page and the changes persist across browser sessions.
Skip Search - An address bar shortcut for the I'm lucky command that directly takes you to the most relevant website for your search query.
Single File - Download the entire web page into a single HTML file. The associated CSS files, fonts and images are also saved in the file.
Go Incognito - Open the current tab of your browser in a new incognito tab, useful for browsing news websites are behind paywalls.
Feeder - An excellent RSS feed reader that is accessible from the Chrome toolbar and supports notifications for your favorite feeds.
Blackbox - It’s like an OCR reader, but for websites. Extract text from images, video screenshots or PDFs and copy it to your clipboard.
Project Naptha - Another useful OCR extension that lets you magically select text from images and instantly translate it to your native language.
Visbug - A must-have design tool for web developers that brings powerful editing capabilities to the browser.
iCloud Passwords - Access your Safari passwords that are saved inside iOS and Mac device from Chrome on Windows PCs.
Twitter Screenshots - Take beautiful, uncluttered screenshots of tweets with a click.
Enjoy 👍❤️