What is ASTRO JS & How To Run it

Weekly Code Quickies

#News #Tech News #Menyhart B Norberts

36:16

DANMMMMM…Have I got a show for you! First, a lot of Sister Wives tea - new rumors have surfaced Janelle Brown is leaving the show. Plus, Gabe Brown gives a life update after losing and tragically finding his brother Garrison dead. Sadly, Garrison took his own life in March 2024. Then we head over to discuss the new Welcome To Plathville tea. The first pictures of Micah Plath have surfaced after being beat up by his brother Issac and it doesn’t look good for the future of his modeling career. Lastly, we discuss the latest in the Justin Baldoni v Blake Lively case, Justin is back on social media and it was the perfect social media return. Timestamps: 00:00:00 - Open and new Sister Wives news 00:05:43 - Janelle Brown leaving the show? Sister Wives Closet is officially closed 00:12:45 - A new pic of Micah Plath’s broken nose has surfaced 00:18:18 - Justin Baldoni back on social media and Taylor Swifts team is pissed at Justin Baldoni MY Go Big Podcasting Courses Are Here! Purchase Go Big Podcasting and learn to start, monetize, and grow your own podcast. USE CODE: MOM15 for 15% OFF (code expires May 11th, 2025) **SHOP my Amazon Marketplace - especially if you're looking to get geared-up to start your own Podcast!!!** https://www.amazon.com/shop/thesarahfrasershow Show is sponsored by: Download Cash App & sign up! Use our exclusive referral code TSFS in your profile, send $5 to a friend within 14 days, and you’ll get $10 dropped right into your account. Terms apply Horizonfibroids.com get rid of those nasty fibroids Gopurebeauty.com science backed skincare from head to toe, use code TSFS at checkout for 25% OFF your order Nutrafol.com use code TSFS for FREE shipping and $10 off your subscription Rula.com/tsfs to get started today. That’s R-U-L-A dot com slash tsfs for convenient therapy that’s covered by insurance. SkylightCal.com/tsfs for $30 OFF your 15 inch calendar Quince.com/tsfs for FREE shipping on your order and 365 day returns Warbyparker.com/tsfs make an appointment at one of their 270 store locations and head to the website to try on endless pairs of glasses virtually and buy your perfect pair Follow me on Instagram/Tiktok: @thesarahfrasershow ***Visit our Sub-Reddit: reddit.com/r/thesarahfrasershow for ALL things The Sarah Fraser Show!!!*** Advertise on The Sarah Fraser Show: thesarahfrasershow@gmail.com Got a juicy gossip TIP from your favorite TLC or Bravo show? Email: thesarahfrasershow@gmail.com Learn more about your ad choices. Visit megaphone.fm/adchoices…

3 years ago 3:23

MP3•Episode home

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

43 episodes

What is ASTRO JS & How To Run it

Weekly Code Quickies

published 3 years ago

MP3•Episode home

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

43 episodes

#News #Tech News #Menyhart B Norberts

All episodes

1
Top 10 CSS FEATURES YOU NEED TO KNOW - WCQ #43 8:15

1 year ago8:15

8:15

In this episode of the podcast, we discussed some of the new CSS features that you need to know about. These features can help you create more powerful and flexible designs for your web pages. By using container queries, new viewport units, CSS nesting, individual transform properties, and other new features, you can take your CSS skills to the next level. So, start experimenting with these new features and see how they can enhance your web designs. Course and Projects: https://volerelife.wordpress.com/web-development/web-dev-courses/ YouTube Video: https://youtu.be/bEMwn0Pu4lw/ Blog Post: https://volerelife.wordpress.com/2024/04/17/top-10-css-features-you-need-to-know/ 00:00 - Start 00:13 - CSS Container Queries 00:44 - CSS New Viewport Units 01:34 - CSS Nesting 02:26 - CSS Individual Transform Properties 03:07 - CSS Inset Property 03:57 - Accent-color Property in CSS 04:22 - CSS Gap Property for Flexbox 05:00 - CSS Logical Properties (Inline and Block) 05:39 - CSS nth-of syntax 06:03 - CSS Selector :has() #webdevelopment #cssnews…

1
3 Best Practice Tips for Backend Development | WCQ-42 9:11

1 year ago9:11

9:11

