#  @webdevsimplified Web Dev Simplified Web Dev Simplified posts on YouTube about dev, javascript, how to, tutorial the most. They currently have [---------] followers and [---] posts still getting attention that total [------] engagements in the last [--] hours. ### Engagements: [------] [#](/creator/youtube::UCFbNIlppjAuEX4znoulh0Cw/interactions)  - [--] Week [-------] -26% - [--] Month [-------] -25% - [--] Months [---------] +11% - [--] Year [----------] +27% ### Mentions: [---] [#](/creator/youtube::UCFbNIlppjAuEX4znoulh0Cw/posts_active)  - [--] Week [---] +32% - [--] Month [---] +12% - [--] Months [---] +15% - [--] Year [---] +112% ### Followers: [---------] [#](/creator/youtube::UCFbNIlppjAuEX4znoulh0Cw/followers)  - [--] Week [---------] no change - [--] Month [---------] +0.57% - [--] Months [---------] +1.70% - [--] Year [---------] +5.40% ### CreatorRank: [-------] [#](/creator/youtube::UCFbNIlppjAuEX4znoulh0Cw/influencer_rank)  ### Social Influence **Social category influence** [stocks](/list/stocks) 3.19% [technology brands](/list/technology-brands) 2.66% [social networks](/list/social-networks) 1.6% **Social topic influence** [dev](/topic/dev) #557, [javascript](/topic/javascript) #85, [how to](/topic/how-to) 30.32%, [tutorial](/topic/tutorial) #4946, [what is](/topic/what-is) 9.57%, [the most](/topic/the-most) 7.45%, [shorts](/topic/shorts) 6.38%, [build a](/topic/build-a) 4.26%, [if you](/topic/if-you) 3.19%, [ai](/topic/ai) 3.19% **Top accounts mentioned or mentioned by** [@thehiddenpast987](/creator/undefined) [@jstemporalpolyfill](/creator/undefined) [@examplecom](/creator/undefined) [@githubcom](/creator/undefined) [@media](/creator/undefined) [@function](/creator/undefined) [@latest](/creator/undefined) [@hnasr](/creator/undefined) [@webdesignwalah30](/creator/undefined) [@bootdotdev](/creator/undefined) **Top assets mentioned** [Flex Ltd. Ordinary Shares (FLEX)](/topic/$flex) [Alphabet Inc Class A (GOOGL)](/topic/$googl) ### Top Social Posts Top posts by engagements in the last [--] hours "Reference Vs Value In JavaScript One of the most important topics in programming is pass by reference vs value. It is something that is incredibly confusing to follow and can lead to many bugs until you understand it. In this video I am going to make the learning process as quick and easy for you so you can spend your time coding instead of stuck debugging reference errors. In order to accomplish this we will be going over an in depth visual example of how values and references work in simple code before we jump into some live coding examples of reference and value passing. Reference Vs Value" [YouTube Link](https://youtube.com/watch?v=-hBJz2PPIVE) 2019-08-20T16:00Z 1.8M followers, 208.3K engagements "Next.js Server Actions Change Everything About React I have been waiting [--] months for Next.js to announce how they plan to handle mutations and it is finally here with server actions. I am incredibly excited for this new feature and look forward to seeing how it shapes up over the coming months. 📚 Materials/References: Announcement Article: https://nextjs.org/blog/next-13-4 🌎 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:" [YouTube Link](https://youtube.com/watch?v=10Yt5vRimNI) 2023-05-06T16:00Z 1.8M followers, 129.1K engagements "This Tailwind Library Is A Game Changer 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=1Hgc6EU9PSg) 2023-05-25T16:00Z 1.8M followers, 285.6K engagements "Learn Switch Statements In [--] Minutes JavaScript Simplified Course: https://javascriptsimplified.com The switch statement is a really underutilized syntax that can drastically clean up specific long if else statements by making them easier to read and use. 📚 Materials/References: JavaScript Simplified Course: https://javascriptsimplified.com JavaScript Scope Video: https://youtu.be/TkFN6e9ZDMw JavaScript Scope Article: https://blog.webdevsimplified.com/2022-10/js-scoping 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon:" [YouTube Link](https://youtube.com/watch?v=2gE2K8i5tvs) 2023-02-21T17:00Z 1.8M followers, 58.5K engagements "Stop Writing So Many Tests Testing is hard and knowing what to test is even harder. In this video I talk about the [--] different types of tests and how they compare to one another. I also talk about why end to end tests are so great and why writing less tests can make your test coverage better. 📚 Materials/References: Pure Functions Video: https://youtu.be/fYbhD_KMCOg Pure Functions Article: https://blog.webdevsimplified.com/2020-09/pure-functions Jest Video: https://youtu.be/FgnxcUQ5vho 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:" [YouTube Link](https://youtube.com/watch?v=4-_0aTlkqK0) 2022-11-12T17:00Z 1.8M followers, 117.1K engagements "Build Tabs Using HTML/CSS In Only [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-tabs Tabs are one of the most common forms of navigation on a website but they can be tricky to implement correctly. In this video I will show you exactly how to create tabs using HTML CSS and JavaScript as quickly as possible. We will cover how to switch tabs when clicked how to indicate which tab is selected and much more. I will also be explaining every line of code as I write it so" [YouTube Link](https://youtube.com/watch?v=5L6h_MrNvsk) 2019-07-23T16:00Z 1.8M followers, 129.2K engagements "Stop Using jQuery - How To Create Your Own jQuery Clone For the months of May and June get your very own .TECH Domain and help children get their start in computer science https://go.tech/webdev jQuery is a huge library with hundreds of features but most of them are incredibly easy to implement in JavaScript. To prove that I will be showing you how to build your very own jQuery clone in this video. 📚 Materials/References: JavaScript Simplified Course: https://javascriptsimplified.com GitHub Code: https://github.com/WebDevSimplified/jquery-clone Brad Traversy's Project Tutorial:" [YouTube Link](https://youtube.com/watch?v=5MFnKG15ZfI) 2021-05-25T16:00Z 1.8M followers, 52.2K engagements "Any vs Unknown In TypeScript 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=5SjoMNVwd4s) 2023-04-27T16:00Z 1.8M followers, 131.8K engagements "Learn Custom Hooks In [--] Minutes 🚨 IMPORTANT: Full React Course: https://courses.webdevsimplified.com/learn-react-today In this video I cover everything you need to know about creating your own custom hooks. I go over all the main use cases for custom hooks as well as many common mistakes that developers make when creating custom hooks. In this video I will cover two different examples of how custom hooks can best be used. This is part of a series of React videos where I cover all the important hooks in React. 📚 Materials/References: Custom Hooks Blog Article:" [YouTube Link](https://youtube.com/watch?v=6ThXsUwLWvc) 2020-07-14T16:00Z 1.8M followers, 290.5K engagements "What Is Semantic Versioning 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=6hz4edk5uh0) 2022-04-07T16:00Z 1.8M followers, 81.9K engagements "Your App Is NOT Secure If You Dont Use CSRF Tokens Cross Site Request Forgery (CSRF) is one of the most common security vulnerabilities that most sites face but many people dont actually protect from it. In this video I will show you what CSRF is how to protect against it and what could happen if you dont. 📚 Materials/References: Session Auth Tutorial: https://youtu.be/mL8EuL7jSbg 🌎 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:" [YouTube Link](https://youtube.com/watch?v=80S8h5hEwTY) 2023-01-07T17:00Z 1.8M followers, 169.4K engagements "This Node Debugger Trick Will Save You Hours 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=8WN5LogHiUE) 2023-04-13T16:00Z 1.8M followers, 316.3K engagements "Must Have VSCode Extension For TypeScript Devs 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=9GRzNXKVa2o) 2024-08-29T16:00Z 1.8M followers, 211.4K engagements "Learn CSS Grid in [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-grid In this video we will cover everything you need to know about CSS grid in only [--] minutes. We will cover what grid is how grid differs from flexbox how grid works and the different properties you can use to layout and style your grid containers and items. CSS grid is one of the most powerful layout tools ever added to CSS. It allows you to create dynamic responsive and complex layouts with very" [YouTube Link](https://youtube.com/watch?v=9zBsdzdE4sM) 2018-10-27T14:00Z 1.8M followers, 880.4K engagements "63 VSCode Keyboard Shortcuts I Use Daily FREE Cheat Sheet: https://webdevsimplified.com/vscode-keyboard-shortcuts-cheat-sheet.html Learning keyboard shortcuts is one of the most important things you can do to increase the speed at which you type and code. In this video I will be going over [--] different VSCode shortcuts that I love and use daily which single-handedly increase my coding productivity drastically. 📚 Materials/References: FREE Cheat Sheet: https://webdevsimplified.com/vscode-keyboard-shortcuts-cheat-sheet.html 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My" [YouTube Link](https://youtube.com/watch?v=AvJmpPFoZTg) 2025-05-14T16:00Z 1.8M followers, 32.9K engagements "15+ Terminal Commands Every Developer Must Know Whether you just learning programming or you have been doing it for decades one thing is for sure. You need to know how to navigate the command line. This is especially true if you ever need to access a server since you will only ever have access to a command line interface. 🌎 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:" [YouTube Link](https://youtube.com/watch?v=CV-ven_rxhw) 2021-05-18T16:00Z 1.8M followers, 72.5K engagements "How To Build A Chat App With React And Stream Build cross-platform messaging experiences with Stream Chat API. Sign up for Stream's [--] day trial for free: https://gstrm.io/webdevsimplified Building a chat application is hard especially if you want it to be a robust and full featured app similar to Facebook Messenger. In this video I will show you how you can use Stream to build out an incredibly robust chat system with ease. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/facebook-messenger-clone React Router Video: https://youtu.be/Ul3y1LXxzdU React Router Article:" [YouTube Link](https://youtube.com/watch?v=Een66E0X_os) 2023-01-24T17:00Z 1.8M followers, 80.9K engagements "Introduction To Testing In JavaScript With Jest Testing is one of those things that people either love or hate. Usually testing is something that is hated until you work on a project with good tests and you realize how amazing they are. In this video I am going to show you how to get started with testing in JavaScript using Jest. I will talk about the code you need in order to write tests as well as show you some pitfalls of testing. At the end of the video I will breakdown the importance of testing and some best practices you can adhere to in order to make your tests amazing. 📚" [YouTube Link](https://youtube.com/watch?v=FgnxcUQ5vho) 2019-09-24T16:00Z 1.8M followers, 589.4K engagements "4 NEW TypeScript [---] Features TypeScript Simplified Course: https://courses.webdevsimplified.com/typescript-simplified/utm_source=youtube&utm_medium=video-description&utm_term=video-id-FhT87_CqPug TypeScript [---] just released and it has a ton of new features but there are [--] big ones that really stand out to me. By far the biggest is that now TS will properly filter the type of arrays when you use the filter function. This used to be a huge pain to type before but is now trivial. In this video I talk all about this new feature as well as the [--] other big new changes to TypeScript. 📚" [YouTube Link](https://youtube.com/watch?v=FhT87_CqPug) 2024-07-02T16:00Z 1.8M followers, 50K engagements "Speed Up Your React Apps With Code Splitting FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified Performance is something people always worry about especially in React but oftentimes the bundle size of an application is ignored when doing performance optimization. In this video I want to talk about how you can minimize the bundle size of your application by using code splitting to only download the code you need when you need it. 📚 Materials/References: FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified" [YouTube Link](https://youtube.com/watch?v=JU6sl_yyZqs) 2022-12-10T17:00Z 1.8M followers, 453.3K engagements "This Font Feature Is A Must Use In Your Dev Tools 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=Jlxpwxt9FUU) 2025-09-18T16:00Z 1.8M followers, 66K engagements "Learn Zod In [--] Minutes Zod is an amazing validation library that focuses on type safety and ease of use. I love Zod and feel that it makes TypeScript even better. It also makes working with user data incredibly easy and in this video I will show you everything you need to know about Zod. 📚 Materials/References: What Is Zod Video: https://youtu.be/9UVPk0Ulm6U JavaScript Map Video: https://youtu.be/yJDofSGTSPQt=559 JavaScript Map Article: https://blog.webdevsimplified.com/2020-12/javascript-maps JavaScript Set Video: https://youtu.be/yJDofSGTSPQt=753 JavaScript Set Article:" [YouTube Link](https://youtube.com/watch?v=L6BE-U3oy80) 2022-12-17T17:00Z 1.8M followers, 196.2K engagements "Learn Resize Observer In [--] Minutes Resize Observer is an amazing tool in JavaScript that allows you to easily and efficiently do complex media query style calculations. What makes resize observer especially powerful is the fact that it can do things media queries cannot do such as container queries. 📚 Materials/References: Resize Observer Article: https://blog.webdevsimplified.com/2022-01/resize-observer 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter:" [YouTube Link](https://youtube.com/watch?v=M2c37drnnOA) 2021-12-28T17:00Z 1.8M followers, 279.5K engagements "Learn CSS Pseudo Elements In [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-psuedo-elements CSS pseudo elements are incredibly powerful CSS tools but they are often misunderstood or underestimated. In this video I will be breaking down exactly what CSS pseudo elements are and how they can be used. I will then show multiple examples of CSS pseudo elements being used in a variety of unique and cool ways so you can have a true idea of the power of pseudo elements. 📚" [YouTube Link](https://youtube.com/watch?v=OtBpgtqrjyo) 2019-12-10T17:00Z 1.8M followers, 279.7K engagements "Stop Using window resize Event Listeners Full Video: https://youtu.be/M2c37drnnOA 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=QQIIP2d9tLc) 2025-08-14T16:00Z 1.8M followers, 93.7K engagements "How To Use CSS Dev Tools Like a Senior Developer The dev tools built into the browser have tons of amazing features built in but must developers never even use 10% of the available features. In this video I will be showing you every single useful CSS dev tool feature and talking about how they are useful in real world development and debugging. 📚 Materials/References: Manage CSS Colors Like a Senior Developer Video: https://youtu.be/Acs-tJV4iAo 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon:" [YouTube Link](https://youtube.com/watch?v=Qf_5zmxrxzE) 2025-09-09T16:00Z 1.8M followers, 30.7K engagements "5 Must Know Sorting Algorithms Explained and Visualized Visualization Website: https://sorting-algorithms-visualized-wds.netlify.app Sorting algorithms are pretty complex to understand (especially when dealing with big O notation). In this video I will show you the [--] most common sorting algorithms talk about big O notation for them and visually show you how they work alongside fully working code examples. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/sorting-algorithms-visualized Visualization Website: https://sorting-algorithms-visualized-wds.netlify.app 🌎 Find" [YouTube Link](https://youtube.com/watch?v=W35KhZq2xFQ) 2025-03-25T16:00Z 1.8M followers, 23.6K engagements "Memoization And Dynamic Programming Explained Memoization is a big complicated word that you may have never even heard before but you may be surprised to know that you are most likely already using memoization without even realizing it. Memoization is just the act of caching values so that they can be calculated quicker in the future. Memoization is really useful in all parts of programming but where it is most useful is in dynamic programming. In this video I will explain what memoization is how to use it and why it is so useful especially in dynamic programming. 📚 Materials/References:" [YouTube Link](https://youtube.com/watch?v=WbwP4w6TpCk) 2019-11-23T17:00Z 1.8M followers, 108.5K engagements "Learn JavaScript Event Listeners In [--] Minutes 🚨 IMPORTANT: JavaScript Simplified Course: https://javascriptsimplified.com JavaScript events are one of the most important topics for you to learn. In this video I will dive into everything you need to know about JavaScript events to make sure you completely understand how they work. 📚 Materials/References: Arrow Functions Video: https://youtu.be/h33Srr5J9nY Event Listener Article: https://blog.webdevsimplified.com/2022-01/event-listeners 🧠Concepts Covered: - addEventListener - Capture phase - Bubble phase - removeEventListener - Event" [YouTube Link](https://youtube.com/watch?v=XF1_MlZ5l6M) 2020-12-12T17:00Z 1.8M followers, 685.4K engagements "This Amazing TypeScript Feature Has NO Docs FREE TypeScript Utility Types Cheat Sheet: https://webdevsimplified.com/ts-utility-types-cheat-sheet.html TypeScript Simplified Course: https://courses.webdevsimplified.com/typescript-simplified/utm_source=youtube&utm_medium=video-description&utm_term=video-id-mXpE2v0whiI TypeScript is overall well document but one of my most used features in TypeScript doesnt even have a documentation page. In this video I will be covering the satisfies keyword in depth and showcasing why it is something I use in every single TypeScript project I write. 📚" [YouTube Link](https://youtube.com/watch?v=Xm_VGeTpS2Q) 2026-01-27T17:00Z 1.8M followers, 49.5K engagements "This New Tailwind Feature Is A Game Changer WebDevEducations Video: https://youtu.be/osZvZuLSmFg 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=Y1av0bWl238) 2023-11-23T17:00Z 1.8M followers, 205.6K engagements "What Is Email Only Authentication - Magic Link Auth Email only authentication sometimes called magic link auth may seem like a crazy idea but it is actually more secure than password based authentication. In this video I will go over how email only auth works the pros/cons of using it and show you how to implement email only auth in Node.js. 📚 Materials/References: JSON Web Token Video: https://youtu.be/7Q17ubqLfaM Cookie Session Based Auth Video: https://youtu.be/mL8EuL7jSbg 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon:" [YouTube Link](https://youtube.com/watch?v=b6qHfPdv4Y8) 2023-01-28T17:00Z 1.8M followers, 79.1K engagements "How To Build An Animated Hamburger Menu With Only CSS Free CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html Hamburger menus are incredibly popular in sites but building one that is animated responsive and uses no JavaScript is quite difficult. In this video I will show you how to build a hamburger menu with only CSS that is fully responsive and animated. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/css-only-hamburger-menu Emmet Video: https://youtu.be/V8vizNQKtx0 Box Model Video: https://youtu.be/rIO5326FgPE Box Model Article:" [YouTube Link](https://youtube.com/watch?v=dAIVbLrAb_U) 2023-02-14T17:00Z 1.8M followers, 141.1K engagements "Facade Pattern - Design Patterns The facade pattern is one of my favorite design patterns because of how incredibly useful it is when refactoring code. The idea of the facade pattern is to create your own API that hides away complex or repetitive code so that you are left with a clean and easy to use API. The benefits of this is not only clean code that is easy and fun to work with but your code is also much easier to refactor when the complex code behind your facade needs to change. 🚨 IMPORTANT: Design Patterns Playlist:" [YouTube Link](https://youtube.com/watch?v=fHPa5xzbpaA) 2019-10-12T16:00Z 1.8M followers, 121.4K engagements "Should You Use Tailwind CSS Tailwind CSS is the most popular utility CSS framework but should you use it In this video I talk about what Tailwind CSS is when it is useful and if you should use it instead of Bootstrap or normal CSS. 📚 Materials/References: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today 🌎 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:" [YouTube Link](https://youtube.com/watch?v=hdGsFpZ0J2E) 2021-06-08T16:00Z 1.8M followers, 383.7K engagements "How To Build A Google Docs Clone With React Socket.io and MongoDB Hostinger: https://www.hostinger.com/webdevsimplified Use coupon WEBDEVSIMPLIFIED for 10% off an yearly plan. Google docs revolutionized word documents with its collaborative features but actually creating your own Google docs is not that hard. In this video I will show you how to create a complete Google Docs clone from scratch using ReactJS Socket.io MongoDB and QuillJS. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/google-docs-clone Learn React Today Course:" [YouTube Link](https://youtube.com/watch?v=iRaelG7v0OU) 2021-04-20T16:00Z 1.8M followers, 223.8K engagements "How To Build Sortable Drag & Drop With Vanilla Javascript 🚨 IMPORTANT: [--] Year Free Hosting: https://www.atlantic.net/webdevsimplified Use code KYLE for an additional $50 Drag and drop is something that nearly every web application needs but it can be tricky to build from scratch. That is why in this video I will be showing you exactly how to build a sortable drag and drop list with very little JavaScript. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/Drag-And-Drop CodePen Code: https://codepen.io/WebDevSimplified/pen/JjdveeV Reduce Tutorial:" [YouTube Link](https://youtube.com/watch?v=jfYWwQrtzzY) 2020-03-17T16:00Z 1.8M followers, 367.7K engagements "This Advanced Flexbox Trick Is Amazing Full Video: https://youtu.be/1zKX71GYisE 🌎 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" [YouTube Link](https://youtube.com/watch?v=jlvwSorkdIo) 2022-09-22T17:58Z 1.8M followers, 678.2K engagements "Learn Every CSS Selector In [--] Minutes 🚨 IMPORTANT: FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html The hardest part of learning CSS is not knowing what is available to use. There are so many selectors and properties to remember and it is impossible to keep them all in your head. Luckily for you in this video I am going to show you every single CSS selector that you need to know so you will never feel stuck with selectors again. There are a ton of selectors in this video and they are all important to know so make sure you stick around until the end to" [YouTube Link](https://youtube.com/watch?v=l1mER1bV0N0) 2020-07-07T16:00Z 1.8M followers, 516.1K engagements "How To Build A Full Stack Nested Comments System FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified If you are wanting to build a complex full stack project then this is the video for you. In this video we will be covering how to setup and connect a backend database and React frontend. This is a large and complex project but is amazing for your resume. 📚 Materials/References: FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified GitHub Code: https://github.com/WebDevSimplified/nested-comments Prisma Video:" [YouTube Link](https://youtube.com/watch?v=lyNetvEfvT0) 2022-08-06T16:00Z 1.8M followers, 131.4K engagements "I Had No Idea This Scroll Bar CSS Property Existed 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=mg49F9qUs38) 2023-06-15T16:00Z 1.8M followers, 274.7K engagements "CSS Finally Has if() Statements (but I dont think I will use them) Having the ability to do if statements in CSS would have been a dream of mine years ago and it is finally a reality. Surprisingly though I dont think I will end up using them much (if at all). In this video I will show you how these if statements work as well as talk about why I dont see much use for them. 📚 Materials/References: CSS attr() Video: https://youtu.be/WcNWf6edIcc 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon:" [YouTube Link](https://youtube.com/watch?v=mvgY3GvcSCo) 2025-06-24T16:01Z 1.8M followers, 39.3K engagements "This Simple Trick Makes Your Website 83% Better Looking Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today Parallax scrolling effects look awesome but implementing them can be pretty tricky. In this video I will show you how to implement a parallax scrolling effect and most importantly I will explain how and why the effect works so you can create your own parallax scrolling effects. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/css-parallax Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today 🌎 Find Me Here: My" [YouTube Link](https://youtube.com/watch?v=mxHoPYFsTuk) 2022-01-25T17:00Z 1.8M followers, 442.5K engagements "Learn Temporal API In [--] Minutes My Blog: https://blog.webdevsimplified.com Temporal API Article: https://blog.webdevsimplified.com/2022-02/temporal-date-api Date in JavaScript suck to work with. They are clunky have a terrible API and overall make writing code less fun. Luckily the Temporal API is being added to JavaScript which solves all the problems I have with dates and then some. 📚 Materials/References: My Blog: https://blog.webdevsimplified.com Temporal API Article: https://blog.webdevsimplified.com/2022-02/temporal-date-api Reference Vs Value Video: https://youtu.be/-hBJz2PPIVE" [YouTube Link](https://youtube.com/watch?v=oOK3UzLJ_Cs) 2022-03-19T16:00Z 1.8M followers, 123K engagements "Shadcn Finally Has MultiSelect React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified/utm_source=youtube&utm_medium=video-description&utm_term=video-id-pwpCNEROEZc Shadcn has been missing a multiselect component and it doesnt appear they will add one anytime soon so I decided to make my very own multiselect Shadcn component which you can install directly into your project. In this video I will show you how I made this component as well as how you can add it to your project. 📚 Materials/References: React Hooks Simplified Course:" [YouTube Link](https://youtube.com/watch?v=pwpCNEROEZc) 2025-08-12T16:01Z 1.8M followers, 25.3K engagements "Make Your Site 200% Faster With One Simple Image Feature Full Video: https://youtu.be/fp9eVtkQ4EA 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=qpbcLKlL0RM) 2025-09-11T16:01Z 1.8M followers, 72.1K engagements "NEW Next.js TypeScript Features Next.js Course: https://reactsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-rVdR0_Ujgq4#next-js-course Next.js [--] added a ton of type safety improvements over previous versions but the newest additions to Next.js really improve the TypeScript experience and bring it on par with many alternative frameworks such as Tanstack Start. In this video I go over all the new TS features in Next.js as well as a few other features. 📚 Materials/References: Next.js Course:" [YouTube Link](https://youtube.com/watch?v=rVdR0_Ujgq4) 2025-09-02T16:01Z 1.8M followers, 37.4K engagements "How To Design A YouTube Clone With HTML/CSS 🚨 IMPORTANT: Free CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today One of the best ways to improve your CSS skills is to clone existing websites. In this video I will be cloning the YouTube home page with just HTML and CSS. This clone is not 100% exactly like the YouTube homepage but it is 95% the same which is good enough when you are creating a clone with the sole purpose of learning. 📚 Materials/References: GitHub Code:" [YouTube Link](https://youtube.com/watch?v=rhPSo4_Tgi0) 2020-10-03T16:00Z 1.8M followers, 150.2K engagements "Learn CSS Transform In [--] Minutes FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today Transform is one of the most versatile properties in CSS since it can do everything from scaling moving to rotating elements. In this video I will be covering all the different ways you can use transform as well as some special tips at the end to really improve your transforms. 📚 Materials/References: FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html Learn" [YouTube Link](https://youtube.com/watch?v=rzD-cPhq02E) 2021-07-27T16:00Z 1.8M followers, 201.5K engagements "Learn JavaScript Array Reduce In [--] Minutes JavaScript Simplified Course: https://javascriptsimplified.com By far the most difficult JavaScript array method to learn is the reduce method. It combines together many concepts from other array methods but also acts in a completely different way. In this video I will be going in depth over everything you need to know about this method so you can start using it in your next project. 📚 Materials/References: JavaScript Simplified Course: https://javascriptsimplified.com Reduce Array Method Article: https://blog.webdevsimplified.com/2021-05/reduce 🌎" [YouTube Link](https://youtube.com/watch?v=s1XVfm5mIuU) 2021-07-17T16:00Z 1.8M followers, 223.1K engagements "Singleton Pattern - Design Patterns The singleton pattern is one of the most controversial yet easiest to implement design patterns. Many people say you should never use the singleton design pattern but there are still plenty of cases where the singleton pattern is the perfect solution. In this video I will explain what the singleton pattern is when you should and should not use it and go over an example of refactoring some code to use the singleton pattern. Design Pattern Playlist: http://bit.ly/2QrGnDq Design Pattern Repository: https://github.com/WebDevSimplified/Design-Patterns Twitter:" [YouTube Link](https://youtube.com/watch?v=sJ-c3BA-Ypo) 2019-02-21T13:00Z 1.8M followers, 187.3K engagements "Ugly TypeScript Code Is Actually Good (Sometimes) Full Video: https://youtu.be/bnTAOB3P6nM 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=sK3HF8ctjJA) 2025-06-12T16:01Z 1.8M followers, 42.5K engagements "useLayoutEffect Vs useEffect - Which Is Better Full Video: https://youtu.be/wU57kvYOxT4 Article Version: https://blog.webdevsimplified.com/2020-07/use-layout-effect 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=sRDUOd1IkS8) 2022-02-03T17:00Z 1.8M followers, 235.3K engagements "Node.js Doesnt Suck Anymore Join My Newsletter: https://blog.webdevsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-si9pVRaGz30 Node.js is an amazing tool but it is quite old and lots of baggage comes with that age. Luckily Node.js has been doing everything it can to modernize itself and in this video I will cover [--] amazing new features to Node.js. 📚 Materials/References: Join My Newsletter: https://blog.webdevsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-si9pVRaGz30 == Vs === Video: https://youtu.be/C5ZVC4HHgIg == Vs ===" [YouTube Link](https://youtube.com/watch?v=si9pVRaGz30) 2024-09-07T16:00Z 1.8M followers, 149.7K engagements "Should You Use Bootstrap Should you use Bootstrap That is the age old question people have been asking since the beginning of Bootstrap's rise to popularity but this question is even broader than just Bootstrap. What we should be asking is if we should use any CSS framework and in this video I will be answering that question once and for all. Obviously this isn't as easy as yes or no since CSS frameworks can be really useful in some situations and terrible in others. In this video I will be covering all the most important things to consider when thinking about using a CSS framework and giving" [YouTube Link](https://youtube.com/watch?v=svPDhmXY1Yg) 2019-11-12T17:00Z 1.8M followers, 287K engagements "This Tailwind Plugin Makes Your Text Look Beautiful 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=tGXuP9R8fqw) 2024-09-05T16:00Z 1.8M followers, 39.8K engagements "The New selectedcontent HTML Element Changes Selects Forever Developers have been asking for the ability to customize the HTML select element for decades and it is finally here. The new custom select feature in HTML/CSS is an absolute game changer since it gives you 100% flexibility to create your custom select element however you want. This new feature is way better than I ever though custom selects could be. 📚 Materials/References: Chrome Custom Select Article: https://developer.chrome.com/blog/rfc-customizable-select 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:" [YouTube Link](https://youtube.com/watch?v=tNBufpGQihY) 2025-02-18T17:01Z 1.8M followers, 149.1K engagements "Pick/Omit Are One Of The Best Features Of TypeScript 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=tNN8xXDNp9o) 2023-07-06T16:00Z 1.8M followers, 220.6K engagements "What is an API In this video I am going to break down exactly what an API is in both non-technical and technical terms. I am then going to go over a few examples of the most common forms of APIs that programmers interact with. Twitter: https://twitter.com/DevSimplified GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #API #WebDevelopment #Programming webdevsimplified what is an api what are apis how does an api work why are apis important web development api what is a rest api rest api explained rest api api explained api explained simply API restful" [YouTube Link](https://youtube.com/watch?v=tgbRY96q-KM) 2019-03-07T13:00Z 1.8M followers, 90.4K engagements "Should You Use Rem Or Em Units Full CSS Units Video: https://youtu.be/-GR52czEd-0 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=tlRLEsZa89M) 2022-01-20T17:00Z 1.8M followers, 168.8K engagements "NEW React [--] Changes Are Amazing FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified/utm_source=youtube&utm_medium=video-description&utm_term=video-id-v07gXY6ESEo It has been quite awhile since React [--] and there have been a ton of experimental features added to React since then. Luckily React is finally getting ready to release these features as stable with version [--] coming sometime this year. In this video I will share with you everything you need to know about the [--] best features coming to React [--]. 📚 Materials/References: FREE React Hooks" [YouTube Link](https://youtube.com/watch?v=v07gXY6ESEo) 2024-02-27T18:00Z 1.8M followers, 232.8K engagements "Learn JavaScript DOM Traversal In [--] Minutes FREE JavaScript DOM Traversal Cheat Sheet: https://webdevsimplified.com/js-dom-traversal-cheat-sheet.html JavaScript Simplified Course: https://javascriptsimplified.com Traversing the DOM in JavaScript is crucial to building projects on your own. In this video I break down all the ways you can traverse the DOM in JavaScript so that you can more easily build projects on your own. 📚 Materials/References: FREE JavaScript DOM Traversal Cheat Sheet: https://webdevsimplified.com/js-dom-traversal-cheat-sheet.html CSS Selector Video:" [YouTube Link](https://youtube.com/watch?v=v7rSSy8CaYE) 2020-11-21T17:00Z 1.8M followers, 255.1K engagements "Learn HTTP Status Codes In [--] Minutes HTTP Status Code Blog Article: https://blog.webdevsimplified.com/2022-12/http-status-codes Building a web application or API is not an easy task especially to do it correctly. One of the things that makes this process difficult is HTTP status codes. In this video I will be breaking down and explaining every single HTTP status code that you need to know in order to get started building the perfect web application or API. We will be covering everything from the most basic [---] status codes to the more complex [---] and [---] status codes. 📚" [YouTube Link](https://youtube.com/watch?v=wJa5CTIFj7U) 2019-09-07T16:00Z 1.8M followers, 133.6K engagements "10 Tailwind Classes I Wish I Knew Earlier Tailwind has thousands of classes but 99% of them are just one-to-one mappings to CSS. There are a few classes though that go beyond just mapping directly to CSS and these classes are incredible for writing high quality clean code. In this video I am going to share the [--] Tailwind classes I wish I knew earlier since they make writing Tailwind code so much easier. 📚 Materials/References: YouTube Home Page Tailwind Clone: https://youtu.be/ymGB1lqP1CM 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:" [YouTube Link](https://youtube.com/watch?v=x1RJ5Q09PqM) 2024-02-20T17:00Z 1.8M followers, 244.3K engagements "Learn CSS Calc In [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-calc CSS calc is one of the few functions available in CSS and it is incredibly powerful. Not only can you do simple arithmetic with the calc function but you can also combine units together with the calc function to create really unique spacing and sizes. The real power of CSS calc comes from the ability to use it with variables which opens up an entire world of possibilities. In this video I will" [YouTube Link](https://youtube.com/watch?v=x7EWFoRzAkk) 2019-10-19T16:00Z 1.8M followers, 106.8K engagements "This Is One Of My Favorite TypeScript Features TypeScript Simplified Course: https://courses.webdevsimplified.com/typescript-simplified/utm_source=youtube&utm_medium=video-description&utm_campaign=video-id-xsfdypZCLQ8 Discriminating unions sound really fancy and scary but in reality they are a fairly simple concept that makes writing certain types of React code so much easier. In this video I explain exactly what discriminating unions are how to use them why they are so great and the limitations of them. 📚 Materials/References: TypeScript Simplified Course:" [YouTube Link](https://youtube.com/watch?v=xsfdypZCLQ8) 2023-11-07T17:01Z 1.8M followers, 158.6K engagements "Learn CSS in [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-20-minutes In this video we will cover everything you need to know to get up and running with CSS in only [--] minutes. We will cover CSS syntax how to add CSS to your HTML CSS colors CSS units the box model and best practices for CSS walking through a full example of CSS being used to style an HTML page. By the end of this video you will know enough about CSS to style any basic web pages in your own" [YouTube Link](https://youtube.com/watch?v=1PnVor36_40) 2018-08-23T01:13Z 1.8M followers, 2.2M engagements "Data Access Layers are a Must Know for Next.js Developers Full Video: https://youtu.be/Av7KqJVLiYc 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=1Rzz6mtab4c) 2025-10-16T16:00Z 1.8M followers, 52.7K engagements "If You Are Using Next.js You Need To Enable This Development Feature 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=1jpqBfptng0) 2023-12-28T17:00Z 1.8M followers, 215.8K engagements "How To Accept Payments With Stripe JavaScript Simplified Course: https://javascriptsimplified.com Accepting payments is one of the most important parts of any application but getting started with accepting payments can be very daunting. In this video I will show you how to easily get started accepting payments with Stripe. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/stripe-checkout-simple JavaScript Simplified Course: https://javascriptsimplified.com Stripe Checkout Article: https://blog.webdevsimplified.com/2021-07/stripe-checkout Map Video:" [YouTube Link](https://youtube.com/watch?v=1r-F3FIONl8) 2021-08-07T16:00Z 1.8M followers, 322.4K engagements "What Is React And Why You Need To Know It React is the most popular frontend framework and is needed for nearly every frontend web development job. Because of this it is crucial that you understand what React is and how to use it. In this video I will breakdown exactly what React is so you will have a clear understanding of what you need to learn. I will also breakdown how components work in general which is applicable to not only React but any major frontend framework. Lastly I will talk about the importance of React and why you need to learn React. 🚨 IMPORTANT: Learn React Today Course:" [YouTube Link](https://youtube.com/watch?v=1wZoGFF_oi4) 2019-08-24T16:00Z 1.8M followers, 337.5K engagements "Learn Web Components In [--] Minutes React was the framework that really popularized component driven development but they werent the first and are definitely not the only tool for creating components. JavaScript actually has its own built in way to create components called web components which have many of the same benefits of React components. In this video I show you how to create your very first web component as well as how web components work. 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon:" [YouTube Link](https://youtube.com/watch?v=2I7uX8m0Ta0) 2023-01-21T17:00Z 1.8M followers, 250.7K engagements "Learn Intersection Observer In [--] Minutes Intersection Observer is an amazing tool in JavaScript that allows you to easily and efficiently do pretty much anything based on the visibility of elements. This is perfect for scroll animations lazy loading images infinite scroll and much more. Also Intersection Observer is incredibly performant and flexible which makes it by far the best approach. 📚 Materials/References: Intersection Observer Article: https://blog.webdevsimplified.com/2022-01/intersection-observer 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:" [YouTube Link](https://youtube.com/watch?v=2IbRtjez6ag) 2021-12-21T17:00Z 1.8M followers, 394.8K engagements "This Is Why You Must Derive Your TypeScript Types 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=4CYkhXIDxeQ) 2025-08-21T16:00Z 1.8M followers, 157.5K engagements "Maps Are A Game Changer For JavaScript Map Video: https://youtu.be/yJDofSGTSPQt=558 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=4PZeIwXx1hc) 2023-01-12T17:00Z 1.8M followers, 1.3M engagements "How The Backend Works As we already know the web is made up of two main parts. The frontend and the backend. The frontend is concerned with presentation and is fairly easy to understand since it is what we interact with daily on the web. The backend on the other hand is all of the parts of the web that users do not directly interact with. In this video we are going to discuss the basics of how the backend of a website works by tracing all of the steps that the backend must go through from the moment it receives a request to the point it sends a response back to the client. Starting at the" [YouTube Link](https://youtube.com/watch?v=4r6WdaY3SOA) 2019-04-01T16:00Z 1.8M followers, 625.4K engagements "What are Classes Objects and Constructors Object Oriented Programming is one of the most common programming patterns but it can be incredibly confusing with all the new terminology. In this video I will be breaking down the basic Object Oriented Programming terms Class Object Instance Instantiate and Constructor. By the end of this video you will have a complete understanding of how Classes Objects and Constructors interact and relate to one another. Class: Similar to a blueprint. It defines what its objects will look like (functions parameters etc.) Object: Similar to a house produced from a" [YouTube Link](https://youtube.com/watch?v=5AWRivBk0Gw) 2019-06-04T16:00Z 1.8M followers, 176.4K engagements "How To Handle Permissions Like A Senior Dev Try Clerk: https://go.clerk.com/b2b-orgs Permission systems are in every single app but most developers dont spend any time planning out their system which results in buggy hard to maintain code. In this video I will cover how to create multiple levels of permission systems from very basic all the way up to advanced systems that many companies charge thousands of dollars for. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/permission-system Clerk Organization Docs: https://go.clerk.com/docs-orgs 🌎 Find Me Here: My Blog:" [YouTube Link](https://youtube.com/watch?v=5GG-VUvruzE) 2024-11-12T17:00Z 1.8M followers, 641K engagements "Build an Advanced Realtime Chat Project with Supabase Try Supabase: https://supabase.plug.dev/rZx5wtt In this video I will show you how to create an advanced realtime chat application that supports public/private rooms a full permission system user invites infinite scrolling and much more. We will be using Next.js Tailwind Shadcn React Drizzle and Supabase for this project 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/supabase-realtime-chat WDS Shadcn Registry: https://wds-shadcn-registry.netlify.app/ 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My" [YouTube Link](https://youtube.com/watch?v=5MQb6pVkQHA) 2025-10-28T16:00Z 1.8M followers, 19.8K engagements "What Is JWT and Why Should You Use JWT JSON Web Tokens (JWT) are talked about all the time but what exactly are they and how do they work. In this video I will explain in depth exactly what JWT is how it works why it is secure and when you should use it. We will go through multiple visual demonstrations of exactly how and why JWT works. We will also compare JWT to the more common and traditional session based user authorization. By the end of this video you will have a complete understanding of JWT how it works and when you should use it. 📚 Materials/References: JWT Authentication" [YouTube Link](https://youtube.com/watch?v=7Q17ubqLfaM) 2019-07-27T16:00Z 1.8M followers, 1.5M engagements "JavaScript Arrays Crash Course Arrays are one of the most fundamental building blocks of JavaScript. It doesnt matter what project you build you need to understand how to use arrays. In this video I go over the absolute basics of arrays in JavaScript as well as a few other array based features so you can get up and running immediately with arrays. 📚 Materials/References: JavaScript Array Methods Video: https://youtu.be/R8rmfD9Y5-c 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified" [YouTube Link](https://youtube.com/watch?v=7W4pQQ20nJg) 2022-01-18T17:00Z 1.8M followers, 141.9K engagements "Why Vitest Is Better Than Jest Vitest is a simple testing library built on top of Vite which takes everything I love about Jest and brings it to the modern age of JavaScript. Everyone that has worked with Jest knows how much of a pain it is to work with ES modules but Vitest makes it trivial. Vitest also adds many additional features and quality of life changes that make it better than Jest in my opinion. 📚 Materials/References: Jest Tutorial Video: https://youtu.be/FgnxcUQ5vho 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com" [YouTube Link](https://youtube.com/watch?v=7f-71kYhK00) 2022-06-11T16:00Z 1.8M followers, 166.8K engagements "The [--] Parts of Auth You Need To Know Authorization Video: https://youtu.be/5GG-VUvruzE 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=7q3rvDU-kzk) 2025-12-18T17:00Z 1.8M followers, 46.5K engagements "Zod Makes TypeScript Even Better Zod is amazing. It is not only an incredible validation library but the direct interactions it has with TypeScript make it event better. Not having to define my types twice is a game changer and the simple yet powerful API of Zod is so nice. In this video I talk about what Zod is show examples of how to use Zod and talk about why it is so amazing. 🌎 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:" [YouTube Link](https://youtube.com/watch?v=9UVPk0Ulm6U) 2022-11-26T17:00Z 1.8M followers, 191.3K engagements "Dependency Inversion Principle Explained - SOLID Design Principles 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 dependency inversion principle. This principle is part of the SOLID design principles. The main idea of the dependency inversion principle is that any class that uses a dependency should only ever use the dependency through a predefined interface/wrapper. This makes it so that your code will never directly depend on a" [YouTube Link](https://youtube.com/watch?v=9oHY5TllWaU) 2020-01-28T17:00Z 1.8M followers, 187.3K engagements "Now Is The Best Time To Learn To Code It may seem like now is the worst time to learn to code with the fear of AI taking your job and overall uncertainty in the market but that couldnt be further from the truth. The job market isnt as bad as most people make it out to be and learning to code is easier than ever now. You also can build apps much quicker than ever before. 🌎 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:" [YouTube Link](https://youtube.com/watch?v=9xzqqZMXjjg) 2025-08-26T16:00Z 1.8M followers, 95.3K engagements "The NEW React Activity Component Is a Game Changer for Performance Full Video: https://youtu.be/Ubbb1RK7iFs 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=Ae6gQXacjaA) 2026-01-08T17:00Z 1.8M followers, 48.5K engagements "How To Handle Data Access Like a Senior Dev Most applications are just a thin wrapper over data management which means how you access and manage data is the most important part of your entire application. In this video I will talk about the data access layer and how you can implement a basic and much more advanced version. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/next-js-data-access-layer 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter:" [YouTube Link](https://youtube.com/watch?v=Av7KqJVLiYc) 2025-09-16T16:00Z 1.8M followers, 52.6K engagements "CSS Anchor Is The Best New CSS Feature Since Flexbox I cannot believe this is a feature coming to HTML/CSS. Anchoring elements used to be only something you could do with hundreds of lines of complex JavaScript code but now it can be done with a single line of CSS. I am incredibly excited for this feature to be production ready as it has the potential to massively change web development. 📚 Materials/References: Chrome Flags: chrome://flags/#enable-experimental-web-platform-features Anchor Chrome Blog Article:" [YouTube Link](https://youtube.com/watch?v=B4Y9Ed4lLAI) 2023-08-29T16:00Z 1.8M followers, 418.2K engagements "What Is The Fastest Way To Load JavaScript As a project grows the load time of pages will slowly increase. Many people look to the back-end for solutions to this problem when in reality the way JavaScript is loaded can make a large different in page load speed. In this video I will look at the three ways to load JavaScript normal script tags async script tags and defer script tags. I will cover how each method interacts with page speed and the pros and cons of each. By the end of this video you will have a strong understanding of the various ways to load JavaScript and will be better equipped" [YouTube Link](https://youtube.com/watch?v=BMuFBYw91UQ) 2018-11-09T15:00Z 1.8M followers, 203.4K engagements "You are a Junior Dev if You Dont Know These [--] TypeScript Utility Types FREE TypeScript Utility Types Cheat Sheet: https://webdevsimplified.com/ts-utility-types-cheat-sheet.html Learning the [--] most important TypeScript utility types is one of the quickest ways to go from a junior to a senior level TypeScript developer. In this video I will cover the [--] TS util types that I use every day and that you need to know in order to truly master TypeScript. 📚 Materials/References: FREE TypeScript Utility Types Cheat Sheet: https://webdevsimplified.com/ts-utility-types-cheat-sheet.html 🌎 Find Me" [YouTube Link](https://youtube.com/watch?v=BhNSauna0eo) 2025-11-11T17:03Z 1.8M followers, 98K engagements "How To Send Push Notifications With JavaScript Sending push notifications in JavaScript seems like it would be difficult if not impossible but it is actually built into the browser and quite easy. In this video I show you everything you need to know about sending push notifications with JavaScript and just how easy it is. 🌎 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:" [YouTube Link](https://youtube.com/watch?v=Bm0JjR4kP8w) 2022-09-10T16:00Z 1.8M followers, 408.7K engagements "This Simple Dev Tools Feature Makes Working On Teams Much Easier 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=Btv_oJFDjuE) 2025-09-04T16:00Z 1.8M followers, 218.3K engagements "Introduction to HTML Your First Web Page Part [--] In this video we dive into the basics of HTML. We will cover the basic structure of an HTML file as well as the steps needed to set up an efficient development environment. We will also create our very first web page. Development HTML CSS Javascript Beginner Guide Learn Web Dev Simplified Development HTML CSS Javascript Beginner Guide Learn Web Dev Simplified" [YouTube Link](https://youtube.com/watch?v=BvJYXl2ywUE) 2018-06-05T03:38Z 1.8M followers, 317.2K engagements "My Honest Thoughts on AI and the Job Market in [----] FREE [----] Web Dev Roadmap: https://webdevsimplified.com/web-dev-roadmap.html The last few years have changed a lot about web development and programming and in this video I want to talk about what those changes are and how you can overcome them. I will be talking about my thoughts on the future of AI and programming where the job market it going in [----] and most importantly what you can do/learn to still land a job in [----]. 📚 Materials/References: FREE [----] Web Dev Roadmap: https://webdevsimplified.com/web-dev-roadmap.html Code Review" [YouTube Link](https://youtube.com/watch?v=CFI1ZnlHEFM) 2026-01-20T17:00Z 1.8M followers, 147.4K engagements "I Cant Believe TypeScript Finally Fixed This Full Video: https://youtu.be/FhT87_CqPug 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=D0969cm_v7g) 2024-07-11T16:00Z 1.8M followers, 152.4K engagements "JavaScript Promises In [--] Minutes ES6 came with many new features but one of the best features was the official introduction of Promises. Promises allow you to write clean non-callback-centric code without ever having to worry about callback hell. Even if you never write your own promise knowing how they work is incredibly important since many newer parts of the JavaScript API use promises instead of callbacks. Checkout the full video to learn how to define and use promises. Promise Article: https://blog.webdevsimplified.com/2021-09/javascript-promises Code From This Video:" [YouTube Link](https://youtube.com/watch?v=DHvZLI7Db8E) 2019-01-17T15:00Z 1.8M followers, 2M engagements "MVC Explained in [--] Minutes MVC is the most popular architecture for building complex web servers. It is used by many frameworks and implemented into nearly every modern web application. In this video I will cover what MVC is how it works and why you should use it. MVC stands for Model View Controller. It is used to define how these three different entities can interact with each other. The Controller handles user requests and delegates information between the Model and the View. It only deals with requests and never handles data or presentation. The Model handles data validation logic and" [YouTube Link](https://youtube.com/watch?v=DUg2SWWK18I) 2019-04-03T16:00Z 1.8M followers, 1.2M engagements "Mongoose Crash Course - Beginner Through Advanced FREE MongoDB Cheat Sheet: https://webdevsimplified.com/mongodb-cheat-sheet.html Mongoose is the best way to work with a MongoDB database in Node.js but it is a pretty complex library. In this video I will explain absolutely everything you need to know about Mongoose including even the more advanced features that other tutorials don't cover. 📚 Materials/References: FREE MongoDB Cheat Sheet: https://webdevsimplified.com/mongodb-cheat-sheet.html MongoDB Crash Course: https://youtu.be/ofme2o29ngU Node.js Install Video:" [YouTube Link](https://youtube.com/watch?v=DZBGEVgL2eE) 2021-11-23T17:00Z 1.8M followers, 558.1K engagements "How To Setup Prettier Prettier is one of my favorites tools for writing clean and easy to read code since it does all the formatting for you. In this video I will show you how to setup Prettier how to use it in your IDE how to configure it with ESLint and a few other small Prettier tips. 🌎 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:" [YouTube Link](https://youtube.com/watch?v=DqfQ4DPnRqI) 2022-12-27T17:00Z 1.8M followers, 180.4K engagements "1 Million Subscriber Hair Tutorial 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=EHod_nIuz9c) 2022-08-04T16:00Z 1.8M followers, 256.6K engagements "Must Know Dev Tools Feature - Save Hours 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=EQOa-uavBsc) 2025-08-28T16:00Z 1.8M followers, 214.9K engagements "Learn TypeScript Generics In [--] Minutes TypeScript Simplified Course: https://courses.webdevsimplified.com/typescript-simplified/utm_source=youtube&utm_medium=video-description&utm_term=video-id-EcCTIExsqml By far one of the hardest TypeScript concepts to understand when first learning TypeScript is generics. They introduce new syntax new logic and a new way of thinking all at the same time which is tough to comprehend. In this video I will be breaking down everything you need to know about generics (including advanced generic features). 📚 Materials/References: TypeScript Simplified Course:" [YouTube Link](https://youtube.com/watch?v=EcCTIExsqmI) 2023-12-26T17:00Z 1.8M followers, 414.5K engagements "How To Create/Use Functions - JavaScript Essentials JavaScript Simplified Course: https://javascriptsimplified.com Functions are one of the most important things to understand in JavaScript since you will use them everywhere in your code. They are arguably more important than learning how to create a variable since they are that core to how JavaScript works. In this video I will share with you everything you need to know about how to create and use functions in JavaScript. 📚 Materials/References: JavaScript Simplified Course: https://javascriptsimplified.com 🌎 Find Me Here: My Blog:" [YouTube Link](https://youtube.com/watch?v=FOD408a0EzU) 2023-03-04T17:00Z 1.8M followers, 203.7K engagements "NEW CSS Scroll Features are Game Changers CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html Web Dev Roadmap: https://webdevsimplified.com/web-dev-roadmap.html These new CSS scroll features are amazing. They completely replace the need for JavaScript in many animations and in this video I will show you everything you need to know in order to create beautiful advanced CSS scroll animations. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/css-scroll-state-example CSS Selector Cheat Sheet:" [YouTube Link](https://youtube.com/watch?v=HXIHpDnsizk) 2026-01-14T17:00Z 1.8M followers, 30.4K engagements "Introduction to Web Development Setup Part [--] In this video you will learn how to set up your computer for web development. We will be setting up your browser text editor and version control system. Downloads: Google Chrome: https://www.google.com/chrome Visual Studio Code: https://code.visualstudio.com Git: https://git-scm.com/download Links: Github: https://github.com Github SSH Key Documentation: https://help.github.com/articles/connecting-to-github-with-ssh/ Terminal Commands: Set Git Username: git config --global user.name "Your name here" Set Git Email: git config --global user.email" [YouTube Link](https://youtube.com/watch?v=HfTXHrWMGVY) 2018-05-29T05:22Z 1.8M followers, 531.1K engagements "JavaScript Form Validation Form validation is one of the most common web development tasks. There are many ways to do form validation but JavaScript is one of the best and easiest ways to write form validation. In this video I will be covering all of the concepts of form validation in JavaScript as well as how to display helpful error messages to the user. By the end of this video you will have all the tools you need to implement form validation in your own projects. 📚 Materials/References: HTML Forms Explained: https://youtu.be/fNcJuPIZ2WE CodePen Code:" [YouTube Link](https://youtube.com/watch?v=In0nB0ABaUk) 2019-06-18T16:00Z 1.8M followers, 996.9K engagements "How To Create And Publish Your First NPM Package It may seem daunting to create your first NPM package but it is surprisingly easy to do so. In this video I will walk you through all the steps needed to create test and publish your very own NPM package. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/is-wds-npm-package NPM Site: https://www.npmjs.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:" [YouTube Link](https://youtube.com/watch?v=J4b_T-qH3BY) 2021-07-03T16:00Z 1.8M followers, 254.9K engagements "Bootstrap [--] Crash Course Bootstrap is one of the most widely used CSS frameworks but it can be quite complex to learn since there are so many features in Bootstrap. In this video I will be breaking down everything you need to know about Bootstrap by covering the entire grid system [--] popular components and [--] categories of utility classes. 📚 Materials/References: Breakpoint CSS: https://gist.github.com/WebDevSimplified/d7deffbd6631834003ad07ca60aaf906 Bootstrap Getting Started Documentation: https://getbootstrap.com/docs 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:" [YouTube Link](https://youtube.com/watch?v=Jyvffr3aCp0) 2022-08-20T16:00Z 1.8M followers, 610.9K engagements "Asynchronous Vs Synchronous Programming Asynchronous code can be incredibly confusing and frustrating for anyone learning programming. In this video I will explain what asynchronous and synchronous code talk about their differences through the use of multiple examples. Twitter: https://twitter.com/DevSimplified GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #JavaScript #WebDevelopment #Programming webdevsimplified async vs sync async vs sync javascript async vs sync tutorial async vs sync programming async vs sync exaplained asynchronous vs" [YouTube Link](https://youtube.com/watch?v=Kpn2ajSa92c) 2018-12-27T15:00Z 1.8M followers, 316.1K engagements "Learn Tanstack Start In [--] Minutes Tanstack Start is a new meta framework that aims to solve many of the annoying problems with Next.js. In this video I will be showing you how to create a complete fullstack project using Tanstack Start and explaining how it compares to Next.js. By the end of this video you will know everything you need to know about Tanstack Start to build your own fullstack projects. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/tanstack-start-todo-list WDS Shadcn Registry: https://wds-shadcn-registry.netlify.app/ 🌎 Find Me Here: My Blog:" [YouTube Link](https://youtube.com/watch?v=KsHbs5RMVYU) 2025-11-25T17:00Z 1.8M followers, 98.1K engagements "Watching Tailwind Tutorials Is A Waste Of Time Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today I love Tailwind. It is one of (if not) my favorite ways to style applications. I do have one issue with Tailwind though and that is how people go about learning it. In order to truly learn and master Tailwind you do not need to actually learn much at all about Tailwind. Instead you need to master CSS since Tailwind is really just CSS with some slightly different names and a few extra features. 📚 Materials/References: Learn CSS Today Course:" [YouTube Link](https://youtube.com/watch?v=Ksn1tThNTjI) 2023-04-25T16:00Z 1.8M followers, 324.5K engagements "I Cannot Believe JavaScript Finally Added This New Array Method [--] More Amazing Array Methods: https://youtu.be/mSBnJvHtgD0 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=L6btUQ8mDZo) 2023-12-14T17:00Z 1.8M followers, 522.7K engagements "Is This The Best New UI Library 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=LXSuJgaVlfw) 2023-07-13T16:00Z 1.8M followers, 319.6K engagements "Learn React Portal In [--] Minutes By Building A Modal 🚨 IMPORTANT: Full React Course: https://courses.webdevsimplified.com/learn-react-today React is a complex library to use and the fact that everything is nested inside a component can make certain tasks much more difficult. One of those tasks is rendering popups and modals. It doesn't make sense for them to be rendered inside a component but you need to access them inside a component. This would lead to a impossible problem to solve but React thought of this for you. Portals are a way for you to render an element somewhere else while still" [YouTube Link](https://youtube.com/watch?v=LyLa7dU5tp8) 2020-08-08T16:00Z 1.8M followers, 269.4K engagements "React [--] useTransition Hook Crash Course FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified React [--] recently had its official non-beta release and with it came multiple new React hooks. Of those hooks the one I am most excited for is theuseTransition hook. This hook helps increase the performance of your applications increase the responsiveness of your application to users and overall just make your application better. This video is all about how this new hook works. 📚 Materials/References: FREE React Hooks Course:" [YouTube Link](https://youtube.com/watch?v=N5R6NL3UE7I) 2022-05-14T16:00Z 1.8M followers, 185.2K engagements "Learn useState In [--] Minutes - React Hooks Explained 🚨 IMPORTANT: Full React Course: https://courses.webdevsimplified.com/learn-react-today In this video I cover everything you need to know about the useState hook. I also go over the basics of hooks as well so you can start using hooks in your own projects. This is the beginning of a series of React videos where I cover all the important hooks in React. Skip Past General Hook Details: 4:22 📚 Materials/References: useState Blog Article: https://blog.webdevsimplified.com/2020-04/use-state React Hooks Playlist:" [YouTube Link](https://youtube.com/watch?v=O6P86uwfdR0) 2020-05-05T16:00Z 1.8M followers, 1.4M engagements "Must Have Tailwind Plugin For Responsive 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 #Shorts webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=PHXdLe2f9rs) 2024-09-12T16:00Z 1.8M followers, 285.1K engagements "8 Must Know JavaScript Array Methods Working with arrays in JavaScript used to be a pain with barely any support for complex array operations. Fast forward to today though and there are tons of amazing JavaScript array methods available to us. In this video I will be covering the [--] most important array methods in JavaScript. Timestamps 0:00 - Introduction 0:20 - filter 1:58 - map 2:54 - find 3:42 - forEach 4:30 - some 5:50 - every 6:27 - reduce 8:51 - includes Twitter: https://twitter.com/DevSimplified GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified" [YouTube Link](https://youtube.com/watch?v=R8rmfD9Y5-c) 2019-02-02T13:00Z 1.8M followers, 1.2M engagements "Learn Prisma In [--] Minutes Prisma is an incredibly popular ORM and for good reason. It is feature rich type safe and built on modern JavaScript concepts. The only downside is it is quite complicated to learn at first which is where this video comes in. I will be teaching you everything you need to know to get up and running with Prisma in just [--] minutes. Thank you Prisma for providing professional captions for this video 📚 Materials/References: How To Install Node.js Video: https://youtu.be/VShtPwEkDD0 Prisma Documentation: https://www.prisma.io/docs/getting-started Async/Await Video:" [YouTube Link](https://youtube.com/watch?v=RebA5J-rlwg) 2022-07-05T16:00Z 1.8M followers, 538.3K engagements "Learn React With This One Project React Simplified Course: https://reactsimplified.com Learning React is hard. There are so many concepts to learn and mindsets shifts that you need to do. That is why in this video I will be breaking down all the most important concepts you need to understand in React. 📚 Materials/References: React Simplified Course: https://reactsimplified.com GitHub Code: https://github.com/WebDevSimplified/react-todo-list FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified ES6 Modules Video: https://youtu.be/cRHQNNcYf6s ES6" [YouTube Link](https://youtube.com/watch?v=Rh3tobg7hEo) 2023-04-08T16:00Z 1.8M followers, 1M engagements "How To Debug In VSCode In [--] Minute Full Video: https://youtu.be/l8pe_MSX4Lc 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=SKCaiDq7QnA) 2024-07-04T16:00Z 1.8M followers, 174.1K engagements "How To Build A URL Shortener With Node.js Express and MongoDB 🚨 IMPORTANT: [--] Year Free Hosting: https://www.atlantic.net/webdevsimplified Use code KYLE for an additional $50 I finally did another backend video. In this video we will be covering every step needed in order to build a url shortener fro scratch. We will do this using Node.js Express and MongoDB. I really hope you enjoy this video and if you want more backend videos like this let me know in the comments. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/url-shortener How To Install Node.js:" [YouTube Link](https://youtube.com/watch?v=SLpUKAGnm-g) 2020-02-25T17:00Z 1.8M followers, 206.5K engagements "Why Signals Are Better Than React Hooks Hooks in React are tricky to use correctly and even harder to use in a performant way. This has left many applications with poor code quality and bad performance but that doesnt have to be the case anymore. Signals is a technique that has been around for decades but only recently has made its way to React and it makes creating performant clean code in React much easier. In this video I explain exactly how signals work and why they are so great. 📚 Materials/References: Preact Signals Library: https://preactjs.com/blog/introducing-signals/ 🌎 Find Me" [YouTube Link](https://youtube.com/watch?v=SO8lBVWF2Y8) 2023-10-31T16:00Z 1.8M followers, 561.5K engagements "Everyone Is Missing What Makes NEW Shadcn Update Amazing This new Shadcn update brings some really exciting changes and also some over hyped features. In this video I want to talk about what this new update actually does what makes it important and what I think can be improved. 📚 Materials/References: Web Dev Simplified Registry: https://wds-shadcn-registry.netlify.app/ 🌎 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:" [YouTube Link](https://youtube.com/watch?v=SQTij8_Kwl4) 2025-12-23T17:00Z 1.8M followers, 20.2K engagements "Learn Express JS In [--] Minutes ExpressJS is the most popular Node.js web server framework and is the basis of thousands of sites. In this video I will be breaking down every important aspect of Express for you so you can truly master ExpressJS. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/express-crash-course Node.js Install Tutorial: https://youtu.be/VShtPwEkDD0 HTTP Status Code Video: https://youtu.be/wJa5CTIFj7U Middleware Video: https://youtu.be/lY6icfhap2o Middleware Article: https://blog.webdevsimplified.com/2019-12/express-middleware-in-depth 🌎 Find Me" [YouTube Link](https://youtube.com/watch?v=SccSCuHhOw0) 2021-08-31T16:00Z 1.8M followers, 1.1M engagements "Top [--] Advanced CSS Responsive Design Concepts You Should Know Responsive design in CSS is difficult to do well especially if you only ever use media queries. In this video I share my top [--] responsive design tips that go beyond just using simple media queries. 📚 Materials/References: PostCSS Video: https://youtu.be/Kn2SKUOaoT4 CSS Grid Video: https://youtu.be/9zBsdzdE4sM Viewport Units Video: https://youtu.be/5m6JOJLy5B0 Viewport Units Article: https://blog.webdevsimplified.com/2022-08/css-viewport-units 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:" [YouTube Link](https://youtube.com/watch?v=TUD1AWZVgQ8) 2022-12-31T17:00Z 1.8M followers, 600K engagements "Junior vs Senior React Folder Structure - How To Organize React Projects FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified React is an unopinionated framework but with that freedom comes the difficulty of choosing how you want to structure your project. This is something many React developers of all skill levels struggle with so today I want to show you [--] different ways to lay out React projects of various sizes and complexities. 📚 Materials/References: FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified GitHub Code:" [YouTube Link](https://youtube.com/watch?v=UUga4-z7b6s) 2022-07-12T16:00Z 1.8M followers, 559.9K engagements "Stop Writing React Code Like This React Simplified Course: https://reactsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-Ubbb1RK7iFs Next.js Simplified Course: https://reactsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-Ubbb1RK7iFs#next-js-course The brand new React Activity component is not only an easy way to conditionally render elements but it can also be used as a powerful performance tool in the right situations. 📚 Materials/References: React Simplified Course:" [YouTube Link](https://youtube.com/watch?v=Ubbb1RK7iFs) 2025-12-02T19:03Z 1.8M followers, 115.4K engagements "Learn React Router v6 In [--] Minutes FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified Nearly every app in React needs to handle routing and by far the most popular library for handling routing is React Router. In this video I will break down everything you need to know about React Router v6 so you can master routing in your next project. 📚 Materials/References: FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified React Router Blog Article: https://blog.webdevsimplified.com/2022-07/react-router 🌎 Find Me Here: My Blog:" [YouTube Link](https://youtube.com/watch?v=Ul3y1LXxzdU) 2022-08-02T16:00Z 1.8M followers, 629.9K engagements "Learn Emmet In [--] Minutes - Double Your HTML Coding Speed 🚨 IMPORTANT: [--] Year Free Hosting: https://www.atlantic.net/webdevsimplified Use code KYLE for an additional $50 Emmet is an incredibly powerful tool that allows me to write HTML and CSS at least twice as fast as I could before. Emmet is full of snippets for HTML and CSS which allow you to write a small line of code that will generate a bunch of HTML or CSS based on the Emmet code you wrote. It is built into VSCode and is something that you have most likely used without even realizing it. In this video I go in depth into how you can" [YouTube Link](https://youtube.com/watch?v=V8vizNQKtx0) 2020-01-25T17:00Z 1.8M followers, 272.8K engagements "Your First Node.js Web Server In this video I am going to walk you through all the steps necessary to create your very first Node.js web server. We will start at the very beginning with installing Node.js and end with a fully functioning basic web server that serves HTML documents. Download Node.js: https://nodejs.org/en/ More Node.js Tutorials: https://www.youtube.com/watchv=VShtPwEkDD0&list=PLZlA0Gpn_vH_uZs4vJMIhcinABSTUH2bY Twitter: https://twitter.com/DevSimplified GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #Nodejs #WebDevelopment #WebServer" [YouTube Link](https://youtube.com/watch?v=VShtPwEkDD0) 2018-12-06T15:13Z 1.8M followers, 624.1K engagements "JavaScript Async Await One of the hardest things about writing good JavaScript is dealing with heavily nested asynchronous code. Promises were created to solve the problem with callback hell but there are still plenty of nested problems related to promises. This is where async/await comes in. JavaScript added async/await to allows developers to write asynchronous code in a way that looks and feels synchronous. This helps to remove many of the problems with nesting that promises have and as a bonus can make asynchronous code much easier to read and write. In this video I am going to explain" [YouTube Link](https://youtube.com/watch?v=V_Kr9OSfDeU) 2019-02-09T13:00Z 1.8M followers, 880.5K engagements "Master Senior Level Authentication In [--] Hours Try Arcjet: https://launch.arcjet.com/zOeeAGL Try Postmark: https://postmarkapp.com/lp/web-dev-simplified Get 20% off Postmark with code WEBDEVSIMPLIFIED (First [--] months) Pretty much every site needs authentication. At first it may seem easy to implement but as you start to add more advanced features it quickly gets out of hand. In this massive crash course on Better Auth I will be showing you everything you need to know to set up advanced authentication that includes email/password password reset email verification OAuth 2FA passkeys session" [YouTube Link](https://youtube.com/watch?v=WPiqNDapQrk) 2025-09-30T16:00Z 1.8M followers, 83.5K engagements "Stop Using Create React App Sorry about the bad audio quality. My computer changed my mic to use my webcam mic instead of my actual microphone. 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=Xrgddey8jcA) 2022-11-03T16:00Z 1.8M followers, 705.1K engagements "Every React Dev Needs To Know This About AbortController Full Video: https://youtu.be/BeZfiCPhZbI 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=Z09xJq5iA0c) 2025-03-13T16:00Z 1.8M followers, 123.2K engagements "Learn Socket.io In [--] Minutes Socket.io is an amazing library for client/server communication but it can be a bit confusing to get started with. In this video I will be showing you every features in socket.io so you can start using it with confidence. 📚 Materials/References: CORS Video: https://youtu.be/PNtFSVU-YTI CORS Blog Article: https://blog.webdevsimplified.com/2021-05/cors 🌎 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:" [YouTube Link](https://youtube.com/watch?v=ZKEqqIO7n-k) 2021-05-29T16:00Z 1.8M followers, 608.5K engagements "The Ultimate MCP Crash Course - Build From Scratch Get 25% off Frontend Masters: https://frontendmasters.com/code=webdevsimplified&utm_campaign=mcpcrashcourse MCP servers/clients are incredibly popular and only going to increase in popularity as AI agents become more powerful and prevalent. In this video I will explain in depth what MCP is how it works and show you not only how to build your own MCP server but also how you can build your own client as well. This is the most in depth MCP video available. 📚 Materials/References: Get 25% off Frontend Masters:" [YouTube Link](https://youtube.com/watch?v=ZoZxQwp1PiM) 2025-07-15T16:01Z 1.8M followers, 245.6K engagements "The Only Markdown Crash Course You Will Ever Need FREE Markdown Cheat Sheet: https://webdevsimplified.com/markdown-cheat-sheet.html Markdown is one of the most important text editing languages you can learn. It is used everywhere like blogs comment systems documentation and so much more. In this video I will teach you everything you need to know about Markdown so you can become a Markdown expert. 📚 Materials/References: FREE Markdown Cheat Sheet: https://webdevsimplified.com/markdown-cheat-sheet.html Markdown Blog Article: https://blog.webdevsimplified.com/2023-06/markdown-crash-course" [YouTube Link](https://youtube.com/watch?v=_PPWWRV6gbA) 2023-07-04T16:00Z 1.8M followers, 196.2K engagements "Stop Using In TypeScript 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=_e4m4DjnBCE) 2023-08-17T16:00Z 1.8M followers, 778.6K engagements "If You Code with AI You Need to Follow this [--] Step Process With the power of AI we can write code faster than ever but that means we also need to spend more time reviewing code. In this video I will show you my proven [--] step process for reviewing code which not only works on your colleagues code but is also just as effective for reviewing AI generated code. 📚 Materials/References: AI Interview Project Video: https://youtu.be/xrrtYNr7ZEw 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon:" [YouTube Link](https://youtube.com/watch?v=aAppWoTlw74) 2025-11-18T18:27Z 1.8M followers, 14.8K engagements "Stop Writing Your ID Types Like This Branded types are a niche TypeScript feature that dont make much sense in small projects but as soon as your project grows in size or complexity they are a must have. In this video I explain everything you need to know about branded types as well as how to integrate them with Drizzle and Zod. 📚 Materials/References: Data Access Layer Video: https://youtu.be/Av7KqJVLiYc 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter:" [YouTube Link](https://youtube.com/watch?v=aP6w2OzidYM) 2025-12-09T18:13Z 1.8M followers, 38.9K engagements "I Love the NEW CSS Functions FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html(https://webdevsimplified.com/specificity-cheat-sheet.html) CSS has received dozens of monumental updates in the last few years and this new CSS functions update might be one of the most impactful updates of all. In this video I will show you how to use this new function syntax from the basics all the way to advanced features while also showing you how this can be used for real world code. 📚 Materials/References: FREE CSS Selector Cheat Sheet:" [YouTube Link](https://youtube.com/watch?v=bP8mrNdR-hs) 2025-12-30T17:01Z 1.8M followers, 31.2K engagements "Learn Advanced TypeScript In [--] Minutes (infer extends ternaries) TypeScript is a daunting language to learn (especially when diving into the more complex features) which is why in this video I will be teaching you everything you need to know about advanced TypeScript features such as extends infer string template literals ternaries and more. This is the ultimate crash course in advanced TypeScript and will teach you everything you need to know to master complex TypeScript. 📚 Materials/References: TypeScript Simplified Course:" [YouTube Link](https://youtube.com/watch?v=bnTAOB3P6nM) 2025-06-03T16:00Z 1.8M followers, 68.1K engagements "Is Drizzle Really Better Than Prisma Prisma has been one of the most popular TypeScript first database ORMs for the last few years but recently Drizzle has grown in popularity due to its customization speed and ease of use. In this video I will compare everything about Prisma and Drizzle so you will know once and for all which database ORM is best for your project. 📚 Materials/References: Prisma Crash Course Video: https://youtu.be/RebA5J-rlwg Drizzle Crash Course Video: Coming Soon 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com" [YouTube Link](https://youtube.com/watch?v=cTu9-C2rd-0) 2024-03-12T16:00Z 1.8M followers, 121.6K engagements "Learn Debounce And Throttle In [--] Minutes Debounce and throttle are two easy techniques to implement that will drastically increase the performance of any site that has heavy API usage. In this video I show you how to implement both techniques compare the pros/cons of each and give real world examples of when to use each technique. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/debounce-throttle-js Debounce Blog Article: https://blog.webdevsimplified.com/2022-03/debounce-vs-throttle 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:" [YouTube Link](https://youtube.com/watch?v=cjIswDCKgu0) 2022-04-02T16:00Z 1.8M followers, 240.1K engagements "Learn Fetch API In [--] Minutes Accessing data from an API is one of the most common things you will do in web development and the way to access APIs is with fetch. Fetch is function built into JavaScript that allows you to query any URL/API to get back data. The most important part is that fetch is asynchronous so it will run in the background and let you know when it finishes using promises. In this video I will show you exactly how to use fetch and all of the common mistakes people make using fetch so you can get up and running in just six minutes. 📚 Materials/References: Fetch Article:" [YouTube Link](https://youtube.com/watch?v=cuEtnrL9-H0) 2019-10-15T16:00Z 1.8M followers, 1.4M engagements "Liskov Substitution Principle Explained - SOLID Design Principles 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 Liskov substitution principle. This principle is part of the SOLID design principles and is in my opinion the most important rule of SOLID for object oriented programming. The main idea of the Liskov substitution principle is that any function/module that interacts with a class should also be able to interact with all" [YouTube Link](https://youtube.com/watch?v=dJQMqNOC4Pc) 2019-12-24T17:00Z 1.8M followers, 154.4K engagements "Will I Survive These Advanced TypeScript Challenges FREE TypeScript Utility Types Cheat Sheet: https://webdevsimplified.com/ts-utility-types-cheat-sheet.html Using TypeScript is relatively easy but writing complex TypeScript types is incredibly difficult. In this video I will be challenging myself with [--] different levels of TypeScript challenge (easy medium and hard) to see if I can conquer these ever increasingly difficult TypeScript problems. 📚 Materials/References: FREE TypeScript Utility Types Cheat Sheet: https://webdevsimplified.com/ts-utility-types-cheat-sheet.html 🌎 Find Me Here: My" [YouTube Link](https://youtube.com/watch?v=dyiVsjLTFv0) 2025-10-14T16:01Z 1.8M followers, 23.3K engagements "Learn HTML Forms In [--] Minutes Data is key to the web and the only way to collect data is HTML forms. In this video I will be covering absolutely everything you need to know about HTML forms in under [--] minutes. We will cover the main attributes of the form tag how to create input elements with labels and how to properly submit a form. This video is packed with every piece of information you need to know about HTML forms. We will start by building a registration form with basic input fields and expand upon the example covering all form elements. We will discuss everything from text input to" [YouTube Link](https://youtube.com/watch?v=fNcJuPIZ2WE) 2019-06-08T16:00Z 1.8M followers, 1.1M engagements "Build A REST API With Node.js Express & MongoDB - Quick In this video you will be building a fully functional REST API in under [--] minutes. You will learn how to setup a Node.js server with Express how to connect that server to MongoDB through Mongoose and how to setup a REST API with MongoDB and Node.js. This video is for any skill level and will cover all topics from the most basic server setup to more advanced API features. By the end of this video you will have all the skills needed to expand upon this API and make it your own. If you want to dive further into Node.js and MongoDB checkout" [YouTube Link](https://youtube.com/watch?v=fgTGADljAeg) 2019-05-14T14:00Z 1.8M followers, 942.2K engagements "Stop Making this Massive Authorization Mistake Every app needs to handle authorization (aka permission) but doing so in an easy to extend and clean way is very hard. In this video I will show you how to build an incredibly robust permission system that hooks into your data access layer and UI by using CASL as the backbone of our permission system. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/casl-crash-course Better Auth Crash Course Video: https://youtu.be/WPiqNDapQrk Data Access Layer Video: https://youtu.be/Av7KqJVLiYc 🌎 Find Me Here: My Blog:" [YouTube Link](https://youtube.com/watch?v=gL3BJ8_5Jz8) 2025-11-04T17:01Z 1.8M followers, 26.3K engagements "I Will Never Use Shadcn Form Components Again Shadcns new Field component replaces the old Form component but it is quite a bit different. In this video I will show you how all the new Field components work and more importantly I will show you how to create a clean reusable set of form components using React Hook Form and TanStack Form. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/shadcn-field-component 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified" [YouTube Link](https://youtube.com/watch?v=gjrXeqgxbas) 2025-10-21T16:01Z 1.8M followers, 59.6K engagements "JavaScript ES6 Arrow Functions Tutorial ES6 added many amazing new features to JavaScript but by far one of the best features is arrow functions. Arrow functions not only make code much more concise and legible but it also handles the scope of this in a much more intuitive way. Arrow Functions Article: https://blog.webdevsimplified.com/2020-09/arrow-functions Twitter: https://twitter.com/DevSimplified GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #ES6 #ArrowFunctions #ModernJavaScript webdevsimplified javascript es6 javascript es6 tutorial javascript" [YouTube Link](https://youtube.com/watch?v=h33Srr5J9nY) 2019-01-03T15:00Z 1.8M followers, 917.2K engagements "How To Load Images Like A Pro Lazy Load Images Article: https://blog.webdevsimplified.com/2023-05/lazy-load-images Images are the largest asset for most sites and the biggest cause for unresponsive laggy sites. In this video I will show you how to use lazy loading to not only drastically speed up your applications but to also increase the polish and quality of your site. 📚 Materials/References: Lazy Load Images Article: https://blog.webdevsimplified.com/2023-05/lazy-load-images Responsive Images Video: https://youtu.be/fp9eVtkQ4EA Responsive Images Article:" [YouTube Link](https://youtube.com/watch?v=hJ7Rg1821Q0) 2023-06-06T16:00Z 1.8M followers, 444K engagements "Learn JSON in [--] Minutes In this video we will cover everything you need to know about JSON in only [--] minutes. We will cover what JSON is why JSON is important what JSON is used for the syntax of JSON and multiple examples of JSON. JSON is the most popular data representation format and is one of the most important and easiest concepts you can learn in programming. It allows you to create APIs config files and structured data. We will be covering all of the terminology and going through live examples of all the different JSON types. Learn X in Y Minutes Playlist: http://bit.ly/2RscdMZ" [YouTube Link](https://youtube.com/watch?v=iiADhChRriM) 2018-11-01T20:30Z 1.8M followers, 3.8M engagements "Build A Calculator With JavaScript Tutorial Projects are the best way to learn JavaScript and a calculator is one of the best projects to choose. A calculator covers all the complex interactions with UI and JavaScript while still being simple enough for people of any skill level. In this video I will walk you through the steps it takes to build a completely modern calculator using JavaScript best practices. If you want to learn JavaScript or improve your JavaScript skill this is a must do project. 📚 Materials: Code: https://github.com/WebDevSimplified/Vanilla-JavaScript-Calculator 🧠" [YouTube Link](https://youtube.com/watch?v=j59qQ7YWLxw) 2019-04-16T14:00Z 1.8M followers, 1.7M engagements "How To Build Your First TypeScript Project - TODO List Application It is finally time that I create a full TypeScript project. In this video I show you how to create an entire TODO list application in TypeScript. I also show you how to get started with TypeScript in both a basic and advanced way. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/typescript-todo-list Node Download Video: https://youtu.be/VShtPwEkDD0 Optional Chaining Video: https://youtu.be/v2tJ3nzXh8It=379 Optional Chaining Article: https://blog.webdevsimplified.com/2020-03/javascript-optional-chaining" [YouTube Link](https://youtube.com/watch?v=jBmrduvKl5w) 2022-04-23T16:00Z 1.8M followers, 318K engagements "You Should Be Using Types Instead Of Interfaces In TypeScript Full Video: https://youtu.be/oiFo2z8ILNo 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=jJGzYdS4ZfY) 2023-12-21T17:00Z 1.8M followers, 78.4K engagements "Redis Crash Course Redis is the most popular caching tool. It can be used with pretty much any programming language and provides incredibly versatile and quick caching. Redis powers a huge portion of the web so it is important to understand how it works. In this video I will be covering Redis in depth from how to install it what commands you can use all the way to how to use it in a real world project. 📚 Materials/References: Windows Subsystem Linux: https://docs.microsoft.com/en-us/windows/wsl/install-win10 JavaScript Sets Video: https://youtu.be/yJDofSGTSPQt=752 JavaScript Sets Article:" [YouTube Link](https://youtube.com/watch?v=jgpVdJB2sKQ) 2021-06-29T16:00Z 1.8M followers, 809.8K engagements "Learn CSS Position In [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-position Chances are you have heard of relative and absolute position in CSS but did you know there are still three other positions In this video I will be covering all five CSS positions (static relative absolute fixed and sticky) by showing you examples of each position and comparing them with each other. This video may be short but I cover everything about each CSS position in this video so you" [YouTube Link](https://youtube.com/watch?v=jx5jmI0UlXU) 2019-04-30T14:00Z 1.8M followers, 2.2M engagements "How To Debug React Apps Like A Senior Developer React Simplified Course: https://reactsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-l8knG0BPr-o Debugging React apps can be a difficult process if you dont have the right tools. That is why in this video I will show you what tools you need to debug React apps like a professional and also how to properly use those tools like a senior developer. 📚 Materials/References: React Simplified Course: https://reactsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-l8knG0BPr-o Next.js" [YouTube Link](https://youtube.com/watch?v=l8knG0BPr-o) 2024-07-20T16:00Z 1.8M followers, 326.8K engagements "React Query Makes Writing React Code 200% Better I absolutely love React Query also known as TanStack Query. This library singlehandedly makes working in React so much nicer and I cant imagine creating a large scale project without it. In this video I will show you what React Query is what it can do and demo all of that in an application. 📚 Materials/References: React Query Crash Course: https://youtu.be/r8Dg0KVnfMA 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter:" [YouTube Link](https://youtube.com/watch?v=lVLz_ASqAio) 2023-01-10T17:00Z 1.8M followers, 242.7K engagements "Learn Express Middleware In [--] Minutes 🚨 IMPORTANT: [--] Year Free Hosting: https://www.atlantic.net/webdevsimplified Use code KYLE for an additional $50 Whether you know it or not you have written middleware if you have done any work with express. Middleware is simply any function that occurs between the time the server receives a request and the time a server sends a response. Understanding exactly how to use middleware effectively though can be challenging which is why in this video I cover everything you need to know about middleware in express. I even cover the most common problems I see" [YouTube Link](https://youtube.com/watch?v=lY6icfhap2o) 2020-03-28T16:00Z 1.8M followers, 467.8K engagements "Add Beautiful Blurry Image Loading With [--] Lines of Code Full Video: https://youtu.be/hJ7Rg1821Q0 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=m_QzKQAwNQw) 2025-09-26T21:26Z 1.8M followers, 56.9K engagements "JWT Authentication Tutorial - Node.js JSON web tokens are one of the more popular ways to secure applications especially in micro-services but JWT is much more complex than a simple session based user authentication. In this video I will be breaking down exactly how to set up authentication with JWT and how to ensure the authentication is secure. I will also be showing how to setup refresh tokens with JWT so that your application is even more resilient and secure. Lastly I will show how to invalidate refresh tokens which is the ultimate last step in securing an application. 📚" [YouTube Link](https://youtube.com/watch?v=mbsmsi7l3r4) 2019-09-21T16:00Z 1.8M followers, 1.2M engagements "Every Project Needs This NEW Tanstack Library Tanstack has been releasing tons of libraries in the last year and the newest Pacer library is yet another incredible library that I will use in nearly every project I work on. In this video I cover what this library is how to use it and talk about why you need this library in all your projects. 📚 Materials/References: Tanstack Pacer Docs: https://tanstack.com/pacer/latest/docs/overview Tanstack Start Video: https://youtu.be/KsHbs5RMVYU Tanstack AI Video: https://youtu.be/quoNVa88XfE 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My" [YouTube Link](https://youtube.com/watch?v=nQrUeK0n1qw) 2026-01-06T17:01Z 1.8M followers, 58.1K engagements "How To Prevent The Most Common Cross Site Scripting Attack Cross site scripting is one of the most common ways that a hacker will attempt to infiltrate a website. There are many different forms of cross site scripting but the most common cause of cross site scripting is using the JavaScript method innerHTML with user input. Any form of user input must be escaped before being used with innerHTML and any use of innerHTML should be thoroughly thought out to ensure no user input can make it through without being sanitized. It is such an easy mistake to make but luckily the fix is also just as" [YouTube Link](https://youtube.com/watch?v=ns1LX6mEvyM) 2018-10-11T20:30Z 1.8M followers, 283.4K engagements "MongoDB Crash Course MongoDB Cheat Sheet: https://webdevsimplified.com/mongodb-cheat-sheet.html MongoDB is a complex NoSQL database with a ton of commands and intricacies. In this video I will be breaking down all the most important commands and showing you that MongoDB is actually a lot simpler to get started with than it looks. This video will cover all the Create Read Update and Delete commands that you need to know. 📚 Materials/References: MongoDB Cheat Sheet: https://webdevsimplified.com/mongodb-cheat-sheet.html MongoDB Install: https://docs.mongodb.com/manual/installation/ Mongosh" [YouTube Link](https://youtube.com/watch?v=ofme2o29ngU) 2021-09-28T16:00Z 1.8M followers, 888.2K engagements "I Cannot Believe TypeScript Recommends You Do This TypeScript Simplified: https://courses.webdevsimplified.com/typescript-simplified/utm_source=youtube&utm_medium=video-description&utm_term=video-id-oiFo2z8ILNo The TypeScript documentation is definitely not as good as it could be but one thing that blows my mind is their recommendation of using interfaces over types. Types are more powerful in nearly every way which is why I love them and in this video I explain all the differences between types and interfaces and why you should probably be using types. 📚 Materials/References: TypeScript" [YouTube Link](https://youtube.com/watch?v=oiFo2z8ILNo) 2023-11-28T17:00Z 1.8M followers, 212.5K engagements "How To Handle Errors Like A Senior Dev Error handling is something that is often overlooked in apps which is usually the sign of a junior developer. In this video I will show you how to properly handle errors in a typesafe way that makes working with your code so much easier. 📚 Materials/References: Discriminating Unions Video: https://youtu.be/xsfdypZCLQ8(https://youtu.be/xsfdypZCLQ8) Satisfies Keyword Video: https://youtu.be/Xm_VGeTpS2Q(https://youtu.be/Xm_VGeTpS2Q) Senior Dev Permissions Video: https://youtu.be/5GG-VUvruzE(https://youtu.be/5GG-VUvruzE) 🌎 Find Me Here: My Blog:" [YouTube Link](https://youtube.com/watch?v=ovnyeq-Xxrc) 2026-02-03T17:53Z 1.8M followers, 54.8K engagements "WTF Do These Even Mean React Simplified Course: https://reactsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-p02AIAoImzU There are so many acronyms when dealing with rendering and they all sound so similar. It is tough to know what each acronym means and which is the best option for you. That is why in this video I will be breaking down exactly what each acronym is the pros/cons of each and what applications they are best used for. 📚 Materials/References: React Simplified Course:" [YouTube Link](https://youtube.com/watch?v=p02AIAoImzU) 2023-11-21T17:00Z 1.8M followers, 151.7K engagements "Learn SQL In [--] Minutes In this video we will cover everything you need to know about SQL in only [--] minutes. We will cover what SQL is why SQL is important what SQL is used for the syntax of SQL and multiple examples of SQL. SQL is the standard language for interacting with and manipulating data in a relational database system and is one of the most important concepts you can learn in programming. It allows you to create read update and delete data which is something nearly every application will need to do. IMPORTANT: Exercises Worksheet Repository:" [YouTube Link](https://youtube.com/watch?v=p3qvj9hO_Bo) 2018-11-17T19:44Z 1.8M followers, 2.4M engagements "What Is MCP Explained In [--] Minutes Full Video: https://youtu.be/ZoZxQwp1PiM 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=qcDpJ2ptlMs) 2025-07-31T16:01Z 1.8M followers, 28.2K engagements "NEW Tanstack AI Library is Amazing Creating apps that utilize AI is almost a necessity at this point and the brand new Tanstack AI library makes this process so much smoother. This library takes all the best parts of the Vercel AI SDK and creates its own typesafe spin on it that is a joy to work with. In this video I cover what Tanstack AI is and also how you can start using it in your projects. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/tanstack-ai-example 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:" [YouTube Link](https://youtube.com/watch?v=quoNVa88XfE) 2025-12-16T17:01Z 1.8M followers, 33K engagements "How To Create ENV Variables In React 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=r92aHr752Bg) 2023-04-20T16:00Z 1.8M followers, 179.4K engagements "Most Developers Are Using AI Wrong AI has changed the way we create apps but I find most developers arent using AI properly. In this video I will be going over [--] big tips that will make you significantly more productive with AI and help you avoid the biggest downsides of AI. 🌎 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:" [YouTube Link](https://youtube.com/watch?v=rGyGavlg6i4) 2025-09-23T16:01Z 1.8M followers, 49.4K engagements "Learn CSS Box Model In [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-box-model In this video I will be explaining the most important concept of CSS. The box model. Everything in CSS is made of boxes so it is crucial to understand how the CSS box model works. In this video I will use examples to explain and show how the box model works on CSS elements and by the end of this video you will have a complete understanding of the CSS box model. Box Model Article:" [YouTube Link](https://youtube.com/watch?v=rIO5326FgPE) 2019-03-16T12:00Z 1.8M followers, 739K engagements "CSS Solves So Many Height Problems 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=rn2VGlGpGU0) 2025-10-02T16:01Z 1.8M followers, 52.1K engagements "Once You Realize This You Will Never Struggle With Callbacks Again In Depth Explanation: https://youtu.be/7UMuJMiNjSk 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=tlUoKHCnUtQ) 2022-03-17T16:00Z 1.8M followers, 402.2K engagements "Node Just Released This Amazing Feature 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=vUCbjDvv7tQ) 2023-11-02T16:00Z 1.8M followers, 154.7K engagements "This Unknown TypeScript Feature is a Must Have for Large Projects Full Video: https://youtu.be/aP6w2OzidYM 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=wEet5Gkn1Qg) 2026-01-01T17:01Z 1.8M followers, 88.3K engagements "I Will Never Use Prettier or ESLint Again Biome is a tool that aims to replace Prettier ESLint and any other formatting/linting tools. It is an all in one tool that does all the linting and formatting for your entire application and best of all it is incredibly easy to setup and use. In this video I will walk you through everything you need to know about Biome to get it set up and configured to your preferences. 📚 Materials/References: MCP Video: https://youtu.be/ZoZxQwp1PiM Semantic Versioning Video: https://youtube.com/shorts/6hz4edk5uh0 Semantic Versioning Article:" [YouTube Link](https://youtube.com/watch?v=x5kwmIaPty8) 2025-10-07T16:01Z 1.8M followers, 130.9K engagements "How to Build the Ultimate AI SaaS Project - AI Interviews Resume Reviews Technical Questions Try Clerk: https://go.clerk.com/OjALn70 Try ArcJet: https://launch.arcjet.com/fqxiwiK AI is incredibly powerful as a tool for coding and for using in projects. In this video I will not only show you how to build the most robust AI powered job preparation platform on YouTube but I will also show you how you can utilize AI in your own coding to supercharge your development and ship better quality code faster. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/ai-powered-job-prep" [YouTube Link](https://youtube.com/watch?v=xrrtYNr7ZEw) 2025-08-19T16:35Z 1.8M followers, 42.4K engagements "Learn DOM Manipulation In [--] Minutes FREE JavaScript DOM Traversal Cheat Sheet: https://webdevsimplified.com/js-dom-traversal-cheat-sheet.html JavaScript Simplified Course: https://javascriptsimplified.com DOM manipulation is tough. There are lots of methods and techniques you need to master and it is not obvious which methods are best for each scenario. In this video I cover the [--] most important DOM manipulation methods that you need to know. 📚 Materials/References: FREE JavaScript DOM Traversal Cheat Sheet: https://webdevsimplified.com/js-dom-traversal-cheat-sheet.html DOM Traversal" [YouTube Link](https://youtube.com/watch?v=y17RuWkWdn8) 2020-12-08T18:52Z 1.8M followers, 1.2M engagements "Learn CSS Media Query In [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-media-query Responsive design is one of the most important parts of CSS in the modern web but it is often overlooked. In this video I will be covering CSS media queries which are the easiest and most common way to create a mobile responsive web site. I will be covering absolutely everything you need to know about media queries so you can start working with them immediately. 🧠Concepts Covered:" [YouTube Link](https://youtube.com/watch?v=yU7jJ3NbPdA) 2019-11-19T17:00Z 1.8M followers, 913.6K engagements "CSS corner-shape Is an Amazing NEW Property 🌎 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 webdevsimplified webdevsimplified" [YouTube Link](https://youtube.com/watch?v=yhZhucDNxq4) 2025-12-11T17:01Z 1.8M followers, 63K engagements "Next.js Authentication Master Class - No Libraries (Email/Password OAuth2 etc.) Try Clerk: https://go.clerk.com/wds-auth Building authentication from scratch is a daunting task which is why in this video I show you how to build a production ready authentication system with email/password OAuth2 cookies session management and so much more. This is the ultimate authentication crash course. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/custom-nextjs-authentication 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:" [YouTube Link](https://youtube.com/watch?v=yoiBv0K6_1U) 2025-02-25T17:01Z 1.8M followers, 113.5K engagements Limited data mode. Full metrics available with subscription: lunarcrush.com/pricing
@webdevsimplified Web Dev Simplified
Web Dev Simplified posts on YouTube about dev, javascript, how to, tutorial the most. They currently have [---------] followers and [---] posts still getting attention that total [------] engagements in the last [--] hours.
Engagements: [------] #
- [--] Week [-------] -26%
- [--] Month [-------] -25%
- [--] Months [---------] +11%
- [--] Year [----------] +27%
Mentions: [---] #
- [--] Week [---] +32%
- [--] Month [---] +12%
- [--] Months [---] +15%
- [--] Year [---] +112%
Followers: [---------] #
- [--] Week [---------] no change
- [--] Month [---------] +0.57%
- [--] Months [---------] +1.70%
- [--] Year [---------] +5.40%
CreatorRank: [-------] #
Social Influence
Social category influence stocks 3.19% technology brands 2.66% social networks 1.6%
Social topic influence dev #557, javascript #85, how to 30.32%, tutorial #4946, what is 9.57%, the most 7.45%, shorts 6.38%, build a 4.26%, if you 3.19%, ai 3.19%
Top accounts mentioned or mentioned by @thehiddenpast987 @jstemporalpolyfill @examplecom @githubcom @media @function @latest @hnasr @webdesignwalah30 @bootdotdev
Top assets mentioned Flex Ltd. Ordinary Shares (FLEX) Alphabet Inc Class A (GOOGL)
Top Social Posts
Top posts by engagements in the last [--] hours
"Reference Vs Value In JavaScript One of the most important topics in programming is pass by reference vs value. It is something that is incredibly confusing to follow and can lead to many bugs until you understand it. In this video I am going to make the learning process as quick and easy for you so you can spend your time coding instead of stuck debugging reference errors. In order to accomplish this we will be going over an in depth visual example of how values and references work in simple code before we jump into some live coding examples of reference and value passing. Reference Vs Value"
YouTube Link 2019-08-20T16:00Z 1.8M followers, 208.3K engagements
"Next.js Server Actions Change Everything About React I have been waiting [--] months for Next.js to announce how they plan to handle mutations and it is finally here with server actions. I am incredibly excited for this new feature and look forward to seeing how it shapes up over the coming months. 📚 Materials/References: Announcement Article: https://nextjs.org/blog/next-13-4 🌎 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:"
YouTube Link 2023-05-06T16:00Z 1.8M followers, 129.1K engagements
"This Tailwind Library Is A Game Changer 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2023-05-25T16:00Z 1.8M followers, 285.6K engagements
"Learn Switch Statements In [--] Minutes JavaScript Simplified Course: https://javascriptsimplified.com The switch statement is a really underutilized syntax that can drastically clean up specific long if else statements by making them easier to read and use. 📚 Materials/References: JavaScript Simplified Course: https://javascriptsimplified.com JavaScript Scope Video: https://youtu.be/TkFN6e9ZDMw JavaScript Scope Article: https://blog.webdevsimplified.com/2022-10/js-scoping 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon:"
YouTube Link 2023-02-21T17:00Z 1.8M followers, 58.5K engagements
"Stop Writing So Many Tests Testing is hard and knowing what to test is even harder. In this video I talk about the [--] different types of tests and how they compare to one another. I also talk about why end to end tests are so great and why writing less tests can make your test coverage better. 📚 Materials/References: Pure Functions Video: https://youtu.be/fYbhD_KMCOg Pure Functions Article: https://blog.webdevsimplified.com/2020-09/pure-functions Jest Video: https://youtu.be/FgnxcUQ5vho 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:"
YouTube Link 2022-11-12T17:00Z 1.8M followers, 117.1K engagements
"Build Tabs Using HTML/CSS In Only [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-tabs Tabs are one of the most common forms of navigation on a website but they can be tricky to implement correctly. In this video I will show you exactly how to create tabs using HTML CSS and JavaScript as quickly as possible. We will cover how to switch tabs when clicked how to indicate which tab is selected and much more. I will also be explaining every line of code as I write it so"
YouTube Link 2019-07-23T16:00Z 1.8M followers, 129.2K engagements
"Stop Using jQuery - How To Create Your Own jQuery Clone For the months of May and June get your very own .TECH Domain and help children get their start in computer science https://go.tech/webdev jQuery is a huge library with hundreds of features but most of them are incredibly easy to implement in JavaScript. To prove that I will be showing you how to build your very own jQuery clone in this video. 📚 Materials/References: JavaScript Simplified Course: https://javascriptsimplified.com GitHub Code: https://github.com/WebDevSimplified/jquery-clone Brad Traversy's Project Tutorial:"
YouTube Link 2021-05-25T16:00Z 1.8M followers, 52.2K engagements
"Any vs Unknown In TypeScript 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2023-04-27T16:00Z 1.8M followers, 131.8K engagements
"Learn Custom Hooks In [--] Minutes 🚨 IMPORTANT: Full React Course: https://courses.webdevsimplified.com/learn-react-today In this video I cover everything you need to know about creating your own custom hooks. I go over all the main use cases for custom hooks as well as many common mistakes that developers make when creating custom hooks. In this video I will cover two different examples of how custom hooks can best be used. This is part of a series of React videos where I cover all the important hooks in React. 📚 Materials/References: Custom Hooks Blog Article:"
YouTube Link 2020-07-14T16:00Z 1.8M followers, 290.5K engagements
"What Is Semantic Versioning 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 webdevsimplified webdevsimplified"
YouTube Link 2022-04-07T16:00Z 1.8M followers, 81.9K engagements
"Your App Is NOT Secure If You Dont Use CSRF Tokens Cross Site Request Forgery (CSRF) is one of the most common security vulnerabilities that most sites face but many people dont actually protect from it. In this video I will show you what CSRF is how to protect against it and what could happen if you dont. 📚 Materials/References: Session Auth Tutorial: https://youtu.be/mL8EuL7jSbg 🌎 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:"
YouTube Link 2023-01-07T17:00Z 1.8M followers, 169.4K engagements
"This Node Debugger Trick Will Save You Hours 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2023-04-13T16:00Z 1.8M followers, 316.3K engagements
"Must Have VSCode Extension For TypeScript Devs 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2024-08-29T16:00Z 1.8M followers, 211.4K engagements
"Learn CSS Grid in [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-grid In this video we will cover everything you need to know about CSS grid in only [--] minutes. We will cover what grid is how grid differs from flexbox how grid works and the different properties you can use to layout and style your grid containers and items. CSS grid is one of the most powerful layout tools ever added to CSS. It allows you to create dynamic responsive and complex layouts with very"
YouTube Link 2018-10-27T14:00Z 1.8M followers, 880.4K engagements
"63 VSCode Keyboard Shortcuts I Use Daily FREE Cheat Sheet: https://webdevsimplified.com/vscode-keyboard-shortcuts-cheat-sheet.html Learning keyboard shortcuts is one of the most important things you can do to increase the speed at which you type and code. In this video I will be going over [--] different VSCode shortcuts that I love and use daily which single-handedly increase my coding productivity drastically. 📚 Materials/References: FREE Cheat Sheet: https://webdevsimplified.com/vscode-keyboard-shortcuts-cheat-sheet.html 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My"
YouTube Link 2025-05-14T16:00Z 1.8M followers, 32.9K engagements
"15+ Terminal Commands Every Developer Must Know Whether you just learning programming or you have been doing it for decades one thing is for sure. You need to know how to navigate the command line. This is especially true if you ever need to access a server since you will only ever have access to a command line interface. 🌎 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:"
YouTube Link 2021-05-18T16:00Z 1.8M followers, 72.5K engagements
"How To Build A Chat App With React And Stream Build cross-platform messaging experiences with Stream Chat API. Sign up for Stream's [--] day trial for free: https://gstrm.io/webdevsimplified Building a chat application is hard especially if you want it to be a robust and full featured app similar to Facebook Messenger. In this video I will show you how you can use Stream to build out an incredibly robust chat system with ease. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/facebook-messenger-clone React Router Video: https://youtu.be/Ul3y1LXxzdU React Router Article:"
YouTube Link 2023-01-24T17:00Z 1.8M followers, 80.9K engagements
"Introduction To Testing In JavaScript With Jest Testing is one of those things that people either love or hate. Usually testing is something that is hated until you work on a project with good tests and you realize how amazing they are. In this video I am going to show you how to get started with testing in JavaScript using Jest. I will talk about the code you need in order to write tests as well as show you some pitfalls of testing. At the end of the video I will breakdown the importance of testing and some best practices you can adhere to in order to make your tests amazing. 📚"
YouTube Link 2019-09-24T16:00Z 1.8M followers, 589.4K engagements
"4 NEW TypeScript [---] Features TypeScript Simplified Course: https://courses.webdevsimplified.com/typescript-simplified/utm_source=youtube&utm_medium=video-description&utm_term=video-id-FhT87_CqPug TypeScript [---] just released and it has a ton of new features but there are [--] big ones that really stand out to me. By far the biggest is that now TS will properly filter the type of arrays when you use the filter function. This used to be a huge pain to type before but is now trivial. In this video I talk all about this new feature as well as the [--] other big new changes to TypeScript. 📚"
YouTube Link 2024-07-02T16:00Z 1.8M followers, 50K engagements
"Speed Up Your React Apps With Code Splitting FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified Performance is something people always worry about especially in React but oftentimes the bundle size of an application is ignored when doing performance optimization. In this video I want to talk about how you can minimize the bundle size of your application by using code splitting to only download the code you need when you need it. 📚 Materials/References: FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified"
YouTube Link 2022-12-10T17:00Z 1.8M followers, 453.3K engagements
"This Font Feature Is A Must Use In Your Dev Tools 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2025-09-18T16:00Z 1.8M followers, 66K engagements
"Learn Zod In [--] Minutes Zod is an amazing validation library that focuses on type safety and ease of use. I love Zod and feel that it makes TypeScript even better. It also makes working with user data incredibly easy and in this video I will show you everything you need to know about Zod. 📚 Materials/References: What Is Zod Video: https://youtu.be/9UVPk0Ulm6U JavaScript Map Video: https://youtu.be/yJDofSGTSPQt=559 JavaScript Map Article: https://blog.webdevsimplified.com/2020-12/javascript-maps JavaScript Set Video: https://youtu.be/yJDofSGTSPQt=753 JavaScript Set Article:"
YouTube Link 2022-12-17T17:00Z 1.8M followers, 196.2K engagements
"Learn Resize Observer In [--] Minutes Resize Observer is an amazing tool in JavaScript that allows you to easily and efficiently do complex media query style calculations. What makes resize observer especially powerful is the fact that it can do things media queries cannot do such as container queries. 📚 Materials/References: Resize Observer Article: https://blog.webdevsimplified.com/2022-01/resize-observer 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter:"
YouTube Link 2021-12-28T17:00Z 1.8M followers, 279.5K engagements
"Learn CSS Pseudo Elements In [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-psuedo-elements CSS pseudo elements are incredibly powerful CSS tools but they are often misunderstood or underestimated. In this video I will be breaking down exactly what CSS pseudo elements are and how they can be used. I will then show multiple examples of CSS pseudo elements being used in a variety of unique and cool ways so you can have a true idea of the power of pseudo elements. 📚"
YouTube Link 2019-12-10T17:00Z 1.8M followers, 279.7K engagements
"Stop Using window resize Event Listeners Full Video: https://youtu.be/M2c37drnnOA 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2025-08-14T16:00Z 1.8M followers, 93.7K engagements
"How To Use CSS Dev Tools Like a Senior Developer The dev tools built into the browser have tons of amazing features built in but must developers never even use 10% of the available features. In this video I will be showing you every single useful CSS dev tool feature and talking about how they are useful in real world development and debugging. 📚 Materials/References: Manage CSS Colors Like a Senior Developer Video: https://youtu.be/Acs-tJV4iAo 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon:"
YouTube Link 2025-09-09T16:00Z 1.8M followers, 30.7K engagements
"5 Must Know Sorting Algorithms Explained and Visualized Visualization Website: https://sorting-algorithms-visualized-wds.netlify.app Sorting algorithms are pretty complex to understand (especially when dealing with big O notation). In this video I will show you the [--] most common sorting algorithms talk about big O notation for them and visually show you how they work alongside fully working code examples. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/sorting-algorithms-visualized Visualization Website: https://sorting-algorithms-visualized-wds.netlify.app 🌎 Find"
YouTube Link 2025-03-25T16:00Z 1.8M followers, 23.6K engagements
"Memoization And Dynamic Programming Explained Memoization is a big complicated word that you may have never even heard before but you may be surprised to know that you are most likely already using memoization without even realizing it. Memoization is just the act of caching values so that they can be calculated quicker in the future. Memoization is really useful in all parts of programming but where it is most useful is in dynamic programming. In this video I will explain what memoization is how to use it and why it is so useful especially in dynamic programming. 📚 Materials/References:"
YouTube Link 2019-11-23T17:00Z 1.8M followers, 108.5K engagements
"Learn JavaScript Event Listeners In [--] Minutes 🚨 IMPORTANT: JavaScript Simplified Course: https://javascriptsimplified.com JavaScript events are one of the most important topics for you to learn. In this video I will dive into everything you need to know about JavaScript events to make sure you completely understand how they work. 📚 Materials/References: Arrow Functions Video: https://youtu.be/h33Srr5J9nY Event Listener Article: https://blog.webdevsimplified.com/2022-01/event-listeners 🧠Concepts Covered: - addEventListener - Capture phase - Bubble phase - removeEventListener - Event"
YouTube Link 2020-12-12T17:00Z 1.8M followers, 685.4K engagements
"This Amazing TypeScript Feature Has NO Docs FREE TypeScript Utility Types Cheat Sheet: https://webdevsimplified.com/ts-utility-types-cheat-sheet.html TypeScript Simplified Course: https://courses.webdevsimplified.com/typescript-simplified/utm_source=youtube&utm_medium=video-description&utm_term=video-id-mXpE2v0whiI TypeScript is overall well document but one of my most used features in TypeScript doesnt even have a documentation page. In this video I will be covering the satisfies keyword in depth and showcasing why it is something I use in every single TypeScript project I write. 📚"
YouTube Link 2026-01-27T17:00Z 1.8M followers, 49.5K engagements
"This New Tailwind Feature Is A Game Changer WebDevEducations Video: https://youtu.be/osZvZuLSmFg 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2023-11-23T17:00Z 1.8M followers, 205.6K engagements
"What Is Email Only Authentication - Magic Link Auth Email only authentication sometimes called magic link auth may seem like a crazy idea but it is actually more secure than password based authentication. In this video I will go over how email only auth works the pros/cons of using it and show you how to implement email only auth in Node.js. 📚 Materials/References: JSON Web Token Video: https://youtu.be/7Q17ubqLfaM Cookie Session Based Auth Video: https://youtu.be/mL8EuL7jSbg 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon:"
YouTube Link 2023-01-28T17:00Z 1.8M followers, 79.1K engagements
"How To Build An Animated Hamburger Menu With Only CSS Free CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html Hamburger menus are incredibly popular in sites but building one that is animated responsive and uses no JavaScript is quite difficult. In this video I will show you how to build a hamburger menu with only CSS that is fully responsive and animated. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/css-only-hamburger-menu Emmet Video: https://youtu.be/V8vizNQKtx0 Box Model Video: https://youtu.be/rIO5326FgPE Box Model Article:"
YouTube Link 2023-02-14T17:00Z 1.8M followers, 141.1K engagements
"Facade Pattern - Design Patterns The facade pattern is one of my favorite design patterns because of how incredibly useful it is when refactoring code. The idea of the facade pattern is to create your own API that hides away complex or repetitive code so that you are left with a clean and easy to use API. The benefits of this is not only clean code that is easy and fun to work with but your code is also much easier to refactor when the complex code behind your facade needs to change. 🚨 IMPORTANT: Design Patterns Playlist:"
YouTube Link 2019-10-12T16:00Z 1.8M followers, 121.4K engagements
"Should You Use Tailwind CSS Tailwind CSS is the most popular utility CSS framework but should you use it In this video I talk about what Tailwind CSS is when it is useful and if you should use it instead of Bootstrap or normal CSS. 📚 Materials/References: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today 🌎 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:"
YouTube Link 2021-06-08T16:00Z 1.8M followers, 383.7K engagements
"How To Build A Google Docs Clone With React Socket.io and MongoDB Hostinger: https://www.hostinger.com/webdevsimplified Use coupon WEBDEVSIMPLIFIED for 10% off an yearly plan. Google docs revolutionized word documents with its collaborative features but actually creating your own Google docs is not that hard. In this video I will show you how to create a complete Google Docs clone from scratch using ReactJS Socket.io MongoDB and QuillJS. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/google-docs-clone Learn React Today Course:"
YouTube Link 2021-04-20T16:00Z 1.8M followers, 223.8K engagements
"How To Build Sortable Drag & Drop With Vanilla Javascript 🚨 IMPORTANT: [--] Year Free Hosting: https://www.atlantic.net/webdevsimplified Use code KYLE for an additional $50 Drag and drop is something that nearly every web application needs but it can be tricky to build from scratch. That is why in this video I will be showing you exactly how to build a sortable drag and drop list with very little JavaScript. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/Drag-And-Drop CodePen Code: https://codepen.io/WebDevSimplified/pen/JjdveeV Reduce Tutorial:"
YouTube Link 2020-03-17T16:00Z 1.8M followers, 367.7K engagements
"This Advanced Flexbox Trick Is Amazing Full Video: https://youtu.be/1zKX71GYisE 🌎 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"
YouTube Link 2022-09-22T17:58Z 1.8M followers, 678.2K engagements
"Learn Every CSS Selector In [--] Minutes 🚨 IMPORTANT: FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html The hardest part of learning CSS is not knowing what is available to use. There are so many selectors and properties to remember and it is impossible to keep them all in your head. Luckily for you in this video I am going to show you every single CSS selector that you need to know so you will never feel stuck with selectors again. There are a ton of selectors in this video and they are all important to know so make sure you stick around until the end to"
YouTube Link 2020-07-07T16:00Z 1.8M followers, 516.1K engagements
"How To Build A Full Stack Nested Comments System FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified If you are wanting to build a complex full stack project then this is the video for you. In this video we will be covering how to setup and connect a backend database and React frontend. This is a large and complex project but is amazing for your resume. 📚 Materials/References: FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified GitHub Code: https://github.com/WebDevSimplified/nested-comments Prisma Video:"
YouTube Link 2022-08-06T16:00Z 1.8M followers, 131.4K engagements
"I Had No Idea This Scroll Bar CSS Property Existed 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2023-06-15T16:00Z 1.8M followers, 274.7K engagements
"CSS Finally Has if() Statements (but I dont think I will use them) Having the ability to do if statements in CSS would have been a dream of mine years ago and it is finally a reality. Surprisingly though I dont think I will end up using them much (if at all). In this video I will show you how these if statements work as well as talk about why I dont see much use for them. 📚 Materials/References: CSS attr() Video: https://youtu.be/WcNWf6edIcc 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon:"
YouTube Link 2025-06-24T16:01Z 1.8M followers, 39.3K engagements
"This Simple Trick Makes Your Website 83% Better Looking Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today Parallax scrolling effects look awesome but implementing them can be pretty tricky. In this video I will show you how to implement a parallax scrolling effect and most importantly I will explain how and why the effect works so you can create your own parallax scrolling effects. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/css-parallax Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today 🌎 Find Me Here: My"
YouTube Link 2022-01-25T17:00Z 1.8M followers, 442.5K engagements
"Learn Temporal API In [--] Minutes My Blog: https://blog.webdevsimplified.com Temporal API Article: https://blog.webdevsimplified.com/2022-02/temporal-date-api Date in JavaScript suck to work with. They are clunky have a terrible API and overall make writing code less fun. Luckily the Temporal API is being added to JavaScript which solves all the problems I have with dates and then some. 📚 Materials/References: My Blog: https://blog.webdevsimplified.com Temporal API Article: https://blog.webdevsimplified.com/2022-02/temporal-date-api Reference Vs Value Video: https://youtu.be/-hBJz2PPIVE"
YouTube Link 2022-03-19T16:00Z 1.8M followers, 123K engagements
"Shadcn Finally Has MultiSelect React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified/utm_source=youtube&utm_medium=video-description&utm_term=video-id-pwpCNEROEZc Shadcn has been missing a multiselect component and it doesnt appear they will add one anytime soon so I decided to make my very own multiselect Shadcn component which you can install directly into your project. In this video I will show you how I made this component as well as how you can add it to your project. 📚 Materials/References: React Hooks Simplified Course:"
YouTube Link 2025-08-12T16:01Z 1.8M followers, 25.3K engagements
"Make Your Site 200% Faster With One Simple Image Feature Full Video: https://youtu.be/fp9eVtkQ4EA 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2025-09-11T16:01Z 1.8M followers, 72.1K engagements
"NEW Next.js TypeScript Features Next.js Course: https://reactsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-rVdR0_Ujgq4#next-js-course Next.js [--] added a ton of type safety improvements over previous versions but the newest additions to Next.js really improve the TypeScript experience and bring it on par with many alternative frameworks such as Tanstack Start. In this video I go over all the new TS features in Next.js as well as a few other features. 📚 Materials/References: Next.js Course:"
YouTube Link 2025-09-02T16:01Z 1.8M followers, 37.4K engagements
"How To Design A YouTube Clone With HTML/CSS 🚨 IMPORTANT: Free CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today One of the best ways to improve your CSS skills is to clone existing websites. In this video I will be cloning the YouTube home page with just HTML and CSS. This clone is not 100% exactly like the YouTube homepage but it is 95% the same which is good enough when you are creating a clone with the sole purpose of learning. 📚 Materials/References: GitHub Code:"
YouTube Link 2020-10-03T16:00Z 1.8M followers, 150.2K engagements
"Learn CSS Transform In [--] Minutes FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today Transform is one of the most versatile properties in CSS since it can do everything from scaling moving to rotating elements. In this video I will be covering all the different ways you can use transform as well as some special tips at the end to really improve your transforms. 📚 Materials/References: FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html Learn"
YouTube Link 2021-07-27T16:00Z 1.8M followers, 201.5K engagements
"Learn JavaScript Array Reduce In [--] Minutes JavaScript Simplified Course: https://javascriptsimplified.com By far the most difficult JavaScript array method to learn is the reduce method. It combines together many concepts from other array methods but also acts in a completely different way. In this video I will be going in depth over everything you need to know about this method so you can start using it in your next project. 📚 Materials/References: JavaScript Simplified Course: https://javascriptsimplified.com Reduce Array Method Article: https://blog.webdevsimplified.com/2021-05/reduce 🌎"
YouTube Link 2021-07-17T16:00Z 1.8M followers, 223.1K engagements
"Singleton Pattern - Design Patterns The singleton pattern is one of the most controversial yet easiest to implement design patterns. Many people say you should never use the singleton design pattern but there are still plenty of cases where the singleton pattern is the perfect solution. In this video I will explain what the singleton pattern is when you should and should not use it and go over an example of refactoring some code to use the singleton pattern. Design Pattern Playlist: http://bit.ly/2QrGnDq Design Pattern Repository: https://github.com/WebDevSimplified/Design-Patterns Twitter:"
YouTube Link 2019-02-21T13:00Z 1.8M followers, 187.3K engagements
"Ugly TypeScript Code Is Actually Good (Sometimes) Full Video: https://youtu.be/bnTAOB3P6nM 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2025-06-12T16:01Z 1.8M followers, 42.5K engagements
"useLayoutEffect Vs useEffect - Which Is Better Full Video: https://youtu.be/wU57kvYOxT4 Article Version: https://blog.webdevsimplified.com/2020-07/use-layout-effect 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2022-02-03T17:00Z 1.8M followers, 235.3K engagements
"Node.js Doesnt Suck Anymore Join My Newsletter: https://blog.webdevsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-si9pVRaGz30 Node.js is an amazing tool but it is quite old and lots of baggage comes with that age. Luckily Node.js has been doing everything it can to modernize itself and in this video I will cover [--] amazing new features to Node.js. 📚 Materials/References: Join My Newsletter: https://blog.webdevsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-si9pVRaGz30 == Vs === Video: https://youtu.be/C5ZVC4HHgIg == Vs ==="
YouTube Link 2024-09-07T16:00Z 1.8M followers, 149.7K engagements
"Should You Use Bootstrap Should you use Bootstrap That is the age old question people have been asking since the beginning of Bootstrap's rise to popularity but this question is even broader than just Bootstrap. What we should be asking is if we should use any CSS framework and in this video I will be answering that question once and for all. Obviously this isn't as easy as yes or no since CSS frameworks can be really useful in some situations and terrible in others. In this video I will be covering all the most important things to consider when thinking about using a CSS framework and giving"
YouTube Link 2019-11-12T17:00Z 1.8M followers, 287K engagements
"This Tailwind Plugin Makes Your Text Look Beautiful 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2024-09-05T16:00Z 1.8M followers, 39.8K engagements
"The New selectedcontent HTML Element Changes Selects Forever Developers have been asking for the ability to customize the HTML select element for decades and it is finally here. The new custom select feature in HTML/CSS is an absolute game changer since it gives you 100% flexibility to create your custom select element however you want. This new feature is way better than I ever though custom selects could be. 📚 Materials/References: Chrome Custom Select Article: https://developer.chrome.com/blog/rfc-customizable-select 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:"
YouTube Link 2025-02-18T17:01Z 1.8M followers, 149.1K engagements
"Pick/Omit Are One Of The Best Features Of TypeScript 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2023-07-06T16:00Z 1.8M followers, 220.6K engagements
"What is an API In this video I am going to break down exactly what an API is in both non-technical and technical terms. I am then going to go over a few examples of the most common forms of APIs that programmers interact with. Twitter: https://twitter.com/DevSimplified GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #API #WebDevelopment #Programming webdevsimplified what is an api what are apis how does an api work why are apis important web development api what is a rest api rest api explained rest api api explained api explained simply API restful"
YouTube Link 2019-03-07T13:00Z 1.8M followers, 90.4K engagements
"Should You Use Rem Or Em Units Full CSS Units Video: https://youtu.be/-GR52czEd-0 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2022-01-20T17:00Z 1.8M followers, 168.8K engagements
"NEW React [--] Changes Are Amazing FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified/utm_source=youtube&utm_medium=video-description&utm_term=video-id-v07gXY6ESEo It has been quite awhile since React [--] and there have been a ton of experimental features added to React since then. Luckily React is finally getting ready to release these features as stable with version [--] coming sometime this year. In this video I will share with you everything you need to know about the [--] best features coming to React [--]. 📚 Materials/References: FREE React Hooks"
YouTube Link 2024-02-27T18:00Z 1.8M followers, 232.8K engagements
"Learn JavaScript DOM Traversal In [--] Minutes FREE JavaScript DOM Traversal Cheat Sheet: https://webdevsimplified.com/js-dom-traversal-cheat-sheet.html JavaScript Simplified Course: https://javascriptsimplified.com Traversing the DOM in JavaScript is crucial to building projects on your own. In this video I break down all the ways you can traverse the DOM in JavaScript so that you can more easily build projects on your own. 📚 Materials/References: FREE JavaScript DOM Traversal Cheat Sheet: https://webdevsimplified.com/js-dom-traversal-cheat-sheet.html CSS Selector Video:"
YouTube Link 2020-11-21T17:00Z 1.8M followers, 255.1K engagements
"Learn HTTP Status Codes In [--] Minutes HTTP Status Code Blog Article: https://blog.webdevsimplified.com/2022-12/http-status-codes Building a web application or API is not an easy task especially to do it correctly. One of the things that makes this process difficult is HTTP status codes. In this video I will be breaking down and explaining every single HTTP status code that you need to know in order to get started building the perfect web application or API. We will be covering everything from the most basic [---] status codes to the more complex [---] and [---] status codes. 📚"
YouTube Link 2019-09-07T16:00Z 1.8M followers, 133.6K engagements
"10 Tailwind Classes I Wish I Knew Earlier Tailwind has thousands of classes but 99% of them are just one-to-one mappings to CSS. There are a few classes though that go beyond just mapping directly to CSS and these classes are incredible for writing high quality clean code. In this video I am going to share the [--] Tailwind classes I wish I knew earlier since they make writing Tailwind code so much easier. 📚 Materials/References: YouTube Home Page Tailwind Clone: https://youtu.be/ymGB1lqP1CM 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:"
YouTube Link 2024-02-20T17:00Z 1.8M followers, 244.3K engagements
"Learn CSS Calc In [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-calc CSS calc is one of the few functions available in CSS and it is incredibly powerful. Not only can you do simple arithmetic with the calc function but you can also combine units together with the calc function to create really unique spacing and sizes. The real power of CSS calc comes from the ability to use it with variables which opens up an entire world of possibilities. In this video I will"
YouTube Link 2019-10-19T16:00Z 1.8M followers, 106.8K engagements
"This Is One Of My Favorite TypeScript Features TypeScript Simplified Course: https://courses.webdevsimplified.com/typescript-simplified/utm_source=youtube&utm_medium=video-description&utm_campaign=video-id-xsfdypZCLQ8 Discriminating unions sound really fancy and scary but in reality they are a fairly simple concept that makes writing certain types of React code so much easier. In this video I explain exactly what discriminating unions are how to use them why they are so great and the limitations of them. 📚 Materials/References: TypeScript Simplified Course:"
YouTube Link 2023-11-07T17:01Z 1.8M followers, 158.6K engagements
"Learn CSS in [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-20-minutes In this video we will cover everything you need to know to get up and running with CSS in only [--] minutes. We will cover CSS syntax how to add CSS to your HTML CSS colors CSS units the box model and best practices for CSS walking through a full example of CSS being used to style an HTML page. By the end of this video you will know enough about CSS to style any basic web pages in your own"
YouTube Link 2018-08-23T01:13Z 1.8M followers, 2.2M engagements
"Data Access Layers are a Must Know for Next.js Developers Full Video: https://youtu.be/Av7KqJVLiYc 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2025-10-16T16:00Z 1.8M followers, 52.7K engagements
"If You Are Using Next.js You Need To Enable This Development Feature 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2023-12-28T17:00Z 1.8M followers, 215.8K engagements
"How To Accept Payments With Stripe JavaScript Simplified Course: https://javascriptsimplified.com Accepting payments is one of the most important parts of any application but getting started with accepting payments can be very daunting. In this video I will show you how to easily get started accepting payments with Stripe. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/stripe-checkout-simple JavaScript Simplified Course: https://javascriptsimplified.com Stripe Checkout Article: https://blog.webdevsimplified.com/2021-07/stripe-checkout Map Video:"
YouTube Link 2021-08-07T16:00Z 1.8M followers, 322.4K engagements
"What Is React And Why You Need To Know It React is the most popular frontend framework and is needed for nearly every frontend web development job. Because of this it is crucial that you understand what React is and how to use it. In this video I will breakdown exactly what React is so you will have a clear understanding of what you need to learn. I will also breakdown how components work in general which is applicable to not only React but any major frontend framework. Lastly I will talk about the importance of React and why you need to learn React. 🚨 IMPORTANT: Learn React Today Course:"
YouTube Link 2019-08-24T16:00Z 1.8M followers, 337.5K engagements
"Learn Web Components In [--] Minutes React was the framework that really popularized component driven development but they werent the first and are definitely not the only tool for creating components. JavaScript actually has its own built in way to create components called web components which have many of the same benefits of React components. In this video I show you how to create your very first web component as well as how web components work. 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon:"
YouTube Link 2023-01-21T17:00Z 1.8M followers, 250.7K engagements
"Learn Intersection Observer In [--] Minutes Intersection Observer is an amazing tool in JavaScript that allows you to easily and efficiently do pretty much anything based on the visibility of elements. This is perfect for scroll animations lazy loading images infinite scroll and much more. Also Intersection Observer is incredibly performant and flexible which makes it by far the best approach. 📚 Materials/References: Intersection Observer Article: https://blog.webdevsimplified.com/2022-01/intersection-observer 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:"
YouTube Link 2021-12-21T17:00Z 1.8M followers, 394.8K engagements
"This Is Why You Must Derive Your TypeScript Types 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2025-08-21T16:00Z 1.8M followers, 157.5K engagements
"Maps Are A Game Changer For JavaScript Map Video: https://youtu.be/yJDofSGTSPQt=558 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2023-01-12T17:00Z 1.8M followers, 1.3M engagements
"How The Backend Works As we already know the web is made up of two main parts. The frontend and the backend. The frontend is concerned with presentation and is fairly easy to understand since it is what we interact with daily on the web. The backend on the other hand is all of the parts of the web that users do not directly interact with. In this video we are going to discuss the basics of how the backend of a website works by tracing all of the steps that the backend must go through from the moment it receives a request to the point it sends a response back to the client. Starting at the"
YouTube Link 2019-04-01T16:00Z 1.8M followers, 625.4K engagements
"What are Classes Objects and Constructors Object Oriented Programming is one of the most common programming patterns but it can be incredibly confusing with all the new terminology. In this video I will be breaking down the basic Object Oriented Programming terms Class Object Instance Instantiate and Constructor. By the end of this video you will have a complete understanding of how Classes Objects and Constructors interact and relate to one another. Class: Similar to a blueprint. It defines what its objects will look like (functions parameters etc.) Object: Similar to a house produced from a"
YouTube Link 2019-06-04T16:00Z 1.8M followers, 176.4K engagements
"How To Handle Permissions Like A Senior Dev Try Clerk: https://go.clerk.com/b2b-orgs Permission systems are in every single app but most developers dont spend any time planning out their system which results in buggy hard to maintain code. In this video I will cover how to create multiple levels of permission systems from very basic all the way up to advanced systems that many companies charge thousands of dollars for. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/permission-system Clerk Organization Docs: https://go.clerk.com/docs-orgs 🌎 Find Me Here: My Blog:"
YouTube Link 2024-11-12T17:00Z 1.8M followers, 641K engagements
"Build an Advanced Realtime Chat Project with Supabase Try Supabase: https://supabase.plug.dev/rZx5wtt In this video I will show you how to create an advanced realtime chat application that supports public/private rooms a full permission system user invites infinite scrolling and much more. We will be using Next.js Tailwind Shadcn React Drizzle and Supabase for this project 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/supabase-realtime-chat WDS Shadcn Registry: https://wds-shadcn-registry.netlify.app/ 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My"
YouTube Link 2025-10-28T16:00Z 1.8M followers, 19.8K engagements
"What Is JWT and Why Should You Use JWT JSON Web Tokens (JWT) are talked about all the time but what exactly are they and how do they work. In this video I will explain in depth exactly what JWT is how it works why it is secure and when you should use it. We will go through multiple visual demonstrations of exactly how and why JWT works. We will also compare JWT to the more common and traditional session based user authorization. By the end of this video you will have a complete understanding of JWT how it works and when you should use it. 📚 Materials/References: JWT Authentication"
YouTube Link 2019-07-27T16:00Z 1.8M followers, 1.5M engagements
"JavaScript Arrays Crash Course Arrays are one of the most fundamental building blocks of JavaScript. It doesnt matter what project you build you need to understand how to use arrays. In this video I go over the absolute basics of arrays in JavaScript as well as a few other array based features so you can get up and running immediately with arrays. 📚 Materials/References: JavaScript Array Methods Video: https://youtu.be/R8rmfD9Y5-c 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified"
YouTube Link 2022-01-18T17:00Z 1.8M followers, 141.9K engagements
"Why Vitest Is Better Than Jest Vitest is a simple testing library built on top of Vite which takes everything I love about Jest and brings it to the modern age of JavaScript. Everyone that has worked with Jest knows how much of a pain it is to work with ES modules but Vitest makes it trivial. Vitest also adds many additional features and quality of life changes that make it better than Jest in my opinion. 📚 Materials/References: Jest Tutorial Video: https://youtu.be/FgnxcUQ5vho 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com"
YouTube Link 2022-06-11T16:00Z 1.8M followers, 166.8K engagements
"The [--] Parts of Auth You Need To Know Authorization Video: https://youtu.be/5GG-VUvruzE 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2025-12-18T17:00Z 1.8M followers, 46.5K engagements
"Zod Makes TypeScript Even Better Zod is amazing. It is not only an incredible validation library but the direct interactions it has with TypeScript make it event better. Not having to define my types twice is a game changer and the simple yet powerful API of Zod is so nice. In this video I talk about what Zod is show examples of how to use Zod and talk about why it is so amazing. 🌎 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:"
YouTube Link 2022-11-26T17:00Z 1.8M followers, 191.3K engagements
"Dependency Inversion Principle Explained - SOLID Design Principles 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 dependency inversion principle. This principle is part of the SOLID design principles. The main idea of the dependency inversion principle is that any class that uses a dependency should only ever use the dependency through a predefined interface/wrapper. This makes it so that your code will never directly depend on a"
YouTube Link 2020-01-28T17:00Z 1.8M followers, 187.3K engagements
"Now Is The Best Time To Learn To Code It may seem like now is the worst time to learn to code with the fear of AI taking your job and overall uncertainty in the market but that couldnt be further from the truth. The job market isnt as bad as most people make it out to be and learning to code is easier than ever now. You also can build apps much quicker than ever before. 🌎 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:"
YouTube Link 2025-08-26T16:00Z 1.8M followers, 95.3K engagements
"The NEW React Activity Component Is a Game Changer for Performance Full Video: https://youtu.be/Ubbb1RK7iFs 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2026-01-08T17:00Z 1.8M followers, 48.5K engagements
"How To Handle Data Access Like a Senior Dev Most applications are just a thin wrapper over data management which means how you access and manage data is the most important part of your entire application. In this video I will talk about the data access layer and how you can implement a basic and much more advanced version. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/next-js-data-access-layer 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter:"
YouTube Link 2025-09-16T16:00Z 1.8M followers, 52.6K engagements
"CSS Anchor Is The Best New CSS Feature Since Flexbox I cannot believe this is a feature coming to HTML/CSS. Anchoring elements used to be only something you could do with hundreds of lines of complex JavaScript code but now it can be done with a single line of CSS. I am incredibly excited for this feature to be production ready as it has the potential to massively change web development. 📚 Materials/References: Chrome Flags: chrome://flags/#enable-experimental-web-platform-features Anchor Chrome Blog Article:"
YouTube Link 2023-08-29T16:00Z 1.8M followers, 418.2K engagements
"What Is The Fastest Way To Load JavaScript As a project grows the load time of pages will slowly increase. Many people look to the back-end for solutions to this problem when in reality the way JavaScript is loaded can make a large different in page load speed. In this video I will look at the three ways to load JavaScript normal script tags async script tags and defer script tags. I will cover how each method interacts with page speed and the pros and cons of each. By the end of this video you will have a strong understanding of the various ways to load JavaScript and will be better equipped"
YouTube Link 2018-11-09T15:00Z 1.8M followers, 203.4K engagements
"You are a Junior Dev if You Dont Know These [--] TypeScript Utility Types FREE TypeScript Utility Types Cheat Sheet: https://webdevsimplified.com/ts-utility-types-cheat-sheet.html Learning the [--] most important TypeScript utility types is one of the quickest ways to go from a junior to a senior level TypeScript developer. In this video I will cover the [--] TS util types that I use every day and that you need to know in order to truly master TypeScript. 📚 Materials/References: FREE TypeScript Utility Types Cheat Sheet: https://webdevsimplified.com/ts-utility-types-cheat-sheet.html 🌎 Find Me"
YouTube Link 2025-11-11T17:03Z 1.8M followers, 98K engagements
"How To Send Push Notifications With JavaScript Sending push notifications in JavaScript seems like it would be difficult if not impossible but it is actually built into the browser and quite easy. In this video I show you everything you need to know about sending push notifications with JavaScript and just how easy it is. 🌎 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:"
YouTube Link 2022-09-10T16:00Z 1.8M followers, 408.7K engagements
"This Simple Dev Tools Feature Makes Working On Teams Much Easier 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2025-09-04T16:00Z 1.8M followers, 218.3K engagements
"Introduction to HTML Your First Web Page Part [--] In this video we dive into the basics of HTML. We will cover the basic structure of an HTML file as well as the steps needed to set up an efficient development environment. We will also create our very first web page. Development HTML CSS Javascript Beginner Guide Learn Web Dev Simplified Development HTML CSS Javascript Beginner Guide Learn Web Dev Simplified"
YouTube Link 2018-06-05T03:38Z 1.8M followers, 317.2K engagements
"My Honest Thoughts on AI and the Job Market in [----] FREE [----] Web Dev Roadmap: https://webdevsimplified.com/web-dev-roadmap.html The last few years have changed a lot about web development and programming and in this video I want to talk about what those changes are and how you can overcome them. I will be talking about my thoughts on the future of AI and programming where the job market it going in [----] and most importantly what you can do/learn to still land a job in [----]. 📚 Materials/References: FREE [----] Web Dev Roadmap: https://webdevsimplified.com/web-dev-roadmap.html Code Review"
YouTube Link 2026-01-20T17:00Z 1.8M followers, 147.4K engagements
"I Cant Believe TypeScript Finally Fixed This Full Video: https://youtu.be/FhT87_CqPug 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2024-07-11T16:00Z 1.8M followers, 152.4K engagements
"JavaScript Promises In [--] Minutes ES6 came with many new features but one of the best features was the official introduction of Promises. Promises allow you to write clean non-callback-centric code without ever having to worry about callback hell. Even if you never write your own promise knowing how they work is incredibly important since many newer parts of the JavaScript API use promises instead of callbacks. Checkout the full video to learn how to define and use promises. Promise Article: https://blog.webdevsimplified.com/2021-09/javascript-promises Code From This Video:"
YouTube Link 2019-01-17T15:00Z 1.8M followers, 2M engagements
"MVC Explained in [--] Minutes MVC is the most popular architecture for building complex web servers. It is used by many frameworks and implemented into nearly every modern web application. In this video I will cover what MVC is how it works and why you should use it. MVC stands for Model View Controller. It is used to define how these three different entities can interact with each other. The Controller handles user requests and delegates information between the Model and the View. It only deals with requests and never handles data or presentation. The Model handles data validation logic and"
YouTube Link 2019-04-03T16:00Z 1.8M followers, 1.2M engagements
"Mongoose Crash Course - Beginner Through Advanced FREE MongoDB Cheat Sheet: https://webdevsimplified.com/mongodb-cheat-sheet.html Mongoose is the best way to work with a MongoDB database in Node.js but it is a pretty complex library. In this video I will explain absolutely everything you need to know about Mongoose including even the more advanced features that other tutorials don't cover. 📚 Materials/References: FREE MongoDB Cheat Sheet: https://webdevsimplified.com/mongodb-cheat-sheet.html MongoDB Crash Course: https://youtu.be/ofme2o29ngU Node.js Install Video:"
YouTube Link 2021-11-23T17:00Z 1.8M followers, 558.1K engagements
"How To Setup Prettier Prettier is one of my favorites tools for writing clean and easy to read code since it does all the formatting for you. In this video I will show you how to setup Prettier how to use it in your IDE how to configure it with ESLint and a few other small Prettier tips. 🌎 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:"
YouTube Link 2022-12-27T17:00Z 1.8M followers, 180.4K engagements
"1 Million Subscriber Hair Tutorial 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2022-08-04T16:00Z 1.8M followers, 256.6K engagements
"Must Know Dev Tools Feature - Save Hours 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2025-08-28T16:00Z 1.8M followers, 214.9K engagements
"Learn TypeScript Generics In [--] Minutes TypeScript Simplified Course: https://courses.webdevsimplified.com/typescript-simplified/utm_source=youtube&utm_medium=video-description&utm_term=video-id-EcCTIExsqml By far one of the hardest TypeScript concepts to understand when first learning TypeScript is generics. They introduce new syntax new logic and a new way of thinking all at the same time which is tough to comprehend. In this video I will be breaking down everything you need to know about generics (including advanced generic features). 📚 Materials/References: TypeScript Simplified Course:"
YouTube Link 2023-12-26T17:00Z 1.8M followers, 414.5K engagements
"How To Create/Use Functions - JavaScript Essentials JavaScript Simplified Course: https://javascriptsimplified.com Functions are one of the most important things to understand in JavaScript since you will use them everywhere in your code. They are arguably more important than learning how to create a variable since they are that core to how JavaScript works. In this video I will share with you everything you need to know about how to create and use functions in JavaScript. 📚 Materials/References: JavaScript Simplified Course: https://javascriptsimplified.com 🌎 Find Me Here: My Blog:"
YouTube Link 2023-03-04T17:00Z 1.8M followers, 203.7K engagements
"NEW CSS Scroll Features are Game Changers CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html Web Dev Roadmap: https://webdevsimplified.com/web-dev-roadmap.html These new CSS scroll features are amazing. They completely replace the need for JavaScript in many animations and in this video I will show you everything you need to know in order to create beautiful advanced CSS scroll animations. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/css-scroll-state-example CSS Selector Cheat Sheet:"
YouTube Link 2026-01-14T17:00Z 1.8M followers, 30.4K engagements
"Introduction to Web Development Setup Part [--] In this video you will learn how to set up your computer for web development. We will be setting up your browser text editor and version control system. Downloads: Google Chrome: https://www.google.com/chrome Visual Studio Code: https://code.visualstudio.com Git: https://git-scm.com/download Links: Github: https://github.com Github SSH Key Documentation: https://help.github.com/articles/connecting-to-github-with-ssh/ Terminal Commands: Set Git Username: git config --global user.name "Your name here" Set Git Email: git config --global user.email"
YouTube Link 2018-05-29T05:22Z 1.8M followers, 531.1K engagements
"JavaScript Form Validation Form validation is one of the most common web development tasks. There are many ways to do form validation but JavaScript is one of the best and easiest ways to write form validation. In this video I will be covering all of the concepts of form validation in JavaScript as well as how to display helpful error messages to the user. By the end of this video you will have all the tools you need to implement form validation in your own projects. 📚 Materials/References: HTML Forms Explained: https://youtu.be/fNcJuPIZ2WE CodePen Code:"
YouTube Link 2019-06-18T16:00Z 1.8M followers, 996.9K engagements
"How To Create And Publish Your First NPM Package It may seem daunting to create your first NPM package but it is surprisingly easy to do so. In this video I will walk you through all the steps needed to create test and publish your very own NPM package. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/is-wds-npm-package NPM Site: https://www.npmjs.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:"
YouTube Link 2021-07-03T16:00Z 1.8M followers, 254.9K engagements
"Bootstrap [--] Crash Course Bootstrap is one of the most widely used CSS frameworks but it can be quite complex to learn since there are so many features in Bootstrap. In this video I will be breaking down everything you need to know about Bootstrap by covering the entire grid system [--] popular components and [--] categories of utility classes. 📚 Materials/References: Breakpoint CSS: https://gist.github.com/WebDevSimplified/d7deffbd6631834003ad07ca60aaf906 Bootstrap Getting Started Documentation: https://getbootstrap.com/docs 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:"
YouTube Link 2022-08-20T16:00Z 1.8M followers, 610.9K engagements
"Asynchronous Vs Synchronous Programming Asynchronous code can be incredibly confusing and frustrating for anyone learning programming. In this video I will explain what asynchronous and synchronous code talk about their differences through the use of multiple examples. Twitter: https://twitter.com/DevSimplified GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #JavaScript #WebDevelopment #Programming webdevsimplified async vs sync async vs sync javascript async vs sync tutorial async vs sync programming async vs sync exaplained asynchronous vs"
YouTube Link 2018-12-27T15:00Z 1.8M followers, 316.1K engagements
"Learn Tanstack Start In [--] Minutes Tanstack Start is a new meta framework that aims to solve many of the annoying problems with Next.js. In this video I will be showing you how to create a complete fullstack project using Tanstack Start and explaining how it compares to Next.js. By the end of this video you will know everything you need to know about Tanstack Start to build your own fullstack projects. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/tanstack-start-todo-list WDS Shadcn Registry: https://wds-shadcn-registry.netlify.app/ 🌎 Find Me Here: My Blog:"
YouTube Link 2025-11-25T17:00Z 1.8M followers, 98.1K engagements
"Watching Tailwind Tutorials Is A Waste Of Time Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today I love Tailwind. It is one of (if not) my favorite ways to style applications. I do have one issue with Tailwind though and that is how people go about learning it. In order to truly learn and master Tailwind you do not need to actually learn much at all about Tailwind. Instead you need to master CSS since Tailwind is really just CSS with some slightly different names and a few extra features. 📚 Materials/References: Learn CSS Today Course:"
YouTube Link 2023-04-25T16:00Z 1.8M followers, 324.5K engagements
"I Cannot Believe JavaScript Finally Added This New Array Method [--] More Amazing Array Methods: https://youtu.be/mSBnJvHtgD0 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2023-12-14T17:00Z 1.8M followers, 522.7K engagements
"Is This The Best New UI Library 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2023-07-13T16:00Z 1.8M followers, 319.6K engagements
"Learn React Portal In [--] Minutes By Building A Modal 🚨 IMPORTANT: Full React Course: https://courses.webdevsimplified.com/learn-react-today React is a complex library to use and the fact that everything is nested inside a component can make certain tasks much more difficult. One of those tasks is rendering popups and modals. It doesn't make sense for them to be rendered inside a component but you need to access them inside a component. This would lead to a impossible problem to solve but React thought of this for you. Portals are a way for you to render an element somewhere else while still"
YouTube Link 2020-08-08T16:00Z 1.8M followers, 269.4K engagements
"React [--] useTransition Hook Crash Course FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified React [--] recently had its official non-beta release and with it came multiple new React hooks. Of those hooks the one I am most excited for is theuseTransition hook. This hook helps increase the performance of your applications increase the responsiveness of your application to users and overall just make your application better. This video is all about how this new hook works. 📚 Materials/References: FREE React Hooks Course:"
YouTube Link 2022-05-14T16:00Z 1.8M followers, 185.2K engagements
"Learn useState In [--] Minutes - React Hooks Explained 🚨 IMPORTANT: Full React Course: https://courses.webdevsimplified.com/learn-react-today In this video I cover everything you need to know about the useState hook. I also go over the basics of hooks as well so you can start using hooks in your own projects. This is the beginning of a series of React videos where I cover all the important hooks in React. Skip Past General Hook Details: 4:22 📚 Materials/References: useState Blog Article: https://blog.webdevsimplified.com/2020-04/use-state React Hooks Playlist:"
YouTube Link 2020-05-05T16:00Z 1.8M followers, 1.4M engagements
"Must Have Tailwind Plugin For Responsive 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 #Shorts webdevsimplified webdevsimplified"
YouTube Link 2024-09-12T16:00Z 1.8M followers, 285.1K engagements
"8 Must Know JavaScript Array Methods Working with arrays in JavaScript used to be a pain with barely any support for complex array operations. Fast forward to today though and there are tons of amazing JavaScript array methods available to us. In this video I will be covering the [--] most important array methods in JavaScript. Timestamps 0:00 - Introduction 0:20 - filter 1:58 - map 2:54 - find 3:42 - forEach 4:30 - some 5:50 - every 6:27 - reduce 8:51 - includes Twitter: https://twitter.com/DevSimplified GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified"
YouTube Link 2019-02-02T13:00Z 1.8M followers, 1.2M engagements
"Learn Prisma In [--] Minutes Prisma is an incredibly popular ORM and for good reason. It is feature rich type safe and built on modern JavaScript concepts. The only downside is it is quite complicated to learn at first which is where this video comes in. I will be teaching you everything you need to know to get up and running with Prisma in just [--] minutes. Thank you Prisma for providing professional captions for this video 📚 Materials/References: How To Install Node.js Video: https://youtu.be/VShtPwEkDD0 Prisma Documentation: https://www.prisma.io/docs/getting-started Async/Await Video:"
YouTube Link 2022-07-05T16:00Z 1.8M followers, 538.3K engagements
"Learn React With This One Project React Simplified Course: https://reactsimplified.com Learning React is hard. There are so many concepts to learn and mindsets shifts that you need to do. That is why in this video I will be breaking down all the most important concepts you need to understand in React. 📚 Materials/References: React Simplified Course: https://reactsimplified.com GitHub Code: https://github.com/WebDevSimplified/react-todo-list FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified ES6 Modules Video: https://youtu.be/cRHQNNcYf6s ES6"
YouTube Link 2023-04-08T16:00Z 1.8M followers, 1M engagements
"How To Debug In VSCode In [--] Minute Full Video: https://youtu.be/l8pe_MSX4Lc 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2024-07-04T16:00Z 1.8M followers, 174.1K engagements
"How To Build A URL Shortener With Node.js Express and MongoDB 🚨 IMPORTANT: [--] Year Free Hosting: https://www.atlantic.net/webdevsimplified Use code KYLE for an additional $50 I finally did another backend video. In this video we will be covering every step needed in order to build a url shortener fro scratch. We will do this using Node.js Express and MongoDB. I really hope you enjoy this video and if you want more backend videos like this let me know in the comments. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/url-shortener How To Install Node.js:"
YouTube Link 2020-02-25T17:00Z 1.8M followers, 206.5K engagements
"Why Signals Are Better Than React Hooks Hooks in React are tricky to use correctly and even harder to use in a performant way. This has left many applications with poor code quality and bad performance but that doesnt have to be the case anymore. Signals is a technique that has been around for decades but only recently has made its way to React and it makes creating performant clean code in React much easier. In this video I explain exactly how signals work and why they are so great. 📚 Materials/References: Preact Signals Library: https://preactjs.com/blog/introducing-signals/ 🌎 Find Me"
YouTube Link 2023-10-31T16:00Z 1.8M followers, 561.5K engagements
"Everyone Is Missing What Makes NEW Shadcn Update Amazing This new Shadcn update brings some really exciting changes and also some over hyped features. In this video I want to talk about what this new update actually does what makes it important and what I think can be improved. 📚 Materials/References: Web Dev Simplified Registry: https://wds-shadcn-registry.netlify.app/ 🌎 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:"
YouTube Link 2025-12-23T17:00Z 1.8M followers, 20.2K engagements
"Learn Express JS In [--] Minutes ExpressJS is the most popular Node.js web server framework and is the basis of thousands of sites. In this video I will be breaking down every important aspect of Express for you so you can truly master ExpressJS. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/express-crash-course Node.js Install Tutorial: https://youtu.be/VShtPwEkDD0 HTTP Status Code Video: https://youtu.be/wJa5CTIFj7U Middleware Video: https://youtu.be/lY6icfhap2o Middleware Article: https://blog.webdevsimplified.com/2019-12/express-middleware-in-depth 🌎 Find Me"
YouTube Link 2021-08-31T16:00Z 1.8M followers, 1.1M engagements
"Top [--] Advanced CSS Responsive Design Concepts You Should Know Responsive design in CSS is difficult to do well especially if you only ever use media queries. In this video I share my top [--] responsive design tips that go beyond just using simple media queries. 📚 Materials/References: PostCSS Video: https://youtu.be/Kn2SKUOaoT4 CSS Grid Video: https://youtu.be/9zBsdzdE4sM Viewport Units Video: https://youtu.be/5m6JOJLy5B0 Viewport Units Article: https://blog.webdevsimplified.com/2022-08/css-viewport-units 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:"
YouTube Link 2022-12-31T17:00Z 1.8M followers, 600K engagements
"Junior vs Senior React Folder Structure - How To Organize React Projects FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified React is an unopinionated framework but with that freedom comes the difficulty of choosing how you want to structure your project. This is something many React developers of all skill levels struggle with so today I want to show you [--] different ways to lay out React projects of various sizes and complexities. 📚 Materials/References: FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified GitHub Code:"
YouTube Link 2022-07-12T16:00Z 1.8M followers, 559.9K engagements
"Stop Writing React Code Like This React Simplified Course: https://reactsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-Ubbb1RK7iFs Next.js Simplified Course: https://reactsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-Ubbb1RK7iFs#next-js-course The brand new React Activity component is not only an easy way to conditionally render elements but it can also be used as a powerful performance tool in the right situations. 📚 Materials/References: React Simplified Course:"
YouTube Link 2025-12-02T19:03Z 1.8M followers, 115.4K engagements
"Learn React Router v6 In [--] Minutes FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified Nearly every app in React needs to handle routing and by far the most popular library for handling routing is React Router. In this video I will break down everything you need to know about React Router v6 so you can master routing in your next project. 📚 Materials/References: FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified React Router Blog Article: https://blog.webdevsimplified.com/2022-07/react-router 🌎 Find Me Here: My Blog:"
YouTube Link 2022-08-02T16:00Z 1.8M followers, 629.9K engagements
"Learn Emmet In [--] Minutes - Double Your HTML Coding Speed 🚨 IMPORTANT: [--] Year Free Hosting: https://www.atlantic.net/webdevsimplified Use code KYLE for an additional $50 Emmet is an incredibly powerful tool that allows me to write HTML and CSS at least twice as fast as I could before. Emmet is full of snippets for HTML and CSS which allow you to write a small line of code that will generate a bunch of HTML or CSS based on the Emmet code you wrote. It is built into VSCode and is something that you have most likely used without even realizing it. In this video I go in depth into how you can"
YouTube Link 2020-01-25T17:00Z 1.8M followers, 272.8K engagements
"Your First Node.js Web Server In this video I am going to walk you through all the steps necessary to create your very first Node.js web server. We will start at the very beginning with installing Node.js and end with a fully functioning basic web server that serves HTML documents. Download Node.js: https://nodejs.org/en/ More Node.js Tutorials: https://www.youtube.com/watchv=VShtPwEkDD0&list=PLZlA0Gpn_vH_uZs4vJMIhcinABSTUH2bY Twitter: https://twitter.com/DevSimplified GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #Nodejs #WebDevelopment #WebServer"
YouTube Link 2018-12-06T15:13Z 1.8M followers, 624.1K engagements
"JavaScript Async Await One of the hardest things about writing good JavaScript is dealing with heavily nested asynchronous code. Promises were created to solve the problem with callback hell but there are still plenty of nested problems related to promises. This is where async/await comes in. JavaScript added async/await to allows developers to write asynchronous code in a way that looks and feels synchronous. This helps to remove many of the problems with nesting that promises have and as a bonus can make asynchronous code much easier to read and write. In this video I am going to explain"
YouTube Link 2019-02-09T13:00Z 1.8M followers, 880.5K engagements
"Master Senior Level Authentication In [--] Hours Try Arcjet: https://launch.arcjet.com/zOeeAGL Try Postmark: https://postmarkapp.com/lp/web-dev-simplified Get 20% off Postmark with code WEBDEVSIMPLIFIED (First [--] months) Pretty much every site needs authentication. At first it may seem easy to implement but as you start to add more advanced features it quickly gets out of hand. In this massive crash course on Better Auth I will be showing you everything you need to know to set up advanced authentication that includes email/password password reset email verification OAuth 2FA passkeys session"
YouTube Link 2025-09-30T16:00Z 1.8M followers, 83.5K engagements
"Stop Using Create React App Sorry about the bad audio quality. My computer changed my mic to use my webcam mic instead of my actual microphone. 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2022-11-03T16:00Z 1.8M followers, 705.1K engagements
"Every React Dev Needs To Know This About AbortController Full Video: https://youtu.be/BeZfiCPhZbI 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2025-03-13T16:00Z 1.8M followers, 123.2K engagements
"Learn Socket.io In [--] Minutes Socket.io is an amazing library for client/server communication but it can be a bit confusing to get started with. In this video I will be showing you every features in socket.io so you can start using it with confidence. 📚 Materials/References: CORS Video: https://youtu.be/PNtFSVU-YTI CORS Blog Article: https://blog.webdevsimplified.com/2021-05/cors 🌎 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:"
YouTube Link 2021-05-29T16:00Z 1.8M followers, 608.5K engagements
"The Ultimate MCP Crash Course - Build From Scratch Get 25% off Frontend Masters: https://frontendmasters.com/code=webdevsimplified&utm_campaign=mcpcrashcourse MCP servers/clients are incredibly popular and only going to increase in popularity as AI agents become more powerful and prevalent. In this video I will explain in depth what MCP is how it works and show you not only how to build your own MCP server but also how you can build your own client as well. This is the most in depth MCP video available. 📚 Materials/References: Get 25% off Frontend Masters:"
YouTube Link 2025-07-15T16:01Z 1.8M followers, 245.6K engagements
"The Only Markdown Crash Course You Will Ever Need FREE Markdown Cheat Sheet: https://webdevsimplified.com/markdown-cheat-sheet.html Markdown is one of the most important text editing languages you can learn. It is used everywhere like blogs comment systems documentation and so much more. In this video I will teach you everything you need to know about Markdown so you can become a Markdown expert. 📚 Materials/References: FREE Markdown Cheat Sheet: https://webdevsimplified.com/markdown-cheat-sheet.html Markdown Blog Article: https://blog.webdevsimplified.com/2023-06/markdown-crash-course"
YouTube Link 2023-07-04T16:00Z 1.8M followers, 196.2K engagements
"Stop Using In TypeScript 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2023-08-17T16:00Z 1.8M followers, 778.6K engagements
"If You Code with AI You Need to Follow this [--] Step Process With the power of AI we can write code faster than ever but that means we also need to spend more time reviewing code. In this video I will show you my proven [--] step process for reviewing code which not only works on your colleagues code but is also just as effective for reviewing AI generated code. 📚 Materials/References: AI Interview Project Video: https://youtu.be/xrrtYNr7ZEw 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon:"
YouTube Link 2025-11-18T18:27Z 1.8M followers, 14.8K engagements
"Stop Writing Your ID Types Like This Branded types are a niche TypeScript feature that dont make much sense in small projects but as soon as your project grows in size or complexity they are a must have. In this video I explain everything you need to know about branded types as well as how to integrate them with Drizzle and Zod. 📚 Materials/References: Data Access Layer Video: https://youtu.be/Av7KqJVLiYc 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter:"
YouTube Link 2025-12-09T18:13Z 1.8M followers, 38.9K engagements
"I Love the NEW CSS Functions FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html(https://webdevsimplified.com/specificity-cheat-sheet.html) CSS has received dozens of monumental updates in the last few years and this new CSS functions update might be one of the most impactful updates of all. In this video I will show you how to use this new function syntax from the basics all the way to advanced features while also showing you how this can be used for real world code. 📚 Materials/References: FREE CSS Selector Cheat Sheet:"
YouTube Link 2025-12-30T17:01Z 1.8M followers, 31.2K engagements
"Learn Advanced TypeScript In [--] Minutes (infer extends ternaries) TypeScript is a daunting language to learn (especially when diving into the more complex features) which is why in this video I will be teaching you everything you need to know about advanced TypeScript features such as extends infer string template literals ternaries and more. This is the ultimate crash course in advanced TypeScript and will teach you everything you need to know to master complex TypeScript. 📚 Materials/References: TypeScript Simplified Course:"
YouTube Link 2025-06-03T16:00Z 1.8M followers, 68.1K engagements
"Is Drizzle Really Better Than Prisma Prisma has been one of the most popular TypeScript first database ORMs for the last few years but recently Drizzle has grown in popularity due to its customization speed and ease of use. In this video I will compare everything about Prisma and Drizzle so you will know once and for all which database ORM is best for your project. 📚 Materials/References: Prisma Crash Course Video: https://youtu.be/RebA5J-rlwg Drizzle Crash Course Video: Coming Soon 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com"
YouTube Link 2024-03-12T16:00Z 1.8M followers, 121.6K engagements
"Learn Debounce And Throttle In [--] Minutes Debounce and throttle are two easy techniques to implement that will drastically increase the performance of any site that has heavy API usage. In this video I show you how to implement both techniques compare the pros/cons of each and give real world examples of when to use each technique. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/debounce-throttle-js Debounce Blog Article: https://blog.webdevsimplified.com/2022-03/debounce-vs-throttle 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:"
YouTube Link 2022-04-02T16:00Z 1.8M followers, 240.1K engagements
"Learn Fetch API In [--] Minutes Accessing data from an API is one of the most common things you will do in web development and the way to access APIs is with fetch. Fetch is function built into JavaScript that allows you to query any URL/API to get back data. The most important part is that fetch is asynchronous so it will run in the background and let you know when it finishes using promises. In this video I will show you exactly how to use fetch and all of the common mistakes people make using fetch so you can get up and running in just six minutes. 📚 Materials/References: Fetch Article:"
YouTube Link 2019-10-15T16:00Z 1.8M followers, 1.4M engagements
"Liskov Substitution Principle Explained - SOLID Design Principles 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 Liskov substitution principle. This principle is part of the SOLID design principles and is in my opinion the most important rule of SOLID for object oriented programming. The main idea of the Liskov substitution principle is that any function/module that interacts with a class should also be able to interact with all"
YouTube Link 2019-12-24T17:00Z 1.8M followers, 154.4K engagements
"Will I Survive These Advanced TypeScript Challenges FREE TypeScript Utility Types Cheat Sheet: https://webdevsimplified.com/ts-utility-types-cheat-sheet.html Using TypeScript is relatively easy but writing complex TypeScript types is incredibly difficult. In this video I will be challenging myself with [--] different levels of TypeScript challenge (easy medium and hard) to see if I can conquer these ever increasingly difficult TypeScript problems. 📚 Materials/References: FREE TypeScript Utility Types Cheat Sheet: https://webdevsimplified.com/ts-utility-types-cheat-sheet.html 🌎 Find Me Here: My"
YouTube Link 2025-10-14T16:01Z 1.8M followers, 23.3K engagements
"Learn HTML Forms In [--] Minutes Data is key to the web and the only way to collect data is HTML forms. In this video I will be covering absolutely everything you need to know about HTML forms in under [--] minutes. We will cover the main attributes of the form tag how to create input elements with labels and how to properly submit a form. This video is packed with every piece of information you need to know about HTML forms. We will start by building a registration form with basic input fields and expand upon the example covering all form elements. We will discuss everything from text input to"
YouTube Link 2019-06-08T16:00Z 1.8M followers, 1.1M engagements
"Build A REST API With Node.js Express & MongoDB - Quick In this video you will be building a fully functional REST API in under [--] minutes. You will learn how to setup a Node.js server with Express how to connect that server to MongoDB through Mongoose and how to setup a REST API with MongoDB and Node.js. This video is for any skill level and will cover all topics from the most basic server setup to more advanced API features. By the end of this video you will have all the skills needed to expand upon this API and make it your own. If you want to dive further into Node.js and MongoDB checkout"
YouTube Link 2019-05-14T14:00Z 1.8M followers, 942.2K engagements
"Stop Making this Massive Authorization Mistake Every app needs to handle authorization (aka permission) but doing so in an easy to extend and clean way is very hard. In this video I will show you how to build an incredibly robust permission system that hooks into your data access layer and UI by using CASL as the backbone of our permission system. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/casl-crash-course Better Auth Crash Course Video: https://youtu.be/WPiqNDapQrk Data Access Layer Video: https://youtu.be/Av7KqJVLiYc 🌎 Find Me Here: My Blog:"
YouTube Link 2025-11-04T17:01Z 1.8M followers, 26.3K engagements
"I Will Never Use Shadcn Form Components Again Shadcns new Field component replaces the old Form component but it is quite a bit different. In this video I will show you how all the new Field components work and more importantly I will show you how to create a clean reusable set of form components using React Hook Form and TanStack Form. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/shadcn-field-component 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified"
YouTube Link 2025-10-21T16:01Z 1.8M followers, 59.6K engagements
"JavaScript ES6 Arrow Functions Tutorial ES6 added many amazing new features to JavaScript but by far one of the best features is arrow functions. Arrow functions not only make code much more concise and legible but it also handles the scope of this in a much more intuitive way. Arrow Functions Article: https://blog.webdevsimplified.com/2020-09/arrow-functions Twitter: https://twitter.com/DevSimplified GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #ES6 #ArrowFunctions #ModernJavaScript webdevsimplified javascript es6 javascript es6 tutorial javascript"
YouTube Link 2019-01-03T15:00Z 1.8M followers, 917.2K engagements
"How To Load Images Like A Pro Lazy Load Images Article: https://blog.webdevsimplified.com/2023-05/lazy-load-images Images are the largest asset for most sites and the biggest cause for unresponsive laggy sites. In this video I will show you how to use lazy loading to not only drastically speed up your applications but to also increase the polish and quality of your site. 📚 Materials/References: Lazy Load Images Article: https://blog.webdevsimplified.com/2023-05/lazy-load-images Responsive Images Video: https://youtu.be/fp9eVtkQ4EA Responsive Images Article:"
YouTube Link 2023-06-06T16:00Z 1.8M followers, 444K engagements
"Learn JSON in [--] Minutes In this video we will cover everything you need to know about JSON in only [--] minutes. We will cover what JSON is why JSON is important what JSON is used for the syntax of JSON and multiple examples of JSON. JSON is the most popular data representation format and is one of the most important and easiest concepts you can learn in programming. It allows you to create APIs config files and structured data. We will be covering all of the terminology and going through live examples of all the different JSON types. Learn X in Y Minutes Playlist: http://bit.ly/2RscdMZ"
YouTube Link 2018-11-01T20:30Z 1.8M followers, 3.8M engagements
"Build A Calculator With JavaScript Tutorial Projects are the best way to learn JavaScript and a calculator is one of the best projects to choose. A calculator covers all the complex interactions with UI and JavaScript while still being simple enough for people of any skill level. In this video I will walk you through the steps it takes to build a completely modern calculator using JavaScript best practices. If you want to learn JavaScript or improve your JavaScript skill this is a must do project. 📚 Materials: Code: https://github.com/WebDevSimplified/Vanilla-JavaScript-Calculator 🧠"
YouTube Link 2019-04-16T14:00Z 1.8M followers, 1.7M engagements
"How To Build Your First TypeScript Project - TODO List Application It is finally time that I create a full TypeScript project. In this video I show you how to create an entire TODO list application in TypeScript. I also show you how to get started with TypeScript in both a basic and advanced way. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/typescript-todo-list Node Download Video: https://youtu.be/VShtPwEkDD0 Optional Chaining Video: https://youtu.be/v2tJ3nzXh8It=379 Optional Chaining Article: https://blog.webdevsimplified.com/2020-03/javascript-optional-chaining"
YouTube Link 2022-04-23T16:00Z 1.8M followers, 318K engagements
"You Should Be Using Types Instead Of Interfaces In TypeScript Full Video: https://youtu.be/oiFo2z8ILNo 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2023-12-21T17:00Z 1.8M followers, 78.4K engagements
"Redis Crash Course Redis is the most popular caching tool. It can be used with pretty much any programming language and provides incredibly versatile and quick caching. Redis powers a huge portion of the web so it is important to understand how it works. In this video I will be covering Redis in depth from how to install it what commands you can use all the way to how to use it in a real world project. 📚 Materials/References: Windows Subsystem Linux: https://docs.microsoft.com/en-us/windows/wsl/install-win10 JavaScript Sets Video: https://youtu.be/yJDofSGTSPQt=752 JavaScript Sets Article:"
YouTube Link 2021-06-29T16:00Z 1.8M followers, 809.8K engagements
"Learn CSS Position In [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-position Chances are you have heard of relative and absolute position in CSS but did you know there are still three other positions In this video I will be covering all five CSS positions (static relative absolute fixed and sticky) by showing you examples of each position and comparing them with each other. This video may be short but I cover everything about each CSS position in this video so you"
YouTube Link 2019-04-30T14:00Z 1.8M followers, 2.2M engagements
"How To Debug React Apps Like A Senior Developer React Simplified Course: https://reactsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-l8knG0BPr-o Debugging React apps can be a difficult process if you dont have the right tools. That is why in this video I will show you what tools you need to debug React apps like a professional and also how to properly use those tools like a senior developer. 📚 Materials/References: React Simplified Course: https://reactsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-l8knG0BPr-o Next.js"
YouTube Link 2024-07-20T16:00Z 1.8M followers, 326.8K engagements
"React Query Makes Writing React Code 200% Better I absolutely love React Query also known as TanStack Query. This library singlehandedly makes working in React so much nicer and I cant imagine creating a large scale project without it. In this video I will show you what React Query is what it can do and demo all of that in an application. 📚 Materials/References: React Query Crash Course: https://youtu.be/r8Dg0KVnfMA 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter:"
YouTube Link 2023-01-10T17:00Z 1.8M followers, 242.7K engagements
"Learn Express Middleware In [--] Minutes 🚨 IMPORTANT: [--] Year Free Hosting: https://www.atlantic.net/webdevsimplified Use code KYLE for an additional $50 Whether you know it or not you have written middleware if you have done any work with express. Middleware is simply any function that occurs between the time the server receives a request and the time a server sends a response. Understanding exactly how to use middleware effectively though can be challenging which is why in this video I cover everything you need to know about middleware in express. I even cover the most common problems I see"
YouTube Link 2020-03-28T16:00Z 1.8M followers, 467.8K engagements
"Add Beautiful Blurry Image Loading With [--] Lines of Code Full Video: https://youtu.be/hJ7Rg1821Q0 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2025-09-26T21:26Z 1.8M followers, 56.9K engagements
"JWT Authentication Tutorial - Node.js JSON web tokens are one of the more popular ways to secure applications especially in micro-services but JWT is much more complex than a simple session based user authentication. In this video I will be breaking down exactly how to set up authentication with JWT and how to ensure the authentication is secure. I will also be showing how to setup refresh tokens with JWT so that your application is even more resilient and secure. Lastly I will show how to invalidate refresh tokens which is the ultimate last step in securing an application. 📚"
YouTube Link 2019-09-21T16:00Z 1.8M followers, 1.2M engagements
"Every Project Needs This NEW Tanstack Library Tanstack has been releasing tons of libraries in the last year and the newest Pacer library is yet another incredible library that I will use in nearly every project I work on. In this video I cover what this library is how to use it and talk about why you need this library in all your projects. 📚 Materials/References: Tanstack Pacer Docs: https://tanstack.com/pacer/latest/docs/overview Tanstack Start Video: https://youtu.be/KsHbs5RMVYU Tanstack AI Video: https://youtu.be/quoNVa88XfE 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My"
YouTube Link 2026-01-06T17:01Z 1.8M followers, 58.1K engagements
"How To Prevent The Most Common Cross Site Scripting Attack Cross site scripting is one of the most common ways that a hacker will attempt to infiltrate a website. There are many different forms of cross site scripting but the most common cause of cross site scripting is using the JavaScript method innerHTML with user input. Any form of user input must be escaped before being used with innerHTML and any use of innerHTML should be thoroughly thought out to ensure no user input can make it through without being sanitized. It is such an easy mistake to make but luckily the fix is also just as"
YouTube Link 2018-10-11T20:30Z 1.8M followers, 283.4K engagements
"MongoDB Crash Course MongoDB Cheat Sheet: https://webdevsimplified.com/mongodb-cheat-sheet.html MongoDB is a complex NoSQL database with a ton of commands and intricacies. In this video I will be breaking down all the most important commands and showing you that MongoDB is actually a lot simpler to get started with than it looks. This video will cover all the Create Read Update and Delete commands that you need to know. 📚 Materials/References: MongoDB Cheat Sheet: https://webdevsimplified.com/mongodb-cheat-sheet.html MongoDB Install: https://docs.mongodb.com/manual/installation/ Mongosh"
YouTube Link 2021-09-28T16:00Z 1.8M followers, 888.2K engagements
"I Cannot Believe TypeScript Recommends You Do This TypeScript Simplified: https://courses.webdevsimplified.com/typescript-simplified/utm_source=youtube&utm_medium=video-description&utm_term=video-id-oiFo2z8ILNo The TypeScript documentation is definitely not as good as it could be but one thing that blows my mind is their recommendation of using interfaces over types. Types are more powerful in nearly every way which is why I love them and in this video I explain all the differences between types and interfaces and why you should probably be using types. 📚 Materials/References: TypeScript"
YouTube Link 2023-11-28T17:00Z 1.8M followers, 212.5K engagements
"How To Handle Errors Like A Senior Dev Error handling is something that is often overlooked in apps which is usually the sign of a junior developer. In this video I will show you how to properly handle errors in a typesafe way that makes working with your code so much easier. 📚 Materials/References: Discriminating Unions Video: https://youtu.be/xsfdypZCLQ8(https://youtu.be/xsfdypZCLQ8) Satisfies Keyword Video: https://youtu.be/Xm_VGeTpS2Q(https://youtu.be/Xm_VGeTpS2Q) Senior Dev Permissions Video: https://youtu.be/5GG-VUvruzE(https://youtu.be/5GG-VUvruzE) 🌎 Find Me Here: My Blog:"
YouTube Link 2026-02-03T17:53Z 1.8M followers, 54.8K engagements
"WTF Do These Even Mean React Simplified Course: https://reactsimplified.com/utm_source=youtube&utm_medium=video-description&utm_term=video-id-p02AIAoImzU There are so many acronyms when dealing with rendering and they all sound so similar. It is tough to know what each acronym means and which is the best option for you. That is why in this video I will be breaking down exactly what each acronym is the pros/cons of each and what applications they are best used for. 📚 Materials/References: React Simplified Course:"
YouTube Link 2023-11-21T17:00Z 1.8M followers, 151.7K engagements
"Learn SQL In [--] Minutes In this video we will cover everything you need to know about SQL in only [--] minutes. We will cover what SQL is why SQL is important what SQL is used for the syntax of SQL and multiple examples of SQL. SQL is the standard language for interacting with and manipulating data in a relational database system and is one of the most important concepts you can learn in programming. It allows you to create read update and delete data which is something nearly every application will need to do. IMPORTANT: Exercises Worksheet Repository:"
YouTube Link 2018-11-17T19:44Z 1.8M followers, 2.4M engagements
"What Is MCP Explained In [--] Minutes Full Video: https://youtu.be/ZoZxQwp1PiM 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2025-07-31T16:01Z 1.8M followers, 28.2K engagements
"NEW Tanstack AI Library is Amazing Creating apps that utilize AI is almost a necessity at this point and the brand new Tanstack AI library makes this process so much smoother. This library takes all the best parts of the Vercel AI SDK and creates its own typesafe spin on it that is a joy to work with. In this video I cover what Tanstack AI is and also how you can start using it in your projects. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/tanstack-ai-example 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:"
YouTube Link 2025-12-16T17:01Z 1.8M followers, 33K engagements
"How To Create ENV Variables In React 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2023-04-20T16:00Z 1.8M followers, 179.4K engagements
"Most Developers Are Using AI Wrong AI has changed the way we create apps but I find most developers arent using AI properly. In this video I will be going over [--] big tips that will make you significantly more productive with AI and help you avoid the biggest downsides of AI. 🌎 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:"
YouTube Link 2025-09-23T16:01Z 1.8M followers, 49.4K engagements
"Learn CSS Box Model In [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-box-model In this video I will be explaining the most important concept of CSS. The box model. Everything in CSS is made of boxes so it is crucial to understand how the CSS box model works. In this video I will use examples to explain and show how the box model works on CSS elements and by the end of this video you will have a complete understanding of the CSS box model. Box Model Article:"
YouTube Link 2019-03-16T12:00Z 1.8M followers, 739K engagements
"CSS Solves So Many Height Problems 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2025-10-02T16:01Z 1.8M followers, 52.1K engagements
"Once You Realize This You Will Never Struggle With Callbacks Again In Depth Explanation: https://youtu.be/7UMuJMiNjSk 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2022-03-17T16:00Z 1.8M followers, 402.2K engagements
"Node Just Released This Amazing Feature 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2023-11-02T16:00Z 1.8M followers, 154.7K engagements
"This Unknown TypeScript Feature is a Must Have for Large Projects Full Video: https://youtu.be/aP6w2OzidYM 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2026-01-01T17:01Z 1.8M followers, 88.3K engagements
"I Will Never Use Prettier or ESLint Again Biome is a tool that aims to replace Prettier ESLint and any other formatting/linting tools. It is an all in one tool that does all the linting and formatting for your entire application and best of all it is incredibly easy to setup and use. In this video I will walk you through everything you need to know about Biome to get it set up and configured to your preferences. 📚 Materials/References: MCP Video: https://youtu.be/ZoZxQwp1PiM Semantic Versioning Video: https://youtube.com/shorts/6hz4edk5uh0 Semantic Versioning Article:"
YouTube Link 2025-10-07T16:01Z 1.8M followers, 130.9K engagements
"How to Build the Ultimate AI SaaS Project - AI Interviews Resume Reviews Technical Questions Try Clerk: https://go.clerk.com/OjALn70 Try ArcJet: https://launch.arcjet.com/fqxiwiK AI is incredibly powerful as a tool for coding and for using in projects. In this video I will not only show you how to build the most robust AI powered job preparation platform on YouTube but I will also show you how you can utilize AI in your own coding to supercharge your development and ship better quality code faster. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/ai-powered-job-prep"
YouTube Link 2025-08-19T16:35Z 1.8M followers, 42.4K engagements
"Learn DOM Manipulation In [--] Minutes FREE JavaScript DOM Traversal Cheat Sheet: https://webdevsimplified.com/js-dom-traversal-cheat-sheet.html JavaScript Simplified Course: https://javascriptsimplified.com DOM manipulation is tough. There are lots of methods and techniques you need to master and it is not obvious which methods are best for each scenario. In this video I cover the [--] most important DOM manipulation methods that you need to know. 📚 Materials/References: FREE JavaScript DOM Traversal Cheat Sheet: https://webdevsimplified.com/js-dom-traversal-cheat-sheet.html DOM Traversal"
YouTube Link 2020-12-08T18:52Z 1.8M followers, 1.2M engagements
"Learn CSS Media Query In [--] Minutes 🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayutm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-media-query Responsive design is one of the most important parts of CSS in the modern web but it is often overlooked. In this video I will be covering CSS media queries which are the easiest and most common way to create a mobile responsive web site. I will be covering absolutely everything you need to know about media queries so you can start working with them immediately. 🧠Concepts Covered:"
YouTube Link 2019-11-19T17:00Z 1.8M followers, 913.6K engagements
"CSS corner-shape Is an Amazing NEW Property 🌎 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 webdevsimplified webdevsimplified"
YouTube Link 2025-12-11T17:01Z 1.8M followers, 63K engagements
"Next.js Authentication Master Class - No Libraries (Email/Password OAuth2 etc.) Try Clerk: https://go.clerk.com/wds-auth Building authentication from scratch is a daunting task which is why in this video I show you how to build a production ready authentication system with email/password OAuth2 cookies session management and so much more. This is the ultimate authentication crash course. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/custom-nextjs-authentication 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses:"
YouTube Link 2025-02-25T17:01Z 1.8M followers, 113.5K engagements
Limited data mode. Full metrics available with subscription: lunarcrush.com/pricing