Javascript Weekly
01/31/2023
• News Why Not document.write()?
• News The WebAssembly JavaScript Promise Integration API
• News Break the Programming Mold with Dependency Injection
• News Why Is My Jest Suite So Slow?
• News Bun v0.5 Released
• News Building an Accessible Theme Picker
• News Fixing a Memory Leak in a Production Node.js App
• News Build a Mobile-Responsive Telehealth Pager App Using Stream’s Chat API
• News A Beginner’s Guide to Chrome Tracing
• News Handling Errors Like a Pro in TypeScript
• News RoughNotation: Cute Animated 'Rough' Text Annotations
• News Free Website Speed Test: Does Your Site Meet Google's Core Web Vitals?
• News Modern Errors: Handle Errors in a Simple, Stable, Consistent Way
• News Shifty: A Small, Fast Tweening Engine
• News Barba.js: For Smooth Visual Transitions Between Pages
• News Rete.js 1.5: A Framework for Visual Programming
• News Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut
• News gpu-io: GPU-Accelerated Computing Library
Tags: #Javascriptweekly #Javascript #JS #weekly
01/31/2023
• News Why Not document.write()?
• News The WebAssembly JavaScript Promise Integration API
• News Break the Programming Mold with Dependency Injection
• News Why Is My Jest Suite So Slow?
• News Bun v0.5 Released
• News Building an Accessible Theme Picker
• News Fixing a Memory Leak in a Production Node.js App
• News Build a Mobile-Responsive Telehealth Pager App Using Stream’s Chat API
• News A Beginner’s Guide to Chrome Tracing
• News Handling Errors Like a Pro in TypeScript
• News RoughNotation: Cute Animated 'Rough' Text Annotations
• News Free Website Speed Test: Does Your Site Meet Google's Core Web Vitals?
• News Modern Errors: Handle Errors in a Simple, Stable, Consistent Way
• News Shifty: A Small, Fast Tweening Engine
• News Barba.js: For Smooth Visual Transitions Between Pages
• News Rete.js 1.5: A Framework for Visual Programming
• News Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut
• News gpu-io: GPU-Accelerated Computing Library
Tags: #Javascriptweekly #Javascript #JS #weekly
Csswizardry
Why Not document.write()? – CSS Wizardry
We’re often told not to use document.write(), but… why?!
Javascript Weekly
01/02/2023
• News Astro 2.0: The Next-Gen 'Islands'-Oriented Web Framework
• News Deep Cloning Objects in JavaScript, The Modern Way
• News Go From Professional Web Developer to Lead Engineer
• News Announcing TypeScript 5.0 Beta
• News AlaSQL.js 3.0: Isomorphic JavaScript SQL Database
• News Getting Started with SvelteKit
• News Using .NET Code from JavaScript using WebAssembly
• News JavaScript Scratchpad for VS Code (2m+ Downloads)
• News scrollend: A New JavaScript Event
• News Packaging Rust Apps for the npm Registry
• News Making Sense of TypeScript using Set Theory
• News React Authentication, Simplified
• News Accessible Hamburger Buttons without JavaScript
• News Uppy 3.4: Powerful, Modular JavaScript File Uploader
• News Nut.js 3.0: Desktop Automation from Node
• News Optimize Your Systems' Performance With TelemetryHub - Real-Time Data Monitoring & Analysis
• News Eleventy v2.0: First Beta of the Popular Site Generator
• News Mock Service Worker 1.0: API Mocking Library for Browser and Node
• News Drift: A Self-Hostable Gist-Like / Pastebin Service
Tags: #Javascriptweekly #Javascript #JS #weekly
01/02/2023
• News Astro 2.0: The Next-Gen 'Islands'-Oriented Web Framework
• News Deep Cloning Objects in JavaScript, The Modern Way
• News Go From Professional Web Developer to Lead Engineer
• News Announcing TypeScript 5.0 Beta
• News AlaSQL.js 3.0: Isomorphic JavaScript SQL Database
• News Getting Started with SvelteKit
• News Using .NET Code from JavaScript using WebAssembly
• News JavaScript Scratchpad for VS Code (2m+ Downloads)
• News scrollend: A New JavaScript Event
• News Packaging Rust Apps for the npm Registry
• News Making Sense of TypeScript using Set Theory
• News React Authentication, Simplified
• News Accessible Hamburger Buttons without JavaScript
• News Uppy 3.4: Powerful, Modular JavaScript File Uploader
• News Nut.js 3.0: Desktop Automation from Node
• News Optimize Your Systems' Performance With TelemetryHub - Real-Time Data Monitoring & Analysis
• News Eleventy v2.0: First Beta of the Popular Site Generator
• News Mock Service Worker 1.0: API Mocking Library for Browser and Node
• News Drift: A Self-Hostable Gist-Like / Pastebin Service
Tags: #Javascriptweekly #Javascript #JS #weekly
Tips on creating React JS-based applications from the Fireship channel
https://youtu.be/2OTq15A5s0Y
---
Tips and tricks in optimizing React JS code
https://javascript.plainenglish.io/4-react-tips-to-instantly-improve-your-code-7456e028cfa3
#react #fireship #tips
https://youtu.be/2OTq15A5s0Y
---
Tips and tricks in optimizing React JS code
https://javascript.plainenglish.io/4-react-tips-to-instantly-improve-your-code-7456e028cfa3
#react #fireship #tips
YouTube
7 better ways to create a React app
What is the best tool for starting a new React project in 2023? Let's look at 7 good alternatives to create-react-app for starting a new ReactJS web development project.
Subscribe to @nxdevtools for more awesome dev content!
#javascript #webdevelopment…
Subscribe to @nxdevtools for more awesome dev content!
#javascript #webdevelopment…
Explanation from the LearnVue channel about a library that makes it easy to use Regexp without the headache
https://www.youtube.com/watch?v=X_k198mrGL8
#learnvue #regex #library
https://www.youtube.com/watch?v=X_k198mrGL8
#learnvue #regex #library
YouTube
The Better Way to Write Regex
RESOURCES
magic-regexp docs - https://regexp.dev/
✅ Join the LearnVue+ Waiting List - https://learnvue.co
Get early access to videos, exclusive content, interactive code challenges, and more.
follow me on twitter:
https://twitter.com/mattmaribojoc
…
magic-regexp docs - https://regexp.dev/
✅ Join the LearnVue+ Waiting List - https://learnvue.co
Get early access to videos, exclusive content, interactive code challenges, and more.
follow me on twitter:
https://twitter.com/mattmaribojoc
…
5 Custom React Hooks That Will Transform Your Code 🤖
https://dev.to/naubit/5-custom-react-hooks-that-will-transform-your-code-emo
#webdev #javascript #react #beginners
https://dev.to/naubit/5-custom-react-hooks-that-will-transform-your-code-emo
#webdev #javascript #react #beginners
DEV Community
5 Custom React Hooks That Will Transform Your Code 🤖
Yesterday after finishing my daily article (yeah, I publish a new article about front-end development...
Introduction of Vue JS design pattern with computed and vModel
https://youtu.be/qGqebwUxWrw
#learnVue #vue
https://youtu.be/qGqebwUxWrw
#learnVue #vue
YouTube
I didn't know this Vue pattern existed (but I LOVE it)
RESOURCES
writable computed docs - https://vuejs.org/guide/essentials/computed.html#writable-computed
vueuse useVModel - https://vueuse.org/core/useVModel/#usevmodel
✅ Join the LearnVue+ Waiting List - https://learnvue.co
Get early access to videos, exclusive…
writable computed docs - https://vuejs.org/guide/essentials/computed.html#writable-computed
vueuse useVModel - https://vueuse.org/core/useVModel/#usevmodel
✅ Join the LearnVue+ Waiting List - https://learnvue.co
Get early access to videos, exclusive…
✨3 step breakdown of most FrontEnd Interview Rounds✨
[1] JavaScript Round - Interviewer will focus on core concepts, Output based Questions, Implementation based questions like Polyfills.
[2] Machine Coding (UI Round) - Interviewer will ask to design a UI Component focussing on your Thought process, Implementation, State Management of your Component.
[3] UI Tech Round - Senior Interviewer focusing on Browser Fundamentals, JavaScript & Async nature, Previous Projects.
#frontend #javascript #Interview
[1] JavaScript Round - Interviewer will focus on core concepts, Output based Questions, Implementation based questions like Polyfills.
[2] Machine Coding (UI Round) - Interviewer will ask to design a UI Component focussing on your Thought process, Implementation, State Management of your Component.
[3] UI Tech Round - Senior Interviewer focusing on Browser Fundamentals, JavaScript & Async nature, Previous Projects.
#frontend #javascript #Interview
Steps on how to contribute to opensource. https://www.ddinstagram.com/reel/CwQFVJNs26G/
InstaFix
@ezsnippet
Steps on how to contribute to opensource.
#coding #programming #opensource #javascript #remoteJob
#coding #programming #opensource #javascript #remoteJob
An introduction to the Bun runtime for running JavaScript code
https://www.youtube.com/watch?v=dWqNgzZwVJQ
—-
Basic practice on using Bun Runtime in JavaScript
https://www.youtube.com/watch?v=9m4HUt9MAzc
#bun #nodejs #runtime
https://www.youtube.com/watch?v=dWqNgzZwVJQ
—-
Basic practice on using Bun Runtime in JavaScript
https://www.youtube.com/watch?v=9m4HUt9MAzc
#bun #nodejs #runtime
YouTube
Bun is disrupting JavaScript land
Let's take a first look at Bun 1.0 - the worlds fastest JavaScript runtime. Find out how Bun compares to Node.js and Deno.
#webdevelopment #javascript #thecodereport
🔥 Level up AI code generation with DevGPT
Try it for free: https://devgpt.com/?utm_source=fireship…
#webdevelopment #javascript #thecodereport
🔥 Level up AI code generation with DevGPT
Try it for free: https://devgpt.com/?utm_source=fireship…
Training from Online Tutorials to create animations and hover effects on the Navigation Menu using CSS, HTML, and JavaScript
https://www.youtube.com/watch?v=Pwd34PAslEY
Practice creating clocks and countdown timers with JavaScript, HTML, and CSS
https://dev.to/madsstoumann/clocks-countdowns-timing-in-css-and-javascript-554n
—-
The use of REM makes the web app remain unresponsive
https://dev.to/marcelluscaio/using-rem-doesnt-make-your-website-responsive-heres-why-4b0e
#clock #timer #brake #html #css #javascript
https://www.youtube.com/watch?v=Pwd34PAslEY
Practice creating clocks and countdown timers with JavaScript, HTML, and CSS
https://dev.to/madsstoumann/clocks-countdowns-timing-in-css-and-javascript-554n
—-
The use of REM makes the web app remain unresponsive
https://dev.to/marcelluscaio/using-rem-doesnt-make-your-website-responsive-heres-why-4b0e
#clock #timer #brake #html #css #javascript
YouTube
Creative Menu Hover Text Animation Effects using CSS & Javascript
Get Master Frontend: Zero to Hero ebook Now👇
https://bit.ly/3E40YEV
------------------
Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform ideas…
https://bit.ly/3E40YEV
------------------
Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform ideas…
Guide to using Promise, Async , and Await
https://dev.to/myogeshchavan97/complete-guide-to-javascript-promises-asyncawait-and-promise-methods-5aom
—-
Little-known tips and tricks for using JavaScript
https://javascript.plainenglish.io/i-bet-you-dont-use-these-javascript-tricks-and-pratices-5ab5438ed4c8
#tips #javascript
https://dev.to/myogeshchavan97/complete-guide-to-javascript-promises-asyncawait-and-promise-methods-5aom
—-
Little-known tips and tricks for using JavaScript
https://javascript.plainenglish.io/i-bet-you-dont-use-these-javascript-tricks-and-pratices-5ab5438ed4c8
#tips #javascript
DEV Community
Complete Guide to JavaScript Promises, Async/await and Promise Methods
In this tutorial, you will learn everything you need to know about using promises and async/await in...
Implementation of JSDoc with TypeScript and JavaScript
https://dev.to/artxe2/jsdoc-in-ts-and-js-1p6j
Understand the use of the modulus operator in JavaScript
https://www.joshwcomeau.com/javascript/modulo-operator/
#modulo #jsdoc #typescript #javascript
https://dev.to/artxe2/jsdoc-in-ts-and-js-1p6j
Understand the use of the modulus operator in JavaScript
https://www.joshwcomeau.com/javascript/modulo-operator/
#modulo #jsdoc #typescript #javascript
DEV Community
JSDoc in TS and JS
Two days ago, I wrote a post about JSDoc. The post was about using JSDoc for type checking, and it...
Websites to practice for JavaScript interview:
https://www.interviewbit.com/courses/fast-track-js/
https://www.codewars.com/
https://exercism.org/tracks/javascript/exercises
https://codesignal.com/blog/engineering/javascript-ui-tasks/
https://javascript.plainenglish.io/20-javascript-questions-that-will-make-or-break-your-next-technical-interview-89b62883ef0f
GitHub repositories for JS interview questions:
https://github.com/deprecatednw/javascript-interview-questions
https://github.com/kennymkchan/interview-questions-in-javascript
https://github.com/ajzawawi/js-interview-prep
https://github.com/kolodny/exercises
https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/main/src/questions/javascript-questions.md
https://github.com/ganqqwerty/123-Essential-JavaScript-Interview-Questions
https://github.com/trekhleb/javascript-algorithms
#javascript #interview
https://www.interviewbit.com/courses/fast-track-js/
https://www.codewars.com/
https://exercism.org/tracks/javascript/exercises
https://codesignal.com/blog/engineering/javascript-ui-tasks/
https://javascript.plainenglish.io/20-javascript-questions-that-will-make-or-break-your-next-technical-interview-89b62883ef0f
GitHub repositories for JS interview questions:
https://github.com/deprecatednw/javascript-interview-questions
https://github.com/kennymkchan/interview-questions-in-javascript
https://github.com/ajzawawi/js-interview-prep
https://github.com/kolodny/exercises
https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/main/src/questions/javascript-questions.md
https://github.com/ganqqwerty/123-Essential-JavaScript-Interview-Questions
https://github.com/trekhleb/javascript-algorithms
#javascript #interview
Interviewbit
Fast-track-js - Interviewbit
Learn and Practice on almost all coding interview
questions asked historically and get referred to the best tech companies
questions asked historically and get referred to the best tech companies
Several Github JavaScript repositories for learning JavaScript programming
https://dev.to/novu/10-github-repositories-to-achieve-javascript-mastery-50hk
—-
An alternative to if else is the use of pattern matching
https://codeeverywhere.medium.com/goodbye-if-else-hello-pattern-matching-in-javascript-52bd46eda41f
—-
Tips for implementing Typescript with clean code
https://medium.com/@mvsg/6-advanced-typescript-tricks-for-clean-code-90cee774dbf3
—-
Discussion on how to migrate to TypeScript
https://dev.to/catherineisonline/how-did-you-switch-from-javascript-to-typescript-5gja
—-
#github #repository #learning #javascript #typescript #patternMatching
https://dev.to/novu/10-github-repositories-to-achieve-javascript-mastery-50hk
—-
An alternative to if else is the use of pattern matching
https://codeeverywhere.medium.com/goodbye-if-else-hello-pattern-matching-in-javascript-52bd46eda41f
—-
Tips for implementing Typescript with clean code
https://medium.com/@mvsg/6-advanced-typescript-tricks-for-clean-code-90cee774dbf3
—-
Discussion on how to migrate to TypeScript
https://dev.to/catherineisonline/how-did-you-switch-from-javascript-to-typescript-5gja
—-
#github #repository #learning #javascript #typescript #patternMatching
DEV Community
🚀 10 Github repositories to achieve Javascript mastery 🧙♂️🪄✨
TL;DR This article contains a list of 10 Github repositories that are going to be useful...
Forwarded from Learn Web Development
8 free eBooks and websites to help you learn web development (for free):
1. The Magic of CSS
The content in this eBook is for all-level developers. Learn about layout, box-model, positioning etc. with sample code snippets.
→ adamschwartz.co/magic-of-css/
2. DOM Enlightenment
"DOM Enlightenment" is a free online book that explores DOM in-depth, providing a clear and detailed understanding of how it works.
→ domenlightenment.com
3. Eloquent JavaScript
Introduction to programming in JavaScript focuses on writing real-world websites.
→ eloquentjavascript.net
4. Pro Git book
Learn everything about Git with infographics.
→ git-scm.com/book/en/v2
5. SQL
SQL is one of the crucial skills for web development.
Down these well structured notes in PDF format for free.
→ goalkicker.com/SQLBook/
6. Law of UI and UX
Collection of best practices that developers and designers can consider when building user interfaces.
→ lawsofux.com
7. Learn CSS Grid
This guide was created as a resource to help you better understand and learn Grid.
→ learncssgrid.com
8. React
React Express is a free eBook/guide that covers the basics of React, including components, state, props, and more.
→ react.express
#Webdevelopment #JS #JavaScript #Html #Css #React
Follow @learn_webdevelopment for Web development content
1. The Magic of CSS
The content in this eBook is for all-level developers. Learn about layout, box-model, positioning etc. with sample code snippets.
→ adamschwartz.co/magic-of-css/
2. DOM Enlightenment
"DOM Enlightenment" is a free online book that explores DOM in-depth, providing a clear and detailed understanding of how it works.
→ domenlightenment.com
3. Eloquent JavaScript
Introduction to programming in JavaScript focuses on writing real-world websites.
→ eloquentjavascript.net
4. Pro Git book
Learn everything about Git with infographics.
→ git-scm.com/book/en/v2
5. SQL
SQL is one of the crucial skills for web development.
Down these well structured notes in PDF format for free.
→ goalkicker.com/SQLBook/
6. Law of UI and UX
Collection of best practices that developers and designers can consider when building user interfaces.
→ lawsofux.com
7. Learn CSS Grid
This guide was created as a resource to help you better understand and learn Grid.
→ learncssgrid.com
8. React
React Express is a free eBook/guide that covers the basics of React, including components, state, props, and more.
→ react.express
#Webdevelopment #JS #JavaScript #Html #Css #React
Follow @learn_webdevelopment for Web development content
Migrating millions of lines of code to TypeScript
https://stripe.com/blog/migrating-to-typescript
#javascript #typescript
https://stripe.com/blog/migrating-to-typescript
#javascript #typescript
Stripe
Migrating millions of lines of code to TypeScript
On Sunday, March 6, we migrated we converted more than 3.7 million lines of code with a single pull request. The next day, hundreds of engineers came in to start writing TypeScript for their projects.
Build an AI-powered blogging platform (Next.js, Langchain & CopilotKit)
https://dev.to/copilotkit/how-to-build-an-ai-powered-blogging-platform-nextjs-langchain-supabase-1hdp
#webdev #tutorial #programming #javascript
https://dev.to/copilotkit/how-to-build-an-ai-powered-blogging-platform-nextjs-langchain-supabase-1hdp
#webdev #tutorial #programming #javascript
DEV Community
Build an AI-powered blogging platform (Next.js, Langchain & CopilotKit)
TL;DR In this article, you will learn how to build an AI-powered blogging platform that...