Implementation of the SOLID concept in JavaScript and TypeScript
https://javascript.plainenglish.io/solid-principles-in-javascript-typescript-with-examples-1a7d398c0e53
----
A guide to building good JavaScript libraries
https://betterprogramming.pub/creating-a-reliable-javascript-library-a-step-by-step-guide-6907c778341c
#library #solid #principle
https://javascript.plainenglish.io/solid-principles-in-javascript-typescript-with-examples-1a7d398c0e53
----
A guide to building good JavaScript libraries
https://betterprogramming.pub/creating-a-reliable-javascript-library-a-step-by-step-guide-6907c778341c
#library #solid #principle
Medium
SOLID Principles in JavaScript & TypeScript (with Examples)
Becoming a S.O.L.I.D. Coder
Practice with Dcode building a Todo List application with JavaScript, HTML, and CSS
https://www.youtube.com/watch?v=cijPd-TXPn4
#todo #list #dcode #css #html
https://www.youtube.com/watch?v=cijPd-TXPn4
#todo #list #dcode #css #html
YouTube
Build a To-Do List in 20 MINUTES with JavaScript
In today's video, I'll show you how easy it is to build a To-Do List App using HTML, CSS & JavaScript. No frameworks are involved in this project and it's great for beginners who want to learn Local Storage and how to build user interfaces for the web.
🏫…
🏫…
Google Chrome 109 release notes with lots of new features added
https://www.youtube.com/watch?v=B4_vT99pBaM
#chrome #release
https://www.youtube.com/watch?v=B4_vT99pBaM
#chrome #release
YouTube
New in Chrome 109: OPFS on Android, new css properties, MathML Core support
Chrome 109 is rolling out now! The Origin Private File System API is now available for Android,
there is a set of new properties in CSS, you can easily add math notations in your HTML with the support for MathML core, and there’s plenty more.
Adriana Jara…
there is a set of new properties in CSS, you can easily add math notations in your HTML with the support for MathML core, and there’s plenty more.
Adriana Jara…
The results of the 2022 State of JavaScript annual survey are now available. Here you can see some survey results regarding the use of the JavaScript framework and its supporting libraries.
More complete results can be seen here.
https://2022.stateofjs.com/en-US/
#stateofJS #survey
More complete results can be seen here.
https://2022.stateofjs.com/en-US/
#stateofJS #survey
Configuration for Node JS and Express JS development
https://dev.to/efkumah/how-to-effortlessly-set-up-an-express-development-environment-15mm
---
Using the http module in Node JS to process response data and API
https://dev.to/dashsaurabh/building-a-nodejs-webserver-with-http-module-is-super-easy-3mj2
#nodejs #express #http
https://dev.to/efkumah/how-to-effortlessly-set-up-an-express-development-environment-15mm
---
Using the http module in Node JS to process response data and API
https://dev.to/dashsaurabh/building-a-nodejs-webserver-with-http-module-is-super-easy-3mj2
#nodejs #express #http
DEV Community
How to effortlessly set up an Express development environment
Introduction In our previous post, we learned about Express and some basic features of an...
Tips for writing React JS code with React Query with Web Dev Simplified
https://www.youtube.com/watch?v=lVLz_ASqAio
#react #reactQuery #webdevsimplified
https://www.youtube.com/watch?v=lVLz_ASqAio
#react #reactQuery #webdevsimplified
YouTube
React Query Makes Writing React Code 200% Better
I absolutely love React Query, also known as TanStack Query. This library singlehandedly makes working in React so much nicer and I can’t imagine creating a large scale project without it. In this video I will show you what React Query is, what it can do…
Making an application for downloading music data from Youtube with React JS, together with the Cand Dev channel
https://www.youtube.com/watch?v=TFX19GQ8LMQ
#cand #dev #youtube #mp3 #downloader
https://www.youtube.com/watch?v=TFX19GQ8LMQ
#cand #dev #youtube #mp3 #downloader
YouTube
Build Youtube to MP3 Downloader With React
Building a YouTube to MP3 downloader with React, that allows users to search for and download YouTube videos in MP3 format
👨💻Code:
https://github.com/candraKriswinarto/youtube2mp3
🔗Link:
rapidApi - https://rapidapi.com/ytjar/api/youtube-mp36/
vite - h…
👨💻Code:
https://github.com/candraKriswinarto/youtube2mp3
🔗Link:
rapidApi - https://rapidapi.com/ytjar/api/youtube-mp36/
vite - h…
Reference React JS projects to try as a beginner
https://www.freecodecamp.org/news/react-projects-for-beginners-easy-ideas-with-code/
---
React project configuration with Tailwind and Vite JS
https://www.freecodecamp.org/news/how-to-install-tailwindcss-in-react/
---
#react #tailwind #vite
https://www.freecodecamp.org/news/react-projects-for-beginners-easy-ideas-with-code/
---
React project configuration with Tailwind and Vite JS
https://www.freecodecamp.org/news/how-to-install-tailwindcss-in-react/
---
#react #tailwind #vite
freeCodeCamp.org
React Projects for Beginners in 2023 – Fun Ideas with Code
You're ready to start making simple projects with React, but you don't know what to make. Where should you start? I have created seven unique and fun React projects for you to make, all of which will teach you essential React concepts that you need t...
Building backend applications with Fastify and Node JS
https://www.telerik.com/blogs/modern-apis-fastify-node
#nodejs #fastify #api
https://www.telerik.com/blogs/modern-apis-fastify-node
#nodejs #fastify #api
Telerik Blogs
Modern APIs With Fastify in Node.js
Is Fasitify the best option for making a modern Node.js API? Let’s take a look.
Web application performance optimization with Async and defer
https://www.freecodecamp.org/news/javascript-performance-async-defer/
---
Some of the advantages of Lodash for use in Javascript projects
https://javascript.plainenglish.io/5-reasons-why-you-should-be-using-lodash-in-your-javascript-projects-fd08bdfbfe27
---
Some tips on using JSON Stringify to convert JSON data to String
https://javascript.plainenglish.io/as-a-front-end-engineer-9-secrets-about-json-stringify-you-should-know-about-e71c175f40d8
#lodash #async #defer #stringify
https://www.freecodecamp.org/news/javascript-performance-async-defer/
---
Some of the advantages of Lodash for use in Javascript projects
https://javascript.plainenglish.io/5-reasons-why-you-should-be-using-lodash-in-your-javascript-projects-fd08bdfbfe27
---
Some tips on using JSON Stringify to convert JSON data to String
https://javascript.plainenglish.io/as-a-front-end-engineer-9-secrets-about-json-stringify-you-should-know-about-e71c175f40d8
#lodash #async #defer #stringify
freeCodeCamp.org
JavaScript Performance – How to Improve Page Speed with async and defer
In web programming, JavaScript brings interactiveness and dynamic behaviour to your web pages. While HTML and CSS take care of the structure and aesthetics of the pages, they will be merely usable without JavaScript doing its job in the background. You can…
Tips and tricks for using the i18n language locale feature in Angular
https://www.telerik.com/blogs/best-practices-angular-i18n
#angular #i18n
https://www.telerik.com/blogs/best-practices-angular-i18n
#angular #i18n
Telerik Blogs
Best Practices for Angular i18n
In this blog post, we will cover best practices that the virtuous Angular developers use when implementing internationalized user interfaces.
See the release notes in Chrome Dev Tools 109
https://www.youtube.com/watch?v=PupwBARjaYU
#chrome #devTools
https://www.youtube.com/watch?v=PupwBARjaYU
#chrome #devTools
YouTube
Chrome 109 - What’s New in DevTools
What’s new in DevTools (Chrome 109) → https://goo.gle/3XijMI2
Chapters:
0:00 Intro
0:14 Replay in-page user flows
1:02 Right click on a user flow’s step
1:15 Copy step as script
1:39 Sourcemap in the Performance panel
2:27 New keyboard shortcut to switch…
Chapters:
0:00 Intro
0:14 Replay in-page user flows
1:02 Right click on a user flow’s step
1:15 Copy step as script
1:39 Sourcemap in the Performance panel
2:27 New keyboard shortcut to switch…
Reference some ESLint rules for Angular-based projects that prioritize accessibility
https://dev.to/angular/angular-eslint-rules-for-accessible-html-content-kf5
---
Bundle size optimization in Angular
https://levelup.gitconnected.com/5-tips-for-optimizing-angular-bundle-size-f0ce5be7c0de
#angular #eslint #aria #accessibility #bundler
https://dev.to/angular/angular-eslint-rules-for-accessible-html-content-kf5
---
Bundle size optimization in Angular
https://levelup.gitconnected.com/5-tips-for-optimizing-angular-bundle-size-f0ce5be7c0de
#angular #eslint #aria #accessibility #bundler
DEV Community
Angular ESLint Rules for Accessible HTML Content
Content accessibility for built-in HTML elements is the third and final category in this series on...
The difference between var, let, and const in JavaScript
https://www.freecodecamp.org/news/differences-between-var-let-const-javascript/
----
The difference between null and undefined in JavaScript
https://javascript.plainenglish.io/what-is-the-difference-between-null-and-undefined-in-javascript-6e9b6b6b77ad
#var #let #const #null #undefined
https://www.freecodecamp.org/news/differences-between-var-let-const-javascript/
----
The difference between null and undefined in JavaScript
https://javascript.plainenglish.io/what-is-the-difference-between-null-and-undefined-in-javascript-6e9b6b6b77ad
#var #let #const #null #undefined
freeCodeCamp.org
var, let, and const in JavaScript – the Differences Between These Keywords Explained
By Dillion Megida In JavaScript, you can declare variables with the var, let, and const keywords. But what are the differences between them? That's what I'll explain in this tutorial. I have a video version of this topic you can check out as well. 😇...
Practice using React Dev Tools to debug React JS applications
https://www.freecodecamp.org/news/how-to-use-react-dev-tools/
#react #devtools
https://www.freecodecamp.org/news/how-to-use-react-dev-tools/
#react #devtools
freeCodeCamp.org
How to Use React Dev Tools – With Example Code and Videos
By Aman Kalra When you're working on a React project, one of the easiest ways to debug your code is using the React Dev Tools. React Dev Tools is an extension created by the React team. It enables developers to debug their code inside their Developer...
Build Node JS backend and fullstack JS applications with Admin JS
https://blog.logrocket.com/build-full-stack-application-adminjs/
---
Created a file upload function from Nest JS to another backend server
https://javascript.plainenglish.io/nestjs-axios-upload-file-from-one-server-to-another-9de382e4f233
---
#nodejs #adminjs #nest #axios
https://blog.logrocket.com/build-full-stack-application-adminjs/
---
Created a file upload function from Nest JS to another backend server
https://javascript.plainenglish.io/nestjs-axios-upload-file-from-one-server-to-another-9de382e4f233
---
#nodejs #adminjs #nest #axios
LogRocket Blog
Build a full-stack application with AdminJS - LogRocket Blog
Learn about the features of an open source Node.js admin panel, AdminJS, and see how to use it to build a full-stack application.
Practice on how to deploy Node JS to a VPS server with Nginx and PM2
https://javascript.plainenglish.io/how-to-deploy-multiple-nodejs-apps-on-a-single-server-with-ssl-nginx-pm2-part-2-91ea028473a5
----
Tips on securing Node JS-based applications
https://abbaslanbay.medium.com/how-to-secure-node-js-applications-a7edd0c34d02
#nodejs #deploy #vps #nginx #pm2 #security
https://javascript.plainenglish.io/how-to-deploy-multiple-nodejs-apps-on-a-single-server-with-ssl-nginx-pm2-part-2-91ea028473a5
----
Tips on securing Node JS-based applications
https://abbaslanbay.medium.com/how-to-secure-node-js-applications-a7edd0c34d02
#nodejs #deploy #vps #nginx #pm2 #security
Medium
How to Deploy Multiple Node.js Apps on a Single Server with SSL, Nginx, PM2
Part 2: Deploying Multiple Node.js Apps on a Single Server with SSL, Nginx, PM2