Avsnitt
-
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 - Start00:13 - CSS Container Queries00:44 - CSS New Viewport Units01:34 - CSS Nesting02:26 - CSS Individual Transform Properties03:07 - CSS Inset Property03:57 - Accent-color Property in CSS04:22 - CSS Gap Property for Flexbox05:00 - CSS Logical Properties (Inline and Block)05:39 - CSS nth-of syntax06:03 - CSS Selector :has()
#webdevelopment #cssnews
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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 - Start00:15 - Separations of concenrns in backend development01:04 - Layered architecture in backend development01:21 - Microservices in backend dev01:36 - Middleware02:02 - Modular programming in backend development02:21 - Error handling in backend development03:13 - Exception Handling in Backend Development03:30 - Error Logging in Backend development03:48 - HTTP Status Codes04:22 - Retry policies04:53 - Error propagation in backend development05:28 - Testing and Documentation in Backend development06:12 - Unit Testing in backend development06:25 - Integration Testing in backend development06:47 - End-to-End Testing07:00 - Performance testing07:14 - Documentation in backend development08:32 - Recap#backendwebdevelopment #learnbackenddevelopment
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
Saknas det avsnitt?
-
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-devin00:00 - Start00:57 - What is Devin AI05:32 - Will Devin AI replace coding#devinai #webdevelopment #aicoding
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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 - Start00:31 - What is React Compiler01:25 - What dose the react compiler do02:39 - What are React Actions03:17 - What is React useFormStatus hook03:49 - What is React useFormState hook#ReactUpdate #reactcompilor
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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 - Start00:35 - Visual Studio Code - Voice dictation in editor01:47 - Visual Studio Code - Multi-language support for speech04:20 - Visual Studio Code Multi-cursor inline suggestions
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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 - Start00:21 - Overview00:51 - Per-window zoom levels02:48 - Hey Code voice command04:53 - Multi-file diff editor07:23 - Triggered breakpoints08:14 - Expanded Sticky Scroll support10:07 - Markdown paste options11:23 - Flexible Auto Save options12:19 - Source Control input12:54 - Extension notifications14:41 - GitHub Copilot updates
#vscodeupdates #codeeditor
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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=6775Courses: https://volerelife.wordpress.com/web-development/web-dev-courses/
00:00 - Start00:59 - 4 New JavaScript Array Method03:18 - Olde JavaScript Sort Array Method04:04 - JavaScript toSorted array method04:39 - JavaScript toRevesed array method05:19 - JavaScript toRSpliced array method05:41 - JavaScript with array method#learnjavascript #jsarraymethods
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
Explore the intricate differences between CSS frameworks and custom CSS in web development.00:00 - Start00:48 - CSS Frameworks are Pre-built Styles04:14 - CSS Frameworks are Consistency05:31 - CSS Frameworks have responsive desing build in06:33 - Complete Bootstrap Course for Beginners07:05 - Custom CSS08:18 - Custom CSS Tailored to Your Needs08:48 - CSS Flexibility09:31 - CSS Optimization09:42 - CSS Learning Experience10:37 - Complete CSS and SASS Course12:08 - Coool board game design using custom CSSCourses:Complete Bootstrap Course for Beginners: https://www.udemy.com/course/complete-bootstrap-5-for-beginners-with-real-world-projects/?referralCode=2B064D68400C6AAA1989Master Responsive Web Design CSS Grid, Flexbox & Animations:https://www.udemy.com/course/master-responsive-web-design-css-grind-flexbox-animations/?referralCode=C9376D9C317CA2A61693Advanced CSS & SASS: Framework, Flexbox, Grid, Animations:https://www.udemy.com/course/advanced-css-sass-framework-flexbox-grid-animations/?referralCode=B19166E470E54882DE44Blog and Websitehttps://volerelife.wordpress.com/2024/02/19/css-frameworks-vs-custom-css/#webdevelopment #css3
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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=5683CEA64296F0A95290All Courses:https://volerelife.wordpress.com/web-development/web-dev-courses/00:00 - Start00:43 - Clear GitHub Repository structure01:29 - Create Meaningful GitHub Repository README.md files02:34 - Consistent coding style in GitHub Repositories03:31 - GitHub repository version control best practices04:24 - Issue and pull request management04:53 - Continuous integration and deployment05:32 - GitHub Repository Documentation06:59 - License management for GitHub Repositories07:26 - Security best practices for GitHub Repositories08:10 - Community engagement#github #tips
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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 overview00:19 - Set clear goals00:47 - Use version control01:20 - learn keyboard shortcuts02:00 - Automate repetitive task02:39 - Embrace modular coding03:31 - Keeo code DRY04:28 - Utilize integrated development env IDE05:19 - Stay updated on tools and libraries05:43 - Practice regular breaks06:39 - Utilize online resources and communities
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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 overview00:41 - Variable in CSS vs Sass / Scss01:37 - Nesting in CSS vs Sass / Scss02:49 - Mixins, Extends, functions in CSS vs Sass / Scss03:38 - Importing in CSS vs Sass / Scss04:40 - Is CSS better then SASS ?
-------------------------------------------------------------------------------------------------Sponsors: -------------------------------------------------------------------------------------------------#CSSvsSass #LearnCSS #norbertbmwebdevelopment
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
In this episode of the podcast I will analyze the new Amazon CodeWhisperer and GitHub Copilot XWhat 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 overview01:00 - How to install and Use Amazon CodeWhisperer03:00 - What is GitHub Copilot X--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------#GitHubCopilot #AmazonCodeWhisperer #AI
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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.
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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.--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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.
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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 2023Check out the State of JS 2022 here:
#stateofjs2022 #javascript2023 #WCQ
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message -
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
--- Send in a voice message: https://podcasters.spotify.com/pod/show/menyhart-b-norbert9/message - Visa fler
