Weekly Code Quickies

The State of JavaScript 2022 report is an annual survey that aims to understand the current state of the JavaScript ecosystem. This report provides an overview of the most popular JavaScript frameworks, libraries, and tools, as well as the latest trends and future predictions.  One of the biggest takeaways from the State of JavaScript 2022 report is the continued dominance of React. 

My Udemy Courses: 

- 30+ React Projects, Learn React JS by Building 30+ Web Apps: https://www.udemy.com/course/30-react... 

- Advanced HTML CSS & SASS - Build and Deploy Modern Websites: https://www.udemy.com/course/advanced... 

- Git & GitHub -Essentials for Version Control & Management Complete: https://www.udemy.com/course/essentia... 

- Bootstrap 5 for Beginners with real world Projects: https://www.udemy.com/course/complete... 

- 30 HTML CSS & JavaScript projects in 30 Days for Beginners: https://www.udemy.com/course/30-html-... 

- Visual Studio Code - Master the Complete VS Code environment: https://www.udemy.com/course/visual-s... 

- Master Responsive Web Design CSS Grid, Flexbox & Animations: https://www.udemy.com/course/master-r... 

- Modern JavaScript from Beginner to Advanced: https://www.udemy.com/course/modern-j... 

- Advanced CSS & SASS: Framework, Flexbox, Grid, Animations: https://www.udemy.com/course/advanced... 

- Web Development HTML CSS & JS a Beginner to Advance guide: https://www.udemy.com/course/advanced...  

 -----------------------------------------------------------------------------  

👇 Website / Tutorials / Projects /Blog 👨‍🏫  

 https://norbertbm.com/web-development...

• 00:00 - Introduction 


• 01:55 - “Yearly Salary” vs “Years of Experience” for JavaScript developers 


• 07:12 - Demographics Country and Language of JavaScript developers 


• 09:39 - Top used JavaScript Features going in to 2023 1


• 2:00 - Top JavaScript Libraries going in to 2023 


• 12:32 - Top Front-end Frameworks going in to 2023 


• 13:25 - Top Rendering Frameworks going in to 2023 


• 15:38 - Top JS Mobile and Desktop going in to 2023 


• 17:10 - Usage of JavaScript vs TypeScript going in to 2023 


• 17:56 - Where to learn JavaScript in 2023 

Check out the State of JS 2022 here: 

#stateofjs2022 #javascript2023 #WCQ

In this video, we're going to discuss what it takes to become a professional programmer. We'll cover the basics of what it takes to become a professional programmer, as well as some of the benefits that come with this career.  

If you're interested in becoming a professional programmer, then this video is for you! We'll discuss what it takes to become a professional programmer, cover the basics  mistakes  and give you some tips on how to avoid them. Whether you're a beginner or a professional programmer, this video is a great way to learn more about this career!    

🎱Blog Post for this Video:https://norbertbm.com/

----------------------------------------------------------------------------- 

👇 Website & Courses: 👨‍🏫   :https://norbertbm.com/web-development/web-dev-courses/Podcast:https://anchor.fm/menyhart-b-norbert9

------------------------------------------------------------------------------------------------- Timestamps: 00:00 - Intro  01:00 - Beginner VS Intermediate Programmer 03:00 - Intermediate VS Advanced Programmer 07:40 - About My upcoming React Course  ----------------------------------------------------------------------------------------------------------------------------------------------------------------- #programmingforbeginners #howtolearntocode #norbertbmwebdevelopment

Learn how to create a website with scroll animation using HTML CSS and JavaScript with its Intersection Observer API  

🎱Source Code for this Video: 

https://norbertbm.com/scroll-animated-website/

-----------------------------------------------------------------------------  

👇 Website & Courses: 

👨‍🏫  : https://norbertbm.com/web-development/web-dev-courses/ 

Podcast: https://www.youtube.com/channel/UCDKBcl1m__Oj7C5O-orhn_w

------------------------------------------------------------------------------------------------- 

Timestamps: 

00:00 - Intro & Project overview 

02:00 - Basic Setup HTML and CSS 

05:25 - using Intersection Observer API 

08:42 - delay transition effect with css     

------------------------------------------------------------------------------------------------- 

 -------------------------------------------------------------------------------------------------

  #SrollAnimation #javascriptproject #WebsiteAnimation

