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
Checking whether a variable is an Array or not in JavaScript
https://www.freecodecamp.org/news/check-if-an-item-is-in-an-array-in-javascript-js-contains-with-array-includes/
---
A collection of important snippets for using JavaScript
https://javascript.plainenglish.io/6-useful-javascript-code-snippets-cbab6a0fd887
---
Making error handling in JavaScript
https://javascript.plainenglish.io/javascript-error-handling-3ec6729ad83e
#array #check #handling #error #snippet
https://www.freecodecamp.org/news/check-if-an-item-is-in-an-array-in-javascript-js-contains-with-array-includes/
---
A collection of important snippets for using JavaScript
https://javascript.plainenglish.io/6-useful-javascript-code-snippets-cbab6a0fd887
---
Making error handling in JavaScript
https://javascript.plainenglish.io/javascript-error-handling-3ec6729ad83e
#array #check #handling #error #snippet
Create an authentication system with Strapi and Vue JS
https://strapi.medium.com/registration-and-login-authentication-with-vue-js-and-strapi-385819b0958d
#strapi #vue #auth
https://strapi.medium.com/registration-and-login-authentication-with-vue-js-and-strapi-385819b0958d
#strapi #vue #auth
Medium
Registration and Login (Authentication) with Vue.js and Strapi
In this tutorial, we’ll learn to integrate authentication into our Strapi Application and build a simple Recipe Application with Strapi…
A collection of NPM packages to help create Next JS-based blogs
https://medium.com/nextjs/best-npm-package-for-nextjs-base-blogging-8ac409bd5a9f
#blog #npm #nextjs
https://medium.com/nextjs/best-npm-package-for-nextjs-base-blogging-8ac409bd5a9f
#blog #npm #nextjs
Medium
Best NPM packages list for next.js to build a fully-functional blog website.
Increase productivity in nextjs with npm packages.
An exercise from LamaDev on the initial design of a video sharing application with React JS
https://www.youtube.com/watch?v=yIaXoop8gl4
#lamaDev #react #sharing #ui
https://www.youtube.com/watch?v=yIaXoop8gl4
#lamaDev #react #sharing #ui
YouTube
React Video Sharing App UI Design | Youtube UI Clone with React
Video uploading app design using React and Styled Components. Youtube clone design with hooks and functional component. React video player.
You are watching the 1st part.
Watch the second part: https://youtu.be/CCF-xV3RSSs
If it is valuable to you, you…
You are watching the 1st part.
Watch the second part: https://youtu.be/CCF-xV3RSSs
If it is valuable to you, you…
Exercises from Online Tutorials creating sidebar menus with HTML, CSS, and JavaScript
https://www.youtube.com/watch?v=EuIshKbzG4I
#sidebar #html #css #onlineTutorials
https://www.youtube.com/watch?v=EuIshKbzG4I
#sidebar #html #css #onlineTutorials
YouTube
Dashboard Sidebar Menu using Html CSS & Vanilla Javascript
Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…
Apple Is Not Defending Browser Engine Choice
https://infrequently.org/2022/06/apple-is-not-defending-browser-engine-choice/
https://infrequently.org/2022/06/apple-is-not-defending-browser-engine-choice/
A collection of tools that help for the front end web development process
https://blog.devgenius.io/11-amazing-frontend-development-tools-that-you-should-use-in-2022-b12c64caa346
#tools #devtool
https://blog.devgenius.io/11-amazing-frontend-development-tools-that-you-should-use-in-2022-b12c64caa346
#tools #devtool
Some tips on running a set of Promises in Arrays sequentially
https://betterprogramming.pub/how-to-sequentially-resolve-an-array-of-promises-in-javascript-19bcd42417e8
#promise #sequential
https://betterprogramming.pub/how-to-sequentially-resolve-an-array-of-promises-in-javascript-19bcd42417e8
#promise #sequential
Several tools to help the Node JS backend development process
https://medium.com/@codemonkmd/16-top-nodejs-tools-to-make-you-a-better-developer-834e405aa5db
#nodejs #tools #library
https://medium.com/@codemonkmd/16-top-nodejs-tools-to-make-you-a-better-developer-834e405aa5db
#nodejs #tools #library