Before you ignore this video due to the title you need to hear me out. Technology is the future. Everything in the world is becoming more technical and as such everyone needs to understand how that technology works or they will be left behind when the world completely shifts. On top of that learning to program can open up new ways of optimization and improvement in everyone's lives. ? Materials/References: Why Everyone Should Learn Programming Article: https://blog.webdevsimplified.com/2020-04/why-everyone-should-learn-programming ? Concepts Covered: - Why programming is important - How programming can help non-professional coders ? Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:25 - What Is Programming? 02:00 - Improve Your Work 05:47 - Improve Your Life 07:16 - How To Teach Everyone Programming #LearnToCode #WDS #Programming ... https://www.youtube.com/watch?v=_BFaPx0mAGs

Having the ability to search through text, validate text, and replace text using an advanced set of rules is exactly what Regex is for. Unfortunately, people fail to ever truly learn Regex. In this video I will be teaching you everything you need to know about Regex. We will talk about what Regex is, what Regex flags are, how to do simple and complex matches, how to handle look aheads and look behinds, and much more. Then at the end of the video I will show you how to use Regex to validate and format a phone number in various different formats. ? Materials/References: Regexr Website: https://regexr.com ? Concepts Covered: - What Regex is - How to use Regex for simple matching - How to match repeating patterns - What Regex flags are - Look aheads and look behinds - Regex special characters - Validation with Regex - Find and replace with Regex ? Find Me Here: My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #Regex #WDS #RegularExpression ... https://www.youtube.com/watch?v=rhzKDrUiJVk

Sidebars are an integral part of web development and can get pretty complicated. The YouTube sidebar is a perfect example of a complex yet elegant sidebar and in this video I will be attempting to create YouTube sidebar live for the first time. ? Materials/References: GitHub Code: https://github.com/WebDevSimplified/youtube-sidebar-design ? Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:30 - Setup 01:34 - HTML 03:55 - Header CSS 09:44 - Sidebar CSS 45:32 - Sidebar JavaScript 46:50 - Sidebar Animation #CSSAnimation #WDS #CSS ... https://www.youtube.com/watch?v=3eSNePqRVzs

CSS Animations are difficult to work with because they are hard to debug/test, or at least they would be if we didn’t have amazing animation dev tools built into the browser. In this video I will show you how to use the amazing dev tools built into both Chrome and Firefox. ? Materials/References: Prettier CSS Animation Video: https://youtu.be/uQNpr09UOAY Loading Spinner Animation Video: https://youtu.be/Gx35fMhDPWs ? Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:43 - Animation Dev Tool Basics 04:47 - Advanced Examples 10:45 - Firefox Dev Tools #CSSAnimation #WDS #CSS ... https://www.youtube.com/watch?v=w4J8sJpHKvw