Learn JavaScript™

Introduction to SOLID programming principles with JavaScript examples

https://www.freecodecamp.org/news/solid-principles-for-programming-and-software-design/

#javascript #solid

freeCodeCamp.org

SOLID Principles for Programming and Software Design

The SOLID principles of object-oriented programming help make object-oriented designs more understandable, flexible, and maintainable. They also make it easy to create readable and testable code that many developers can collaboratively work with anyw...

389 views12:49

Learn JavaScript™

Introduction of some attribute dna directives in Vue JS from the Learn Vue channel

https://youtu.be/tcD5TbOYHOw

#vue #attribute #learnvue

YouTube

Working with Attributes in Vue

RESOURCES
https://vuejs.org/guide/components/attrs.html#attribute-inheritance

✅ 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:…

997 views14:30

Learn JavaScript™

An introduction to what ChatGPT is and examples of using it with Web Dev Simplified

https://www.youtube.com/watch?v=Gmx-54k3pUk

An introduction to what GPT Chat is and the AI in it

https://www.youtube.com/watch?v=0uQqMxXoNVs

GPT Chat Review used to build the complete application

https://www.youtube.com/watch?v=Pi-5_eid7VA

Kevin Powell's experiment with Chat GPT to write simple CSS and HTML code

https://youtu.be/u0HTvSXNJmE

GPT Chat implementation exercise with Node JS and Next JS

https://javascript.plainenglish.io/how-to-use-chatgpt-as-an-educational-chatbot-in-a-next-js-frontend-6f9689ba85e9

---

An experiment using GPT Chat to create a web landing page

https://javascript.plainenglish.io/landingpages-created-by-chatgpt-eea9c7016279

---

Use GPT Chat to generate code based on React JS and JavaScript

https://blog.bitsrc.io/i-asked-chatgpt-ai-to-write-react-and-javascript-for-me-and-i-was-shocked-detailed-analysis-d68d55be7746

An experiment using GPT Chat to generate Vue JS code, along with the Program with Erik channel

https://www.youtube.com/watch?v=8vq-baOa0ZE

Practice building Chat GPT-based web applications with Node JS and React JS along with the JavaScript Mastery channel

https://youtu.be/2FeymQoKvrk

Building a push notification system with Node JS, React, and Chat GPT

https://dev.to/novu/master-notifications-with-chatgpt-react-and-nodejs-1ea9

Simple exercise using Chat GPT with React JS

https://medium.com/codingthesmartway-com-blog/how-to-use-chatgpt-with-react-ad3aff300b41

Basic training on creating web applications with Node JS and Chat GPT

https://medium.com/codingthesmartway-com-blog/effortlessly-create-a-full-stack-web-application-with-chatgpt-26c5533cbf97

#chatGPT #webdevSimplified‌‌ #AI #react #nodejs‌‌ #vue #kevinPowell #css‌‌ #javascript #javascriptMastery

2.4K viewsedited 12:30

Learn JavaScript™

Some web page rendering patterns to know about

https://www.youtube.com/watch?v=Dkx5ydvtpCA

#pattern #rendering #webpage

YouTube

10 Rendering Patterns for Web Apps

Learn about 10 different ways you can render a website to HTML with patterns like SSR, SSG, ISR, Partial Hydration, and More!

#webdevelopment #javascript #top10

Upgrade to PRO for full courses https://fireship.io/pro

309 views11:02

Learn JavaScript™

Using the Deno runtime to run the NPM Node JS package

https://www.youtube.com/watch?v=cv7ci6GT5Hg

#nodejs #deno #npm

YouTube

You don't need Node to use NPM packages

Learn how to use Node.js packages in the Deno JavaScript runtime with its new NPM specifier.

#typescript #nodejs #javascript

Deno NPM support blog post https://deno.com/blog/v1.28
Fireship CLI Tutorial https://youtu.be/_oHByo8tiEY

230 views11:35

Learn JavaScript™

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

Csswizardry

Why Not document.write()? – CSS Wizardry

We’re often told not to use document.write(), but… why?!

533 views12:30

Learn JavaScript™

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

621 viewsedited 12:30

Learn JavaScript™

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

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…

479 views10:35

Learn JavaScript™

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

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
…

441 views10:45

Learn JavaScript™

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

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...

1.1K views12:25

Learn JavaScript™

Introduction of Vue JS design pattern with computed and vModel

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…

1.1K views12:25

Learn JavaScript™

✨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

2.2K viewsedited 05:03

Learn JavaScript™

Steps on how to contribute to opensource. https://www.ddinstagram.com/reel/CwQFVJNs26G/

InstaFix

1:25

@ezsnippet

Steps on how to contribute to opensource.
#coding #programming #opensource #javascript #remoteJob

958 viewsedited 16:04

Learn JavaScript™

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

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…

442 views12:40