Learn what the Astra Framework is and how to run Astro and create your first Astro blog website.

# What is Astro and How to use it

Your assignment, build a Blog website, ok , let me do a `npx create-react-app my-blog` and do a total overkill of your assignment.

Or just use Astro, with is similar to a static site generator and make you life much easear.

## What is Astro?

Astro is an all-in-one web framework for building fast, content-focused websites.

For example Blogs, Landing pages ,Portfolio, Showcase, etc...

## Key Features:

Some of the Key Features of the Astro framework are :

- **Component Islands**: A new web architecture for building faster websites, that considers your website as the ocean and the components as islands.

- **Server-first API design**: opposite to next.js, expensive hydration is removed of your users’ devices increasing site speed.

- **Zero JS, by default**: No JavaScript runtime overhead to slow you down. JavaScript is loaded only when required.

- **Edge-ready**: can run on global edge runtime like Deno or Cloudflare.

- **Customizable**: Tailwind, MDX, and 100+ other integrations to choose from.

- **UI-agnostic**: Supports React, Preact, Svelte, Vue, Solid, Lit and more as integrable components.

There main selling point is that you ship les JavaScript!

🎱Source Code for this Video: https://norbertbm.com/

  👇 

Website & Courses: 👨‍🏫  : https://norbertbm.com/web-development/web-dev-courses/ 

Podcast: https://www.youtube.com/channel/UCDKBcl1m__Oj7C5O-orhn_w

In this web development tips and tricks I will share my thought on how to write better code.

Learn what react is and how to create your first react app in this web development tutorial. React (also known as React.js or ReactJS) is a free and open-source front-end JavaScript Framework, or kind of.

Actually React is a JavaScript library that is declarative, efficient, and flexible for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components”.

It is maintained by Meta (formerly Facebook) and a community of individual developers and companies.

React can be used as a base in the development of single-page, mobile, or server-rendered applications with frameworks like Next.js.

Watch the full video Tutorial:

https://youtu.be/il34iLY6o2s

Is Apple viable for Web Development in 2022 with ist new M2 silicon Chip. iOS 16 and MacOS Ventura, also new MacBook Air and MacBook Pro for Web Developers and coding.

In this React tutorial you are going to learn how to install update and run react version 18  

💖  Support The Channel by becoming a part of this community!  

🎱 Code for this Video: https://norbertbm.com/ 

-----------------------------------------------------------------------------  

👇 Website & Courses: 👨‍🏫  : 

https://norbertbm.com/web-development/web-dev-courses/  

------------------------------------------------------------------------------------------------- 

Timestamps: 

00:00 - Intro  

00:40 - What is new in React 18 

01:22 - React create root method 

02:10 - React 18 new Hooks 

02:42 - React useId hook 

03:03 - React startStransition and useTransition Hooks 

03:34 - React useDeferredValue hook 

4:04 - React useSyncExternalStore 

04:35 - React useInsertionEffect 

05:06 - How to Update React from v17 to v18 

05:40 - How to instal react v18 

06:07 - How to implement react createRoot method 

07:55 - How to instal and Run React V18

#ReactV18 #ReactNews #norbertbmwebdevelopment

Here is what you should know in JavaScript before starting to  learn the React JS Framework.   💖  Support The Channel by becoming a part of this community!  🎱 Outlet for this Video and PDF: https://norbertbm.com/top-10-skills-you-must-know-2022-before-you-learn-reactjs/-----------------------------------------------------------------------------  👨‍🏫 Check out my Website for more tutorials and  Udemy Course👨‍🏫  : https://volere.life/web-development/web-dev-courses/ ------------------------------------------------------------------------------------------------- Timestamps: 00:00 - Intro & Project overview 00:47 - What are javascript template literals , template strings 01:36 - JavaScript Shorthand property names 02:08 - JavaScript Arrow functions 02:53 - What is JavaScript Destructuring 03:23 - JavaScript Parameter defaults 03:54 - JavaScript  Rest/Spread 04:50 - JavaScript ESModules 06:19 - JavaScript  Ternaries 06:51 - JavaScript Array Methods 07:28 - JavaScript Promises and async/await

In this episode we will explain what blockchain is, how it works, what proof of work in a blockchain is and if Blockchain is secure.

Watch it on youtube: https://youtu.be/Pby0lta2cN0