In this episode of the podcast we will discuss some best practices for backend development. These tips will help you write better code and build more efficient applications. Watch on YouTube: https://youtu.be/ELt8WLIaaUk Listen on Spotify:Read Blog Post:00:00 - Start 00:15 - Separations of concenrns in backend development 01:04 - Layered architecture in backend development 01:21 - Microservices in backend dev 01:36 - Middleware 02:02 - Modular programming in backend development 02:21 - Error handling in backend development 03:13 - Exception Handling in Backend Development 03:30 - Error Logging in Backend development 03:48 - HTTP Status Codes 04:22 - Retry policies 04:53 - Error propagation in backend development 05:28 - Testing and Documentation in Backend development 06:12 - Unit Testing in backend development 06:25 - Integration Testing in backend development 06:47 - End-to-End Testing 07:00 - Performance testing 07:14 - Documentation in backend development 08:32 - Recap #backendwebdevelopment #learnbackenddevelopment…

1
Devin AI vs Web Developer vs Coding 9:13

1 year ago9:13

9:13

Devin AI is a new AI created by the company Cognition, and they claim they have created the first AI software engineer. witch can basically write code for you. Watch on YouTube: https://youtu.be/uO4yr5osZ2I Blog Post: https://volerelife.wordpress.com/2024/04/03/devin-ai-vs-web-developers/ Devin AI Website: https://www.cognition-labs.com/introducing-devin 00:00 - Start 00:57 - What is Devin AI 05:32 - Will Devin AI replace coding #devinai #webdevelopment #aicoding…

1
New React V19 Update | ReactJS Compiler | WCQ-41 4:31

1 year ago4:31

4:31

First look at React V19 and the react compiler that will bring one of the biggest changes to the React ecosystem and the way we will write react code in the future. My Courses: https://volerelife.wordpress.com/web-development/web-dev-courses/ YouTube: https://youtu.be/WAoDkO9Fcps Blog: https://volerelife.wordpress.com/2024/03/17/new-react-v19-update-reactjs-compiler-wcq-41/(opens in a new tab) 00:00 - Start 00:31 - What is React Compiler 01:25 - What dose the react compiler do 02:39 - What are React Actions 03:17 - What is React useFormStatus hook 03:49 - What is React useFormState hook #ReactUpdate #reactcompilor…

1
3 NEW Visual Studio Code UPDATES 2024 (vs code v1.87) WCQ-40 7:25

1 year ago7:25

7:25

Welcome to the February 2024 release of Visual Studio Code. There are 3 important updates for web developers in this version that we hope you'll like, include: Voice dictation in editor - Use your voice to dictate directly in the editor. Multi-cursor inline suggestions - Review and accept inline suggestions for multiple cursors. Multi-language support for speech - Multiple languages supported for speech recognition. 00:00 - Start 00:35 - Visual Studio Code - Voice dictation in editor 01:47 - Visual Studio Code - Multi-language support for speech 04:20 - Visual Studio Code Multi-cursor inline suggestions…

1
10 Visual Studio Code Update you need February 2024 15:51

1 year ago15:51

15:51

In this video we are going to go though the laster update or the visual studio code February 2024 code editor. Blog Post: https://volerelife.wordpress.com/?p=6775 YouTube: https://youtu.be/rjz6J3jdZHU Courses: https://volerelife.wordpress.com/web-development/web-dev-courses/ 00:00 - Start 00:21 - Overview 00:51 - Per-window zoom levels 02:48 - Hey Code voice command 04:53 - Multi-file diff editor 07:23 - Triggered breakpoints 08:14 - Expanded Sticky Scroll support 10:07 - Markdown paste options 11:23 - Flexible Auto Save options 12:19 - Source Control input 12:54 - Extension notifications 14:41 - GitHub Copilot updates #vscodeupdates #codeeditor…

1
4 New JavaScript Array Methods for 2024 - WCQ 38 6:43

1 year ago6:43

6:43

Explore the latest JavaScript array methods for 2024! In this video, we dive into 4 powerful array methods introduced in the current year. Stay updated with WCQ 38 as we unravel these cutting-edge techniques to enhance your JavaScript programming skills. Source CODE:https://volerelife.wordpress.com/?p=6775 Courses: https://volerelife.wordpress.com/web-development/web-dev-courses/ 00:00 - Start 00:59 - 4 New JavaScript Array Method 03:18 - Olde JavaScript Sort Array Method 04:04 - JavaScript toSorted array method 04:39 - JavaScript toRevesed array method 05:19 - JavaScript toRSpliced array method 05:41 - JavaScript with array method#learnjavascript #jsarraymethods…

