Skip to main content
Weekly code quickies with Norbert B.M.

Weekly code quickies with Norbert B.M.

By Menyhart B. Norbert

Welcome to Menyhart B. Norbert's WCQ Podcast. This Podcast is dedicated your weekly updates for Tech news, Coding tricks and tips, React Angular Vue and more. I am your Host NorbertBM and this episode we will ….
Where to listen
Apple Podcasts Logo

Apple Podcasts

Google Podcasts Logo

Google Podcasts

Overcast Logo

Overcast

Pocket Casts Logo

Pocket Casts

RadioPublic Logo

RadioPublic

Spotify Logo

Spotify

Stitcher Logo

Stitcher

Currently playing episode

What is ASTRO JS & How To Run it

Weekly code quickies with Norbert B.M.

1x
Create a website with scroll animation
Create a website with scroll animation
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
10:38
October 02, 2022
What is ASTRO JS & How To Run it
What is ASTRO JS & How To Run it
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
03:23
September 04, 2022
How to write good code
How to write good code
In this web development tips and tricks I will share my thought on how to write better code.
05:01
August 06, 2022
React JS Explained
React JS Explained
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
07:04
July 03, 2022
WWDC 2022 Apple iOS and MAC's for Web Development.
WWDC 2022 Apple iOS and MAC's for Web Development.
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.
06:39
June 13, 2022
React version 18 | What is new in React v18 | How to Install Update and run React JS v18
React version 18 | What is new in React v18 | How to Install Update and run React JS v18
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
10:05
April 11, 2022
Top 10 Skills You Must Know 2022 Before You Learn ReactJS
Top 10 Skills You Must Know 2022 Before You Learn ReactJS
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
09:28
February 10, 2022
Blockchain in a nutshell WCQ17
Blockchain in a nutshell WCQ17
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
11:18
January 03, 2022
Ethereum In A Nutshell | WCQ16
Ethereum In A Nutshell | WCQ16
In this episode we are going to explain Ethereum When was Ethereum invented What is Ethereum How dose Ethereum Work What is Ether What is Gas in the Ethereum blockchain Conclusion
10:09
December 27, 2021
Bitcoin in a Nutshell | WCQ15
Bitcoin in a Nutshell | WCQ15
In todays episode you will learn about Bitcoin, what bitcoin is, who created it, how bitcoin works , haw to own bitcoin, how to mine bitcoin and where to store bitcoin. Also as a conclusion at the end, the ups and down or the pros and cons of Bitcoin.
09:03
December 19, 2021
Top Benefits of micro Frontend Web Development in 2022 - WCQ14
Top Benefits of micro Frontend Web Development in 2022 - WCQ14
In todays episode we will take a look at the benefits of Micro Frontend! Throughout this episode I will cover : What are Micro Frontends? How Micro Frontend Works? What are the Best Practices of Micro-Frontend? How to Adopt Micro Frontend Architecture? Why Micro Frontend Matters? What are the Benefits of Micro Frontend Architecture? Concluding Micro Frontend Architecture
10:02
December 13, 2021
Top 5 Technologies for WEB Development in 2022 - WCQ13
Top 5 Technologies for WEB Development in 2022 - WCQ13
In this episode of the Weekly Code Quickies Podcast we will take a look at the latest trends for 2022  for web development like: No-code, Data base, JavaScript, WEB 3.0, Metaverse.   Support the channel by subscribing!   ---------------------------------------------------------------------------------------------------------------------   Listen to the podcast on: Apple Podcasts: https://podcasts.apple.com/de/podcast/weekly-code-quickies-with-norbert-b-m/id1455776215Spotify: https://open.spotify.com/show/1bpbmoaP44RGq9rDqaat4R?si=76134374af6d495dStitcher: https://listen.stitcher.com/yvap/?af_dp=stitcher://show/380154&af_web_dp=https://www.stitcher.com/show/380154---------------------------------------------------------------------------------------------------------------------   Show notes:  00:00 - Introduction   00:42 - NO CODE web development  01:47 - Database  04:35 - AI in web development  05:32 - JavaScript the foundation of all Frameworks  06:17 - Web 3.0  08:08 - Metaverse      #2022 #webdevelopmen #WCQ
09:50
December 06, 2021
New JavaScript Framework Remix, React Router 6 - WCQ12
New JavaScript Framework Remix, React Router 6 - WCQ12
In this episode of Weekly code quickies we will take a look at Remix the New, Free and Open source JavaScript Framework, and React Router V6   ---------------------------------------------------------------------------------------------------------------------  Watch it on YouTube: https://youtu.be/ruSwu1VLoEg ---------------------------------------------------------------------------------------------------------------------   Show notes:  00:00 - Introduction   01:04 - What is remix?  01:40 - Remix is Server-side rendered  02:10 - Remix is not part of the  JAM Stack  02:40 - What are the Benefits of Remix  03:10 - What are the use case of Remix  03:40 - How to get Started with Remix  04:10 - React Router V6 What is React Router ?  05:16 - How to set up React Router 6  06:12 - What is New to React Router 6 ?     #RemixFramework #ReactRouter6 #WCQ
08:28
November 29, 2021
Web 3 / Metaverse, New Framework Hydrogen for dynamic E-commerce - WCQ11
Web 3 / Metaverse, New Framework Hydrogen for dynamic E-commerce - WCQ11
In this episode of Weekly code quickies I will analyze  Gary Veynerchuck AKA GaryVee interview withMark Zuckerberg the CEO of Meta about his future plans for the Metaverse and the Web 3.0  Here are the topics todays episode - Web3 / Metaverse - The Metaverse ETF - Hydrogen Framework  ---------------------------------------------------------------------------------------------------------------------   Watch on YouTube:  https://youtu.be/fmMU6ICqVwY Listen to the podcast on:  Apple Podcasts: https://podcasts.apple.com/de/podcast/weekly-code-quickies-with-norbert-b-m/id1455776215  Spotify: https://open.spotify.com/show/1bpbmoaP44RGq9rDqaat4R?si=76134374af6d495d  Stitcher: https://listen.stitcher.com/yvap/?af_dp=stitcher://show/380154&af_web_dp=https://www.stitcher.com/show/380154  Follow the Blog: https://norbertbm.com/garyvee-and-mark-zuckerberg-on-web3-metaverse-new-framework-hydrogen-for-dynamic-e-commerce-wcq11/ ---------------------------------------------------------------------------------------------------------------------   Show notes:  00:00 - Introduction and topics  00:49 - Mark Zuckerberg  about Web3 / Metaverse  01:55 - Is the Metavers similar to the early days of Facebook  03:14  - Why did Mark Zuckerberg acquire Oculus so early on?  05:07 - Are contact lenses the future of augmented reality ?  07:51 - Will the Metaverse core focus be the attention grab  10:23 - What is Mark Zuckerberg stand on NFTs  11:00 - What is the real problem with the Metaverse ?  12:34 - How to invest in the Metaverse ETF  13:10 - What is a ETF?  17:58 - What is Hydrogen Framework  18:30 - Why build a custom storefront?   #metaverse #nft #WCQ
20:21
November 22, 2021
The future of coding, NodeJS in the browser and WebContainers - WCQ November 15, 2021
The future of coding, NodeJS in the browser and WebContainers - WCQ November 15, 2021
In this episode we will talk about the potential future of web development, witch could take place in the browser instead of traditional IDE app.  --------------------------------------------------------------------------------------------------------------------- Watch it on YouTube: https://youtu.be/PPJQSZJyvCg --------------------------------------------------------------------------------------------------------------------- Show notes:  00:00 - Introduction   01:31 - Topics  01:51 - What are web containers  02:56 - Node.js in the browser  03:53 - What is a IDE  04:23 - What is StackBlitz  05:05 - Properties of StackBlitz  06:10 - FRONT-END FRAMEWORKS & LIBRARIES in StackBlitz  06:47 - BACK-END in StackBlitz   #webcontainers #stackblitz #WCQ
07:53
November 15, 2021
Is Web 3.0 the future of the internet, should you even care blockchain?
Is Web 3.0 the future of the internet, should you even care blockchain?
Web 3.0, You may have heard of it, but what is it? Should you even care about it and do we really need another version of the internet? What's wrong with Web 2.0, witch is the current version of the internet and its predecessor Web 1.0? Are there any benefits to Web 3.0? In this episode of the podcast I will try to answer all of this questions. And if wish to learn about the current fastest growing then Technology then stick around to the end! Whatch it on YouTube: https://youtu.be/zN_fpvp_EVk Summery Is Web 3.0 the future of the internet, should you even care?Summery What is the Web 1.0 What is Web 2.0What is the problem with Web 2.0? What is Web 3.0The concept of Web 3.0 Web 3.0 Will Use AI Web 3.0 will return to the Original Concept Why Web 3.0 Matters What is Blockchain, the fastest growing web technology.Enter the blockchain Blockchain VS typical database
13:50
November 08, 2021
Facebook is going Meta, get ready User One!
Facebook is going Meta, get ready User One!
The company that owns Instagram, WhatsApp and Facebook called facebook, is as of Oct 28 known as Meta.
04:18
October 31, 2021
New Macbook Pro M1 Max and VS Code WEB APP
New Macbook Pro M1 Max and VS Code WEB APP
New apple Macbook pro m1 max release and Microsoft visual studio code web application in the browser   -------------------------------------------------------------------------------------------------  Check out the video on my youtube : https://youtu.be/kQ5ionTNzbo Timestamps:  00:00 - Intro & overview  00:18 - New VS Code Web app in the browser  01:08 - Limitations of VS Code web app  02:14 - Advantages of VS Code web app  03:23 - First look at vs code web app  08:37 - New Macbook pro 16'' M1 Max
13:57
October 26, 2021
Vs Code v1.61 September 2021 updated & Font Awesome V6 Beta - WCQ Ep6
Vs Code v1.61 September 2021 updated & Font Awesome V6 Beta - WCQ Ep6
In todays episode we are going to take a look at the new Visual Studio Code Aka VS Code Version 1.61 September 2021 updates and at Font Awesome V6 BETA. Watch the full episode on YouTube: https://youtu.be/HGhLHGDFeck Timestamps:  00:00 - Introduction 00:38 - What is Visual studio code? 00:49 - VS Code September 2021 version 1.61 updates overview 01:37 - Vs Code Split editors within the same group 01:59 - VS Code-Locked editor groups 02:06 - VS Code-Better display of deleted and readonly files 02:23 - VS Code Bracket pair guides 02:43 - VS Code-Fixed terminal dimensions 03:00 - VS Code - Jupyter Notebook improvements 03:30 - VS Code-Platform-specific extensions 03:47 - VS Code - Virtual Workspaces extension guide 04:11 - VS Code - Advanced container configuration 04:36 - Font Awesome V6 Beta 04:44 - What is Font Awesome
06:55
October 18, 2021
Top 10 tips for beginner web developers
Top 10 tips for beginner web developers
This one is for all you beginner web developers. In this episode I will give you my personal top 10 tips for you if you wish to start your career as a web developer. Watch the full episode on YouTube: https://youtu.be/o3IFf-9DQL8
11:04
October 04, 2021
How Old are programing [ coding ] languages
How Old are programing [ coding ] languages
In this episode we are going to go through some of the most popular coding / programing languages like C, C++, C#, Java, JavaScript, HTML, CSS Pythone, Rupy, Rust, and more. And define what they stand for, when they ware released and how old they are. Check out the full episode on youtube: https://youtu.be/UY0FR6_Xw_k 💖  Support The Channel by becoming a patreon! https://www.patreon.com/user?u=49022497 -------------------------------------------------------------------------------------------------  Full blog post : https://wp.me/pakj3t-14W  👨‍🏫 Check out my Website for more Tutorials and  Udemy Course👨‍🏫  : https://volere.life/web-development/web-dev-courses/
10:50
October 01, 2021
5 Tips for improving your web development skills
5 Tips for improving your web development skills
In this Weekly Code Quickies I will give you 5 Tips for improving your web development skills. 💖  Support The Channel by becoming a patreon! https://www.patreon.com/user?u=49022497  🎱 Resources for this Video: https://volere.life/5-tips-for-improving-your-web-development-skills/ -----------------------------------------------------------------------------  👨‍🏫 Check out my Website for more tutorials and  👨‍🏫 Udemy Course : https://volere.life/web-development/web-dev-courses/
05:09
September 28, 2021
8 Useful JavaScript Array Methods
8 Useful JavaScript Array Methods
In this Weekly Code Quickies we will learn about the 8 most Useful JavaScript Array Methods:  JavaScript Filter () method JavaScript Map () method JavaScript Find() method JavaScript forEach () method JavaScript some() method JavaScript every () method JavaScript reduce() method JavaScript includes() method 👨‍🏫 Check out my Website for more tutorials and  👨‍🏫 Udemy Course : https://volere.life/web-development/web-dev-courses/
05:05
September 28, 2021
Windows 11 for coding and programing
Windows 11 for coding and programing
In todays Weekly Code Quickies we are going to take a first look at windows 11 and if it is any good for coding and programing Timestamps: 0:00 - Intro 0:37 - Will windows 11 increase coding performance 1:30 - What are window 11 Improvements  1:35 - What is windows 11 snap layouts  2:04 - Windows 11 multi monitor setup 3:38 - Windows 11 with integrated Microsoft Teams for communication  4:24 - Conclusions about Windows 11 💖  Support The Channel by becoming a patreon! https://www.patreon.com/user?u=49022497    👨‍🏫 Check out my Website for more tutorials and  Udemy Course👨‍🏫  : https://volere.life/web-development/web-dev-courses/
05:06
September 28, 2021