Writing clean code is tough, and is one of the largest differences between junior and senior developers. One way that you can quickly improve your code and start writing well designed code now is to implement the open/closed principle. This principle is part of the SOLID design principles and is, in my opinion, the most complex rule of SOLID. This is because the definition is difficult to understand, but once you wrap your head around the idea it is very easy to implement. The main idea of the open/closed principle is that every class/function/module/section of your code should be open for extension and closed for modification. This means that a class/function/module should be able to be extended in functionality without having to go into the class and change it. Essentially you shouldn't need to change existing code to add new functionality and instead should only have to add new code. Most likely you have written tons of code in violation of this principle, I know I have, but hopefully this video will help introduce you to why this principle is so good at making your code clean and maintainable. ? Concepts Covered: - What the open/closed principle is - Why the open/closed principle is important - How to use the open/closed principle - How to spot violations of the open/closed principle ? 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 #SOLID #WDS #OpenClosedPriniciple ... https://www.youtube.com/watch?v=-ptMtJAdj40

Choosing a project to build is hard. It is hard to know if the project is too easy or too hard before you start building it and if you choose incorrectly it can waste a bunch of your time or in the worst case discourage you from learning web development. In this video I am going to break down the different steps you should take before choosing a project in order to ensure you choose the perfect project for your next project. ? Materials/References: 5 Project Ideas: https://youtu.be/oluY633rkgI 5 More Project Ideas: https://youtu.be/D1J0v82Dgnk ? 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 01:08 - Learn The Basics 02:03 - Beginner Project Advice 04:40 - Intermediate Project Advice 09:33 - Advanced Project Advice #WebDevelopment #WDS #WebDevProjects ... https://www.youtube.com/watch?v=v2SQvn6PrLg

JavaScript Simplified Course: https://javascriptsimplified.com YouTube has one of the best video players out there and in this video I will show you how to clone the entire video player. This includes everything from simple stuff like full screen and theater mode to complex features like picture in picture and timeline scrubbing. ? Materials/References: GitHub Code: https://github.com/WebDevSimplified/youtube-video-player-clone JavaScript Simplified Course: https://javascriptsimplified.com ? 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:00 - Introduction 00:00:30 - Setup/Demo 00:03:09 - Video player HTML/CSS 00:06:29 - Play/pause HTML/CSS 00:14:31 - Play/pause JavaScript 00:20:20 - Video controls HTML/CSS 00:22:04 - Fullscreen, theater, and mini player HTML/CSS 00:26:42 - Fullscreen, theater, and mini player JavaScript 00:36:13 - Volume controls HTML/CSS 00:41:59 - Volume controls JavaScript 00:46:04 - Duration HTML/CSS 00:47:14 - Duration JavaScript 00:52:50 - Closed captions HTML/CSS 00:54:37 - Closed captions JavaScript 00:56:45 - Playback speed HTML/CSS 00:58:10 - Playback speed JavaScript 01:01:14 - Timeline HTML/CSS 01:11:04 - Timeline JavaScript #VideoPlayer #WDS #JavaScript ... https://www.youtube.com/watch?v=ZeNyjnneq_w

Semantic Versioning Blog Article: https://blog.webdevsimplified.com/2020-01/semantic-versioning ? 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 #Shorts ... https://www.youtube.com/watch?v=6hz4edk5uh0