1
CSS Frameworks VS Custom CSS - WCQ 37 12:46

1 year ago12:46

12:46

Explore the intricate differences between CSS frameworks and custom CSS in web development. 00:00 - Start 00:48 - CSS Frameworks are Pre-built Styles 04:14 - CSS Frameworks are Consistency 05:31 - CSS Frameworks have responsive desing build in 06:33 - Complete Bootstrap Course for Beginners 07:05 - Custom CSS 08:18 - Custom CSS Tailored to Your Needs 08:48 - CSS Flexibility 09:31 - CSS Optimization 09:42 - CSS Learning Experience 10:37 - Complete CSS and SASS Course 12:08 - Coool board game design using custom CSS Courses: Complete Bootstrap Course for Beginners: https://www.udemy.com/course/complete-bootstrap-5-for-beginners-with-real-world-projects/?referralCode=2B064D68400C6AAA1989 Master Responsive Web Design CSS Grid, Flexbox & Animations: https://www.udemy.com/course/master-responsive-web-design-css-grind-flexbox-animations/?referralCode=C9376D9C317CA2A61693 Advanced CSS & SASS: Framework, Flexbox, Grid, Animations: https://www.udemy.com/course/advanced-css-sass-framework-flexbox-grid-animations/?referralCode=B19166E470E54882DE44 Blog and Websitehttps://volerelife.wordpress.com/2024/02/19/css-frameworks-vs-custom-css/ #webdevelopment #css3…

1
10 GitHub Best Practices for repository management 9:58

1 year ago9:58

9:58

Learn the top 10 GitHub best practices for effective repository management! Whether you're a beginner or an experienced developer, implementing these practices can streamline your workflow, enhance collaboration, and optimize your projects on GitHub. From organizing your repositories to leveraging branching strategies, this video covers essential tips to help you maintain clean, efficient, and well-managed repositories on GitHub. Watch now and take your GitHub skills to the next level! Complet Git and GitHub Course: https://www.udemy.com/course/essential-git-github-project-management-version-control/?referralCode=5683CEA64296F0A95290 All Courses:https://volerelife.wordpress.com/web-development/web-dev-courses/ 00:00 - Start 00:43 - Clear GitHub Repository structure 01:29 - Create Meaningful GitHub Repository README.md files 02:34 - Consistent coding style in GitHub Repositories 03:31 - GitHub repository version control best practices 04:24 - Issue and pull request management 04:53 - Continuous integration and deployment 05:32 - GitHub Repository Documentation 06:59 - License management for GitHub Repositories 07:26 - Security best practices for GitHub Repositories 08:10 - Community engagement #github #tips…

1
10 Productivity Tips for Web Developers 2024 7:57

1 year ago7:57

7:57

Welcome to our latest video where we're diving deep into the world of web development productivity! In this fast-paced industry, staying efficient is key to success. Whether you're a seasoned developer or just starting out, these 10 productivity tips will help you streamline your workflow, maximize your output, and stay ahead in 2024 and beyond. In this video, we'll cover essential strategies and tools that every web developer should know to boost productivity and effectiveness. From time management techniques to optimizing your development environment, we've got you covered. 🕐 Timestamps: 00:00 - Intro & Project overview 00:19 - Set clear goals 00:47 - Use version control 01:20 - learn keyboard shortcuts 02:00 - Automate repetitive task 02:39 - Embrace modular coding 03:31 - Keeo code DRY 04:28 - Utilize integrated development env IDE 05:19 - Stay updated on tools and libraries 05:43 - Practice regular breaks 06:39 - Utilize online resources and communities…

1
Is CSS making Sass obsolete | WCQ 34 5:22

2 years ago5:22

5:22

In this episode, we explore the question of whether CSS is making Sass obsolete in front-end web development. We examine the advantages and disadvantages of both CSS and Sass and provide insights on which option may be best for your project. 👇 My Website / Courses / Podcast / Tutorials / Projects / Blog: 👨‍🏫 : https://norbertbm.com/web-development/web-dev-courses/ Complete Article: https://norbertbm.com/is-css-making-sass-obsolete-a-look-at-the-pros-and-cons/ ------------------------------------------------------------------------------------------------- Timestamps: 00:00 - Intro & Project overview 00:41 - Variable in CSS vs Sass / Scss 01:37 - Nesting in CSS vs Sass / Scss 02:49 - Mixins, Extends, functions in CSS vs Sass / Scss 03:38 - Importing in CSS vs Sass / Scss 04:40 - Is CSS better then SASS ? ------------------------------------------------------------------------------------------------- Sponsors: ------------------------------------------------------------------------------------------------- #CSSvsSass #LearnCSS #norbertbmwebdevelopment…

