Get to know the framework that runs on top of Deno called Fresh, summarized by Fireship.
https://youtu.be/4boXExbbGCk
#fresh #deno #fireship
https://youtu.be/4boXExbbGCk
#fresh #deno #fireship
YouTube
a fresh new web framework is out
Fresh is a fullstack web framework for Deno that allows developers to build fast server-rendered webapps. It uses the "Islands Architecture" to limit JavaScript to specific components and can be deployed to the edge.
#webdevelopment #javascript #TheCodeReport…
#webdevelopment #javascript #TheCodeReport…
How to capitalize the first character with JavaScript
https://www.freecodecamp.org/news/javascript-capitalize-first-letter-of-word/
---
How to refresh a page with JavaScript
https://www.freecodecamp.org/news/refresh-the-page-in-javascript-js-reload-window-tutorial/
---
How to clear Array value in JavaScript
https://www.freecodecamp.org/news/how-to-clear-a-javascript-array-js-empty-array/
#array #capital #clear #refresh #window
https://www.freecodecamp.org/news/javascript-capitalize-first-letter-of-word/
---
How to refresh a page with JavaScript
https://www.freecodecamp.org/news/refresh-the-page-in-javascript-js-reload-window-tutorial/
---
How to clear Array value in JavaScript
https://www.freecodecamp.org/news/how-to-clear-a-javascript-array-js-empty-array/
#array #capital #clear #refresh #window
An MDX, MJML & React Workflow for Building HTML Emails
https://www.joshwcomeau.com/react/wonderful-emails-with-mjml-and-mdx/
#Reactjs #Email #Html
https://www.joshwcomeau.com/react/wonderful-emails-with-mjml-and-mdx/
#Reactjs #Email #Html
Joshwcomeau
My Wonderful HTML Email Workflow, using MJML and MDX for responsive emails • Josh W. Comeau
If you've ever had the misfortune of being tasked with building a template for HTML emails, you know it's tricky business! In this blog post, I share the approach I took to build responsive, client-friendly emails without a single <table> tag.
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 ...