Hydrogen: A React Framework for Building Custom Storefronts
https://shopify.engineering/how-we-built-hydrogen
#hydrogen #framework #JavaScript
https://shopify.engineering/how-we-built-hydrogen
#hydrogen #framework #JavaScript
React Archer 4.0 : Draw arrows between DOM elements
https://github.com/pierpo/react-archer
#DOM #ReactJS
https://github.com/pierpo/react-archer
#DOM #ReactJS
React Virtuoso: Components for Rendering 'Enormous Data Sets'
https://virtuoso.dev/
#ReactJs #Components
https://virtuoso.dev/
#ReactJs #Components
react-svg 15.1: Component to Inject SVG into the DOM
https://github.com/tanem/react-svg
#react #svg #DOM
https://github.com/tanem/react-svg
#react #svg #DOM
React Calendar Heatmap 1.9
An svg calendar heatmap inspired by github's contribution graph
https://github.com/kevinsqi/react-calendar-heatmap
#heatmap #reactjs
An svg calendar heatmap inspired by github's contribution graph
https://github.com/kevinsqi/react-calendar-heatmap
#heatmap #reactjs
Real chat application with Strapi CMS, Next JS, Node JS, and Socket IO
https://strapi.medium.com/real-time-chat-application-using-strapi-next-socket-io-and-postgresql-62f0bce971db
—-
#nodejs #strapi #nextjs #socketio
https://strapi.medium.com/real-time-chat-application-using-strapi-next-socket-io-and-postgresql-62f0bce971db
—-
#nodejs #strapi #nextjs #socketio
Medium
Real-time Chat Application Using Strapi, Next, Socket.io, and PostgreSQL
In this tutorial, you’ll build a chat application hovering around authentication and SQL database.
Several ways to type guard in TypeScript
https://blog.bitsrc.io/5-methods-to-use-type-guards-in-typescript-2a2813ffa06b
#typescript #type #guard
https://blog.bitsrc.io/5-methods-to-use-type-guards-in-typescript-2a2813ffa06b
#typescript #type #guard
Medium
5 Methods to use Type Guards in TypeScript
Type Guards come into the picture with the usage of TypeScript. This technique is used to identify or narrow down the type of a variable. In case the narrowing is less familiar to you, it means the…
JavaScript Practice Exercises for All Levels
1.W3 School JavaScript exercises
67 exercises to practice the JavaScript basics.
https://www.w3schools.com/js/js_exercises.asp
2. W3Resource -JavaScript : Exercises, Practice, Solution
Free exercises covering the basics to the more advanced aspect of JS like the DOM (document object modal) async function, and more.
https://www.w3resource.com/javascript-exercises/
3.JavaScriptHero(Theory&Exercises)
47 Exercises: variables, functions, parameters, strings, for/while loops, arrays.
http://www.jshero.net/en/success.html
4.Amherst College
• 6-Exercises: create web to calculate age, write a constructor (planet) and ten objects that store information, write web form with radio button input, etc.
https://www.ats.amherst.edu/software/javascript/6.exercises/
5. NodeSchool-Github
Beginner – Intermediate
20 Exercises: arrays, conditionals, loops, strings, objects, variables.
https://github.com/workshopper/javascripting/tree/master/problems
6. A smarter way to learn
• Beginner – Intermediate
• 87 Test questions: variables, alerts,
conditionals, arrays, loops, strings ,dates, functions, events, images, DOM, objects, browser, form validation
http://www.asmarterwaytolearn.com/js/index-of-exercises.html
7. The coding Train (YOUTUBE)
• Beginner – Intermediate
• 160 Exercises: the snake game, starfield in processing, space invaders, Double pendulum, fractal trees, minesweeper, maze generator, fireworks, clock, Wikipedia API, etc.
https://www.youtube.com/watch?v=17WoOqgXsRM&list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
8. André Restivo
• Beginner – Intermediate
• 8 Exercises: comments, AJAX request, elements, events.
https://web.fe.up.pt/~arestivo/page/exercises/javascript/
9. Brown University
Beginner – Intermediate
6 Functions exercises: function that squares number, function that makes flower bloom, function that returns values, random numbers, etc.
http://cs.brown.edu/courses/bridge/1998/activities/JS-Functions.html
10. Test4Geeks
• Intermediate
• 20 Test questions: functions, scope, arrays, objects, browser, operators, statements.
https://tests4geeks.com/javascript-online-test
11. TestDome
• Intermediate
• Online test
https://www.testdome.com/tests/javascript-online-test/14
Some GitHub Repositories for practicing JavaScript
🔱 A long list of (advanced) JavaScript questions, and their explanations ✨
https://github.com/lydiahallie/javascript-questions
🔱 JavaScript Coding Practice
https://github.com/learning-zone/JavaScript-Coding-Practice
🔱 A collection of JavaScript problems and solutions for studying algorithms.
https://github.com/jeantimex/javascript-problems-and-solutions
#Requested #Practice #JavaScript
1.W3 School JavaScript exercises
67 exercises to practice the JavaScript basics.
https://www.w3schools.com/js/js_exercises.asp
2. W3Resource -JavaScript : Exercises, Practice, Solution
Free exercises covering the basics to the more advanced aspect of JS like the DOM (document object modal) async function, and more.
https://www.w3resource.com/javascript-exercises/
3.JavaScriptHero(Theory&Exercises)
47 Exercises: variables, functions, parameters, strings, for/while loops, arrays.
http://www.jshero.net/en/success.html
4.Amherst College
• 6-Exercises: create web to calculate age, write a constructor (planet) and ten objects that store information, write web form with radio button input, etc.
https://www.ats.amherst.edu/software/javascript/6.exercises/
5. NodeSchool-Github
Beginner – Intermediate
20 Exercises: arrays, conditionals, loops, strings, objects, variables.
https://github.com/workshopper/javascripting/tree/master/problems
6. A smarter way to learn
• Beginner – Intermediate
• 87 Test questions: variables, alerts,
conditionals, arrays, loops, strings ,dates, functions, events, images, DOM, objects, browser, form validation
http://www.asmarterwaytolearn.com/js/index-of-exercises.html
7. The coding Train (YOUTUBE)
• Beginner – Intermediate
• 160 Exercises: the snake game, starfield in processing, space invaders, Double pendulum, fractal trees, minesweeper, maze generator, fireworks, clock, Wikipedia API, etc.
https://www.youtube.com/watch?v=17WoOqgXsRM&list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
8. André Restivo
• Beginner – Intermediate
• 8 Exercises: comments, AJAX request, elements, events.
https://web.fe.up.pt/~arestivo/page/exercises/javascript/
9. Brown University
Beginner – Intermediate
6 Functions exercises: function that squares number, function that makes flower bloom, function that returns values, random numbers, etc.
http://cs.brown.edu/courses/bridge/1998/activities/JS-Functions.html
10. Test4Geeks
• Intermediate
• 20 Test questions: functions, scope, arrays, objects, browser, operators, statements.
https://tests4geeks.com/javascript-online-test
11. TestDome
• Intermediate
• Online test
https://www.testdome.com/tests/javascript-online-test/14
Some GitHub Repositories for practicing JavaScript
🔱 A long list of (advanced) JavaScript questions, and their explanations ✨
https://github.com/lydiahallie/javascript-questions
🔱 JavaScript Coding Practice
https://github.com/learning-zone/JavaScript-Coding-Practice
🔱 A collection of JavaScript problems and solutions for studying algorithms.
https://github.com/jeantimex/javascript-problems-and-solutions
#Requested #Practice #JavaScript
Full Stack Developer Skills List👨💻
https://medium.com/@dhanush9952/full-stack-developer-skills-list-a9b48c878fa6
#FullStack #webdev
https://medium.com/@dhanush9952/full-stack-developer-skills-list-a9b48c878fa6
#FullStack #webdev
Exercise with Dcode to create Copy Link function on Input Field with JavaScript, HTML and CSS
https://youtu.be/Uk-uYmC3w5Y
#html #css #dcode #copy
https://youtu.be/Uk-uYmC3w5Y
#html #css #dcode #copy
YouTube
How to Create a "COPY LINK" Input Field with HTML, CSS & JavaScript
GET THE SOURCE CODE 👇
https://codepen.io/dcode-software/pen/eYMYXrK
In today's video we'll be creating a "Copy Link" input field using HTML, CSS and JavaScript. This is very easy to do and is a huge convenience to your users when performing an action like…
https://codepen.io/dcode-software/pen/eYMYXrK
In today's video we'll be creating a "Copy Link" input field using HTML, CSS and JavaScript. This is very easy to do and is a huge convenience to your users when performing an action like…
Practice using useState Hooks for beginners
https://www.freecodecamp.org/news/learn-react-usestate-hook-in-10-minutes/
---
Using an adaptive favicon as needed in React JS
https://blog.bitsrc.io/adaptive-favicon-for-modern-web-apps-in-react-b97e4bad9f90
----
#react #usestate #hooks #favicon #adaptive
https://www.freecodecamp.org/news/learn-react-usestate-hook-in-10-minutes/
---
Using an adaptive favicon as needed in React JS
https://blog.bitsrc.io/adaptive-favicon-for-modern-web-apps-in-react-b97e4bad9f90
----
#react #usestate #hooks #favicon #adaptive
freeCodeCamp.org
React Hooks for Beginners – Learn to Use the useState Hook in 10 Minutes
By Eduardo Vedes Hey everyone 🌈 I haven't written about handling state in React for a long time. The last time was in this article, four years ago, and it seems like it helped a lot of you. I received tons of views and amazing feedback, so thanks a ...
Creating a command palette view with React and Tailwind CSS
https://blog.logrocket.com/react-command-palette-tailwind-css-headless-ui/
#react #tailwind
https://blog.logrocket.com/react-command-palette-tailwind-css-headless-ui/
#react #tailwind
LogRocket Blog
React command palette with Tailwind CSS and Headless UI - LogRocket Blog
Learn about command palettes, the ideal use cases for them, and what features make up a good command palette.
Tips and tricks for using JavaScript
https://javascript.plainenglish.io/10-must-know-javascript-tricks-tips-to-make-you-a-better-programmer-d08f58e123c3
—-
Get to know the Design Pattern Interpreter in JavaScript
https://betterprogramming.pub/the-power-of-interpreter-design-pattern-in-javascript-4ddd449c20e9
—-
Some unique tips for using JavaScript that are rarely known
https://evayde.medium.com/5-unusual-javascript-tips-that-make-your-life-easier-81f272b2184e
#tips #trick #designpattern #interpreter
https://javascript.plainenglish.io/10-must-know-javascript-tricks-tips-to-make-you-a-better-programmer-d08f58e123c3
—-
Get to know the Design Pattern Interpreter in JavaScript
https://betterprogramming.pub/the-power-of-interpreter-design-pattern-in-javascript-4ddd449c20e9
—-
Some unique tips for using JavaScript that are rarely known
https://evayde.medium.com/5-unusual-javascript-tips-that-make-your-life-easier-81f272b2184e
#tips #trick #designpattern #interpreter
Medium
10 Must-Know JavaScript Tricks & Tips to Make You a Better Programmer
Please be sure to learn these skills
Take a look at some of the new features in JavaScript ES2022
https://dev.to/brayanarrieta/new-javascript-features-ecmascript-2022-with-examples-4nhg
#es2022
https://dev.to/brayanarrieta/new-javascript-features-ecmascript-2022-with-examples-4nhg
#es2022
DEV Community
New JavaScript Features ECMAScript 2022 (with examples)
ECMAScript 2022 is the version of ECMAScript corresponding to this year. There are some new features...
How to Understand Complex Coding Concepts Using the Feynman Technique.
📌 https://www.freecodecamp.org/news/how-to-understand-complex-coding-concepts-better-using-the-feynman-technique/
📌 https://www.freecodecamp.org/news/how-to-understand-complex-coding-concepts-better-using-the-feynman-technique/
How to parse date to Date Object form and vice versa
https://www.freecodecamp.org/news/javascript-string-to-date-date-parsing-in-js/
---
How to do Date comparison in Javascript
https://www.freecodecamp.org/news/javascript-date-comparison-how-to-compare-dates-in-js/
---
An introduction to functions in JavaScript
https://www.freecodecamp.org/news/what-are-functions-in-javascript-a-beginners-guide/
---
#date #function
https://www.freecodecamp.org/news/javascript-string-to-date-date-parsing-in-js/
---
How to do Date comparison in Javascript
https://www.freecodecamp.org/news/javascript-date-comparison-how-to-compare-dates-in-js/
---
An introduction to functions in JavaScript
https://www.freecodecamp.org/news/what-are-functions-in-javascript-a-beginners-guide/
---
#date #function
An exercise from Traversy Media on how JavaScript works, in terms of Threads and Call Stack
https://www.youtube.com/watch?v=-G9c4CMMUKc
—-
Introduction to execution context in JavaScript
https://www.youtube.com/watch?v=Fd9VaW0M7K4
#traversyMedia #thread #callstack #context
https://www.youtube.com/watch?v=-G9c4CMMUKc
—-
Introduction to execution context in JavaScript
https://www.youtube.com/watch?v=Fd9VaW0M7K4
#traversyMedia #thread #callstack #context