1
Is The GitHub Copilot Killer The FREE Amazon Code Whisperer | WCQ33 | 3:41

2 years ago3:41

3:41

In this episode of the podcast I will analyze the new Amazon CodeWhisperer and GitHub Copilot X What are the pros and cos, how to install it, price, and more. 👇 My Website / Courses / Podcast / Tutorials / Projects / Blog: 👨‍🏫 : https://norbertbm.com/web-development/web-dev-courses/ ------------------------------------------------------------------------------------------------- Useful Links: https://aws.amazon.com/codewhisperer/https://marketplace.visualstudio.com/items?itemName=AmazonWebServices.aws-toolkit-vscodehttps://plugins.jetbrains.com/plugin/11349-aws-toolkit ------------------------------------------------------------------------------------------------- Timestamps: 00:00 - Intro & Project overview 01:00 - How to install and Use Amazon CodeWhisperer 03:00 - What is GitHub Copilot X ------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------- #GitHubCopilot #AmazonCodeWhisperer #AI…

1
Top 10 ways to EARN MONEY with OpenAI's ChatGPT | Analysis | WCQ32 12:37

2 years ago12:37

12:37

Learn how to earn money with OpenAI's ChatGPT analysis with these top 10 tips and strategies. ChatGPT is a cutting-edge AI technology that can be used for various applications, including business and finance. In this video, we will explore the most effective ways to leverage ChatGPT to generate income and grow your business.…

1
Top 10 skills web developers will need in 2023 - WCQ30 9:39

2 years ago9:39

9:39

In this video, we'll be exploring the top 10 skills that web developers will need to stay ahead of the game in 2023. As technology continues to evolve at an unprecedented pace, it's essential for web developers to remain up-to-date with the latest trends and technologies to build robust, scalable, and user-friendly web applications. We'll be covering a range of topics, including front-end and back-end development, cloud computing, artificial intelligence, and more. Whether you're a seasoned developer or just getting started, this video is sure to provide valuable insights and practical tips to help you succeed in the fast-paced world of web development. So if you're ready to take your web development skills to the next level and stay ahead of the curve, be sure to tune in to our Top 10 Skills Web Developers Will Need in 2023 video! Time Stemps : 00:40 - Proficiency in JavaScript 01:14 - Responsive Design 02:17 - Cybersecurity 03:01 - UI/UX Design 04:00 - Cloud Computing 04:41 - Version Control 05:30 - AI and Machine Learning 06:31 - Server-Side Programming 07:14 - Agile Methodology 08:16 - Communication…

1
GitHub Copilot, Windows Mac BING, Junoior DEVs and Students 6:32

2 years ago6:32

6:32

GitHub Copilot the good the bad, and the ugly, Windows on Mac BING on the down fall, Top countrie in europe for Junoior devs and students Welcome to WCQ, in this episode: GitHub's Copilot improving its AI model and capabilities but old problems still frustrate DEV's. Microsoft Windows now Officially suportetd on Mac's with Apple silicon, but also takes a huge hit in the stock market after BING looses controle. Junior devs and students are favoring this European country for study and starting their careers.…

Weekly Code Quickies

1
Microsoft ChatGPT vs Google AI Bard and GitHub layoffs 10% 4:08

2 years ago4:08

4:08

Compare Microsoft's ChatGPT with Google's AI Bard and stay updated on the latest tech news with our coverage of the 10% layoffs at GitHub. Discover the strengths and weaknesses of each AI technology and how they stack up against each other. Stay informed and make informed decisions with our in-depth analysis.…

Weekly Code Quickies

1
ChatGPT subscription, CSS has, is , not and Activision Blizzard Microsoft - WCQ27 2023 11:46

2 years ago11:46

11:46

