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
How to read JSON data in JavaScript
https://blog.openreplay.com/how-to-read-and-write-json-in-javascript/
----
Run Promises in parallel
https://blog.openreplay.com/promises-in-parallel/
#json #promise #parallel
https://blog.openreplay.com/how-to-read-and-write-json-in-javascript/
----
Run Promises in parallel
https://blog.openreplay.com/promises-in-parallel/
#json #promise #parallel
Openreplay
How to Read and Write JSON in JavaScript
Everything you need to use JSON in JavaScript.
Using the require common JS module in JavaScript
https://www.freecodecamp.org/news/how-to-use-the-javascript-require-function/
---
Convert JavaScript Array to String form
https://javascript.plainenglish.io/how-to-convert-a-javascript-array-into-a-string-f066c8839a1d
---
String data manipulation exercises in Javascript
https://javascript.plainenglish.io/how-to-work-with-strings-in-javascript-900819af4f4a
---
#commonjs #require #string #array
https://www.freecodecamp.org/news/how-to-use-the-javascript-require-function/
---
Convert JavaScript Array to String form
https://javascript.plainenglish.io/how-to-convert-a-javascript-array-into-a-string-f066c8839a1d
---
String data manipulation exercises in Javascript
https://javascript.plainenglish.io/how-to-work-with-strings-in-javascript-900819af4f4a
---
#commonjs #require #string #array
freeCodeCamp.org
JavaScript Require – How to Use the require() Function in JS
In JavaScript, modules refer to a file that holds JavaScript code which performs a specific purpose. Modules are self-contained, making it easy to add, remove, and update functionalities without affecting your entire code because they are decoupled f...
Forwarded from Technical Stark ™
How to create libraries and publish packages to NPM
https://www.freecodecamp.org/news/how-to-create-and-publish-your-first-npm-package/
JS Chart implementation exercise in Angular with Pie and Donut chart forms
https://www.freecodecamp.org/news/how-to-make-pie-and-doughnut-charts-using-chartjs-in-angular/
#npm #nodejs #package #angular #chartjs
https://www.freecodecamp.org/news/how-to-create-and-publish-your-first-npm-package/
JS Chart implementation exercise in Angular with Pie and Donut chart forms
https://www.freecodecamp.org/news/how-to-make-pie-and-doughnut-charts-using-chartjs-in-angular/
#npm #nodejs #package #angular #chartjs
freeCodeCamp.org
How to Create and Publish an NPM Package – a Step-by-Step Guide
NPM is the largest software registry on the internet. There are over a million packages in the NPM Library. Developers publish packages on NPM to share their code with others. And organisations also use NPM to share code internally. In this article, ...
Practice doing web scraping with Node JS, and Puppeteer
https://www.freecodecamp.org/news/web-scraping-in-javascript-with-puppeteer/
----
An example of using Web Scrapping with the help of GPT Chat
https://medium.com/codingthesmartway-com-blog/how-to-use-chatgpt-to-fully-automate-web-scraping-6bb0dab97943
#chatgpt #nodejs #puppeteer #webscrapping
https://www.freecodecamp.org/news/web-scraping-in-javascript-with-puppeteer/
----
An example of using Web Scrapping with the help of GPT Chat
https://medium.com/codingthesmartway-com-blog/how-to-use-chatgpt-to-fully-automate-web-scraping-6bb0dab97943
#chatgpt #nodejs #puppeteer #webscrapping
freeCodeCamp.org
Web Scraping in JavaScript – How to Use Puppeteer to Scrape Web Pages
Welcome to the world of web scraping! Have you ever needed data from a website but found it hard to access it in a structured format? This is where web scraping comes in. Using scripts, we can extract the data we need from a website for various purpo...
A guide to writing asynchronous code in JavaScript
https://www.freecodecamp.org/news/asynchronous-programming-in-javascript/
----
Introduction to the "this" object in JavaScript
https://www.freecodecamp.org/news/the-this-keyword-in-javascript/
----
Some concepts to understand JavaScript programming
https://medium.com/@sodiq.akanmu001/10-concepts-to-improve-your-mastery-of-javascript-2149bce67003
#this #concept #async
https://www.freecodecamp.org/news/asynchronous-programming-in-javascript/
----
Introduction to the "this" object in JavaScript
https://www.freecodecamp.org/news/the-this-keyword-in-javascript/
----
Some concepts to understand JavaScript programming
https://medium.com/@sodiq.akanmu001/10-concepts-to-improve-your-mastery-of-javascript-2149bce67003
#this #concept #async
freeCodeCamp.org
Asynchronous Programming in JavaScript – Guide for Beginners
To understand what asynchronous programming means, think about multiple people working on a project simultaneously, each on a different task. In traditional (synchronous) programming, each person would have to wait for the person before them to finis...
John Komarnicki's exercise on basic introduction to Vue JS 3 and some of its features
https://www.youtube.com/watch?v=KTFH4P8unUQ
#vue #johnKomarnicki #crash #course
https://www.youtube.com/watch?v=KTFH4P8unUQ
#vue #johnKomarnicki #crash #course
YouTube
Vue 3 Crash Course | Project From Scratch
📕 Vue 3 Crash Course: https://johnkomarnicki.gumroad.com/l/tqrmw
📕 Nuxt Course: https://www.learnnuxt.dev/
🤖 SaaS I'm Building (WebDevDaily): https://www.webdevdaily.io/
📹 Writeable computed properties: https://youtu.be/AQt5HDOH-HY
📹 defineModel: https://youtu.be/…
📕 Nuxt Course: https://www.learnnuxt.dev/
🤖 SaaS I'm Building (WebDevDaily): https://www.webdevdaily.io/
📹 Writeable computed properties: https://youtu.be/AQt5HDOH-HY
📹 defineModel: https://youtu.be/…
Exercises from Dcode about several Array manipulation methods that need to be known and learned
https://www.youtube.com/watch?v=MLGp0kxTstw
#dcode #array #method
https://www.youtube.com/watch?v=MLGp0kxTstw
#dcode #array #method
YouTube
7 Powerful JavaScript Methods You NEED To Know
Let's have a look at 7 POWERFUL JavaScript Methods that you need to know if you're serious about JavaScript development 😉
Chapters:
0:00 Intro
0:07 some()
1:31 matches()
3:31 filter()
4:58 cloneNode()
7:04 map()
8:40 append()
10:38 unshift()
12:01 Goodbye…
Chapters:
0:00 Intro
0:07 some()
1:31 matches()
3:31 filter()
4:58 cloneNode()
7:04 map()
8:40 append()
10:38 unshift()
12:01 Goodbye…
Practice from Cand Dev build a currency conversion app, Currency Converter, with React JS and Material UI
https://www.youtube.com/watch?v=r8zwDzlNSsA
#react #candDev #materialUI #currency #converter
https://www.youtube.com/watch?v=r8zwDzlNSsA
#react #candDev #materialUI #currency #converter
YouTube
Create a Currency Converter with React and Material-UI
In this video, we will walk you through the process of building a dynamic and beautiful currency converter using React and Material-UI. We will be using the freecurrencyapi for the conversion rates and restcountries for the list of countries.
👨💻Code:
…
👨💻Code:
…
PWA web application debugging exercise with Chrome Dev Tools
https://www.youtube.com/watch?v=fGU39PukAlA
#pwa #devtools #debugging
https://www.youtube.com/watch?v=fGU39PukAlA
#pwa #devtools #debugging
YouTube
Debugging PWA with DevTools #DevToolsTips
PWA stands for Progressive Web Apps. In this episode, Adriana and Jecelyn will walk us through some tips to build and debug a PWA.
Chapters:
0:00 Intro
0:20 What is PWA
1:06 Installability
1:17 Manifest pane in DevTools
1:38 Maskable icons
2:01 What are…
Chapters:
0:00 Intro
0:20 What is PWA
1:06 Installability
1:17 Manifest pane in DevTools
1:38 Maskable icons
2:01 What are…