Learn JavaScript™
Create a Squid Game using Three JS https://www.freecodecamp.org/news/create-a-squid-game-javascript-game-with-three-js/ #game #freecodecamp #threejs
YouTube
Code a Squid Game JavaScript Game Using Three.js - Tutorial for Beginners
Learn how to use JavaScirpt and Three.js to create the Red Light/Green Light game from the TV show Squid Game. This is a beginner-friendly game development tutorial.
🔗 Doll 3D model: https://sketchfab.com/3d-models/squid-game-giant-doll-7afd49dd0771465…
🔗 Doll 3D model: https://sketchfab.com/3d-models/squid-game-giant-doll-7afd49dd0771465…
5 New Killer Features of Next.js 12
https://betterprogramming.pub/5-new-killer-features-of-next-js-12-dfd1d766b539
https://betterprogramming.pub/5-new-killer-features-of-next-js-12-dfd1d766b539
A service from Digital Ocean that provides NGINX configuration cheatsheets for servers that can be used
https://www.digitalocean.com/community/tools/nginx
---
Added rate limiting feature to NGINX service
https://dev.to/rhuaridh/rate-limit-specific-urls-using-nginx-1lni
#nginx #digitalocean #cheatsheet
https://www.digitalocean.com/community/tools/nginx
---
Added rate limiting feature to NGINX service
https://dev.to/rhuaridh/rate-limit-specific-urls-using-nginx-1lni
#nginx #digitalocean #cheatsheet
How to shuffle elements in an Array or Shuffle Array
https://javascript.plainenglish.io/how-to-shuffle-a-javascript-array-1357eed1680f
#array #shuffle
https://javascript.plainenglish.io/how-to-shuffle-a-javascript-array-1357eed1680f
#array #shuffle
List of best tips and tricks for backend Node JS developers
https://medium.com/dhiwise/10-best-practices-every-node-js-developer-must-follow-32072950a5ac
——
Simple exercise building admin panel with Node JS
https://medium.com/forest-admin/how-to-build-a-node-js-admin-panel-5d53573b644b
—-
Simple exercise to create data upload function to Node JS backend with Multer
https://javascript.plainenglish.io/uploading-files-in-node-js-using-multer-754526aa6817
#nodejs #multer #admin #template
https://medium.com/dhiwise/10-best-practices-every-node-js-developer-must-follow-32072950a5ac
——
Simple exercise building admin panel with Node JS
https://medium.com/forest-admin/how-to-build-a-node-js-admin-panel-5d53573b644b
—-
Simple exercise to create data upload function to Node JS backend with Multer
https://javascript.plainenglish.io/uploading-files-in-node-js-using-multer-754526aa6817
#nodejs #multer #admin #template
Practice from Traversy Media making Accessibility testing with Pa11y library
https://youtu.be/MO4vEAu3hKE
#traversyMedia #a11y
https://youtu.be/MO4vEAu3hKE
#traversyMedia #a11y
YouTube
Build a Website Accessibility Tester With JavaScript & Pa11y
In this project, we will build a web app with Node.js & Pa11y to find website accessibility issues
💻 Code:
https://github.com/bradtraversy/website-accessibility-tester
👇 Website & Courses:
https://traversymedia.com
https://freelancemastery.dev
💖 Show…
💻 Code:
https://github.com/bradtraversy/website-accessibility-tester
👇 Website & Courses:
https://traversymedia.com
https://freelancemastery.dev
💖 Show…
Some JavaScript ES2021 features to learn and try to implement
https://levelup.gitconnected.com/top-5-javascript-es12-features-you-should-start-using-now-b16a8b5353b1
—-
An introduction to what Immutability is and examples of its use cases
https://javascript.plainenglish.io/immutability-in-javascript-why-its-important-and-how-to-use-it-e7c4125cc58f
—-
#es12 #immutability
https://levelup.gitconnected.com/top-5-javascript-es12-features-you-should-start-using-now-b16a8b5353b1
—-
An introduction to what Immutability is and examples of its use cases
https://javascript.plainenglish.io/immutability-in-javascript-why-its-important-and-how-to-use-it-e7c4125cc58f
—-
#es12 #immutability
Forwarded from Cyber Punk™
🔥 How To Download Youtube Videos Without External Tools Or Extensions 🔥
Open Developer Tools in the browser and go to Network tool, or if you’re on Firefox press Ctrl + Shift + Q .
Click Media in the Network tool so that you’ll see only the HTTP requests made to media files, like audio and video files.
Browse to a YouTube video you want to download. You’ll start seeing the requests made by the YouTube page to the audio & video files in the Network tool.
Hover the cursor over the Type column of each request in the tool and look at the media type:
If you want the audio, look for “audio/mp4”.
If you want the video, then look for “video/mp4”.
Note: If you’re using a browser that doesn’t segeregate requests (like IE) or doesn’t list the requests made to the audio & video files in YouTube under “Media” (like Chrome), just search the term “audio” or “video” in the search bar in the Network tool.
Once you found a request with the wanted media type (it’ll be of the googlevideo.com domain), click on it, and copy the full URL from where it appears.
Paste the URL in the address bar, remove the range parameter in the query string and press Enter .
The video or audio will open, right-click on the page and select “Save As” to save the file.
If you want both the video and the audio, look for both with the steps above and put them together using any default media editor you have in your computer. It’s actually pretty easy and quick to do so (even with programs like the outmoded Windows Movie Maker).
Enjoy 👍❤️
Open Developer Tools in the browser and go to Network tool, or if you’re on Firefox press Ctrl + Shift + Q .
Click Media in the Network tool so that you’ll see only the HTTP requests made to media files, like audio and video files.
Browse to a YouTube video you want to download. You’ll start seeing the requests made by the YouTube page to the audio & video files in the Network tool.
Hover the cursor over the Type column of each request in the tool and look at the media type:
If you want the audio, look for “audio/mp4”.
If you want the video, then look for “video/mp4”.
Note: If you’re using a browser that doesn’t segeregate requests (like IE) or doesn’t list the requests made to the audio & video files in YouTube under “Media” (like Chrome), just search the term “audio” or “video” in the search bar in the Network tool.
Once you found a request with the wanted media type (it’ll be of the googlevideo.com domain), click on it, and copy the full URL from where it appears.
Paste the URL in the address bar, remove the range parameter in the query string and press Enter .
The video or audio will open, right-click on the page and select “Save As” to save the file.
If you want both the video and the audio, look for both with the steps above and put them together using any default media editor you have in your computer. It’s actually pretty easy and quick to do so (even with programs like the outmoded Windows Movie Maker).
Enjoy 👍❤️
Practice using Firebase version 9 on React JS for Authentication and CRUD systems
https://www.freecodecamp.org/news/react-firebase-authentication-and-crud-operations/
---
Tips for using iframes in React JS
https://blog.logrocket.com/best-practices-react-iframes/
---
Creating AR VR apps with the ViroReact library
https://blog.logrocket.com/how-to-build-ar-vr-app-viroreact/
#firebase #react #iframe #vr #ar
https://www.freecodecamp.org/news/react-firebase-authentication-and-crud-operations/
---
Tips for using iframes in React JS
https://blog.logrocket.com/best-practices-react-iframes/
---
Creating AR VR apps with the ViroReact library
https://blog.logrocket.com/how-to-build-ar-vr-app-viroreact/
#firebase #react #iframe #vr #ar
Practice making Quiz apps with Next JS and Tailwind CSS
https://javascript.plainenglish.io/build-a-quiz-app-with-next-js-and-tailwindcss-f61b14148661
——
Added Progressive Web Apps PWA mode to Next JS apps
https://javascript.plainenglish.io/build-a-pwa-with-next-js-to-achieve-100-in-google-lighthouse-and-next-js-analytics-ab695765c48
#pwa #nextjs #quiz
https://javascript.plainenglish.io/build-a-quiz-app-with-next-js-and-tailwindcss-f61b14148661
——
Added Progressive Web Apps PWA mode to Next JS apps
https://javascript.plainenglish.io/build-a-pwa-with-next-js-to-achieve-100-in-google-lighthouse-and-next-js-analytics-ab695765c48
#pwa #nextjs #quiz
Difference between Array and Object Destructuring in JavaScript
https://www.freecodecamp.org/news/array-vs-object-destructuring-in-javascript/
---
Comparison between Rest Parameters and Spread Operators in JavaScript
https://javascript.plainenglish.io/javascript-rest-vs-spread-operator-whats-the-difference-2d7369c7779d
—
Understanding about Spread Operators in JavaScript
https://javascript.plainenglish.io/what-do-the-three-dots-spread-operator-mean-in-javascript-8f7161b4455b
#rest #spread #operator #destructuring
https://www.freecodecamp.org/news/array-vs-object-destructuring-in-javascript/
---
Comparison between Rest Parameters and Spread Operators in JavaScript
https://javascript.plainenglish.io/javascript-rest-vs-spread-operator-whats-the-difference-2d7369c7779d
—
Understanding about Spread Operators in JavaScript
https://javascript.plainenglish.io/what-do-the-three-dots-spread-operator-mean-in-javascript-8f7161b4455b
#rest #spread #operator #destructuring
Get to know the Sanitizer API, a way to do DOM manipulation with JavaScript
https://blog.bitsrc.io/javascript-sanitizer-api-the-modern-way-to-safe-dom-manipulation-828d5ea7dca6
#sanitizer #dom
https://blog.bitsrc.io/javascript-sanitizer-api-the-modern-way-to-safe-dom-manipulation-828d5ea7dca6
#sanitizer #dom
Introduction to Ternary Operators in modern JavaScript
https://javascript.plainenglish.io/3-uses-of-in-javascript-why-pro-developers-love-using-javascript-operator-565bc8b235a4
#ternary #operator
https://javascript.plainenglish.io/3-uses-of-in-javascript-why-pro-developers-love-using-javascript-operator-565bc8b235a4
#ternary #operator
Introducing Bree, a library to easily create Job Scheduler in Node JS
https://jobscheduler.net/#/
—-
Basic techniques about Job Scheduler in Express JS
https://medium.com/nonstopio/job-scheduling-in-node-js-6aefec168f06
#bree #job #scheduler
https://jobscheduler.net/#/
—-
Basic techniques about Job Scheduler in Express JS
https://medium.com/nonstopio/job-scheduling-in-node-js-6aefec168f06
#bree #job #scheduler
Google Chrome Dev Tools release notes version 96
https://youtu.be/3CXbhnaFNEw
#chrome #devtools #release
https://youtu.be/3CXbhnaFNEw
#chrome #devtools #release
Vuestic UI, component library for Vue JS 3
https://github.com/epicmaxco/vuestic-ui
#vue #library #component
https://github.com/epicmaxco/vuestic-ui
#vue #library #component
Comparison between backend Node JS framework, Express JS and Marble JS
https://blog.logrocket.com/marble-js-vs-express-js-comparison/
#nodejs #express #marble
https://blog.logrocket.com/marble-js-vs-express-js-comparison/
#nodejs #express #marble
Build responsive app with React JS and deploy to Hostinger cloud service by JavaScript Mastery
https://youtu.be/LMagNcngvcU
#javascriptMastery #react #hostinger
https://youtu.be/LMagNcngvcU
#javascriptMastery #react #hostinger
Solid JS introduction exercises and examples of building applications with Solid JS
https://blog.logrocket.com/introduction-solidjs/
#solidjs
https://blog.logrocket.com/introduction-solidjs/
#solidjs
Forwarded from Learn CSS™
Create a water drop effect on the menu bar with CSS and JavaScript
https://dev.to/romaopedro199/tap-bar-with-liquid-animation-using-css-and-javascript-2l99
---
Create a simple image slider with HTML, CSS and JavaScript
https://dev.to/shantanu_jana/how-to-create-an-image-slider-using-html-css-and-javascript-mo0
#animation #slider #menu #bar
https://dev.to/romaopedro199/tap-bar-with-liquid-animation-using-css-and-javascript-2l99
---
Create a simple image slider with HTML, CSS and JavaScript
https://dev.to/shantanu_jana/how-to-create-an-image-slider-using-html-css-and-javascript-mo0
#animation #slider #menu #bar