Join the ChatGPT revolution with the latest ChatGPT Subscription! This powerful language model is trained by OpenAI, making it easier than ever to automate and streamline your work. Don't miss out on this opportunity to enhance your workflow - subscribe today! CSS pseudo-class rise in popularity: has(), is(), not() gaining more and more Global browser support. Plus, learn about the recent collaboration with Activision Blizzard and Microsoft for WCQ27 2023. Watch now! YouTube Video : https://youtu.be/jGS27WehIjs Show notes: 00:00 - Introduction 00:31- What is Open AI ChatGPT subscription 01:03 - What do you get for subscribing to ChatGPT Plus 02:59 - Visual Studio Code Insiders VS Regular 04:32 - CSS :has(), is() , :not() Selectors 05:03 - What is the CSS has() pseudo-class browser support 05:34 - What is the CSS is() pseudo-class browser support 06:05 - What is the CSS not() pseudo-class browser support 07:19 - Microsoft under pressure from EU for Activision Blizzard deal 09:35 - WoW lead fired by Blizzard…

Weekly Code Quickies

1
Reacting to The state of JS 2022 - WCQ26 21:15

2 years ago21:15

21:15

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... Show notes: 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…

Weekly Code Quickies

1
What is the Difference between Beginner vs Intermediate vs Advanced programmer 8:31

3 years ago8:31

8:31

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…

Weekly Code Quickies

1
Create a website with scroll animation 10:38

3 years ago10:38

10:38

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…

Weekly Code Quickies

1
What is ASTRO JS & How To Run it 3:23

3 years ago3:23

3:23

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…

Weekly Code Quickies

1
How to write good code 5:01

3 years ago5:01

5:01

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

Weekly Code Quickies

1
React JS Explained 7:04

3 years ago7:04

7:04

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…

Weekly Code Quickies

1
WWDC 2022 Apple iOS and MAC's for Web Development. 6:38

3 years ago6:38

6:38

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.

Weekly Code Quickies

1
React version 18 | What is new in React v18 | How to Install Update and run React JS v18 10:04

3 years ago10:04

10:04

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…

Weekly Code Quickies

1
Top 10 Skills You Must Know 2022 Before You Learn ReactJS 9:27

3 years ago9:27

9:27

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…

Weekly Code Quickies

1
Blockchain in a nutshell WCQ17 11:17

3 years ago11:17

11:17

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

Weekly Code Quickies

1
Ethereum In A Nutshell | WCQ16 10:09

3 years ago10:09

10:09

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

Weekly Code Quickies

1
Bitcoin in a Nutshell | WCQ15 9:03

3 years ago9:03

9:03

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.

Weekly Code Quickies

1
Top Benefits of micro Frontend Web Development in 2022 - WCQ14 10:01

3 years ago10:01

10:01

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…

Weekly Code Quickies

1
Top 5 Technologies for WEB Development in 2022 - WCQ13 9:50

3 years ago9:50

9:50

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…

Weekly Code Quickies

1
New JavaScript Framework Remix, React Router 6 - WCQ12 8:27

4 years ago8:27

8:27

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…

Weekly Code Quickies

1
Web 3 / Metaverse, New Framework Hydrogen for dynamic E-commerce - WCQ11 20:21

4 years ago20:21

20:21

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…

Weekly Code Quickies

1
The future of coding, NodeJS in the browser and WebContainers - WCQ November 15, 2021 7:52

4 years ago7:52

7:52

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…

Weekly Code Quickies

1
Is Web 3.0 the future of the internet, should you even care blockchain? 13:50

4 years ago13:50

13:50

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…

Weekly Code Quickies

1
Facebook is going Meta, get ready User One! 4:18

4 years ago4:18

4:18

The company that owns Instagram, WhatsApp and Facebook called facebook, is as of Oct 28 known as Meta.

Weekly Code Quickies

1
New Macbook Pro M1 Max and VS Code WEB APP 13:56

4 years ago13:56

13:56

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…

Weekly Code Quickies

1
Vs Code v1.61 September 2021 updated & Font Awesome V6 Beta - WCQ Ep6 6:54

4 years ago6:54

6:54

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…

Weekly Code Quickies

1
Top 10 tips for beginner web developers 11:03

4 years ago11:03

11:03

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

Weekly Code Quickies

1
How Old are programing [ coding ] languages 10:49

4 years ago10:49

10:49

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/…

Weekly Code Quickies

1
5 Tips for improving your web development skills 5:09

4 years ago5:09

5:09

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/…

Weekly Code Quickies

1
8 Useful JavaScript Array Methods 5:04

4 years ago5:04

5:04

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/…

Weekly Code Quickies

1
Windows 11 for coding and programing 5:06

4 years ago5:06