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.
FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified
? Materials/References:
FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified
Reference vs Value Video: https://youtu.be/-hBJz2PPIVE
Reference vs Value Article: https://blog.webdevsimplified.com/2021-03/js-reference-vs-value
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:39 - Using state when you don’t need it
02:57 - Not using the function version of useState
06:44 - State does not update immediately
08:25 - Unnecessary useEffects
12:40 - Referential equality mistakes
16:55 - Not aborting fetch requests
#WebDevelopment #WDS #JavaScript
...
https://www.youtube.com/watch?v=GGo3MVBFr1A
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
...
https://www.youtube.com/watch?v=tgbRY96q-KM
One of the biggest mistakes JavaScript developers make is not fully understanding how scoping works. There are 4 different levels of scoping and if you don’t have a strong grasp of how they interact with each other it can be incredibly difficult to write complex JavaScript code. In this video I cover all 4 different levels of scoping in JavaScript and how you can use them to your advantage.
? Materials/References:
ES Modules Video: https://youtu.be/cRHQNNcYf6s
ES Modules Article: https://blog.webdevsimplified.com/2021-11/es6-modules/
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:30 - What is a scope
02:12 - Global Scope
04:02 - Module Scope
05:53 - Block Scope
07:35 - Function Scope
08:55 - Using multiple variables with the same name
#Scoping #WDS #JavaScript
...
https://www.youtube.com/watch?v=TkFN6e9ZDMw
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: 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: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:24 - Best way to learn Tailwind
04:28 - How to learn advanced Tailwind
#TailwindCSS #WDS #CSS
...
https://www.youtube.com/watch?v=Ksn1tThNTjI
This is for all the marbles. Kevin and I are going head to head in a CSS Battle to determine who is truly the King of CSS.
? Materials/References:
The CSS Battle: https://cssbattle.dev/play/80
Kevin’s Video: https://youtu.be/A0J-hB3kSQ4
? 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
#CSSBattle #WDS #KevinPowell
...
https://www.youtube.com/watch?v=4ya4wpDgy_o
This is my most comprehensive video to date. In this video I cover absolutely everything you need to know about Node.js, MongoDB, and Express by building out a complete blog with markdown support. This video covers a ton of content from the basics of setting up an Express server to the complex structure of building a full stack web application. If you are wanting to get started in web development then this is the perfect tutorial for you.
? Materials/References:
GitHub Code: https://github.com/WebDevSimplified/Markdown-Blog
MongoDB Install Tutorial: https://youtu.be/wcx3f0eUiAw
Async/Await Tutorial: https://youtu.be/V_Kr9OSfDeU
? Concepts Covered:
- How to create an Express server
- Connecting MongoDB with Express
- The structure of a full stack application
- How to setup database hooks
? 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
#Node.js #WDS #Express
...
https://www.youtube.com/watch?v=1NrHkjlWVhM
Intro.js is an amazing library that makes creating interactive walkthroughs on your web application incredibly easy. In this video I am going to attempt to replicate the behavior of this library from scratch for the very first time ever. There will be plenty of mistakes, and bugs I run into and you will be able to see live exactly how I solve those issues.
? Materials/References:
GitHub Code: https://github.com/WebDevSimplified/introjs-clone-library
IntroJS Site: https://introjs.com
Tooltip Tutorial: https://youtu.be/ujlpzTyJp-M
Tutorial On Cards From This Video: https://youtu.be/h2x4YTI6WeE
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:18 - Demo/Setup
01:20 - CSS
15:11 - Modal JavaScript
39:12 - Highlight JavaScript
#CSS #WDS #JavaScript
...
https://www.youtube.com/watch?v=vTsVl66q9jo
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: https://youtu.be/VShtPwEkDD0
Async/Await Video: https://youtu.be/V_Kr9OSfDeU
Async/Await Article: https://blog.webdevsimplified.com/2021-11/async-await
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:30 - Mongoose basics
08:40 - Schema Types
12:42 - Schema Validation
18:55 - Query Basics
24:04 - Schema Methods/Virtuals
30:12 - Schema Middleware
#Mongoose #WDS #MongoDB
...
https://www.youtube.com/watch?v=DZBGEVgL2eE