#thecommoncoder

[thecommoncoder]

🚨 NEW VIDEO ALERT! 🚨

In this video, we’re breaking down the essentials of CSS—syntax, ways to add it to your HTML, key types of selectors, and even some advanced concepts like combinators, pseudo-classes, pseudo-elements and specificity. Enjoy! 🎉

#css #webdevelopment #csstutorial #learncss #thecommoncoder

https://youtu.be/qoNSnSErLJQ?si=eLcSF5AFPZL6mYGl

[thecommoncoder]

Semantic HTML: What It Is and Why It Matters!

🚨 NEW VIDEO ALERT! 🚨

In today's video, we'll introduce an important concept in web development known as semantics. Semantic HTML helps provide proper meaning to your markup, while also making your website more accessible, improving your SEO, and keeping your code clean and organized. Enjoy! 🎉

#coding #html #semantichtml #webdevelopment #cleancode

https://youtu.be/Pf0LC6Rx9dg?si=sNtraatCLbZvzUfk

[thecommoncoder]

Should YOU Be Coding with AI in 2025? (Pros and Cons)

🚨 NEW VIDEO ALERT! 🚨 In today's video, we’re exploring the pros and cons of coding with AI. Are these tools making us better developers or just more dependent? We'll also discuss when to use AI, when to be cautious, and how to make it work for you. Enjoy! 🎉 #ai #codingwithai #softwareengineering #webdevelopment #thecommoncoder

[thecommoncoder]

The CSS Box Model Explained for Absolute Beginners!

🚨 NEW VIDEO ALERT! 🚨

The CSS Box Model is the key to understanding how elements are sized and spaced on a webpage! In this video, I break it all down—content, padding, borders, margins, and how we can alter the box model to make your layouts more predictable. Enjoy! 🎉

#css #boxmodel #cssboxmodel #webdevelopment #thecommoncoder

https://youtu.be/4-XCi-rxhjw?si=1VLQRYKoCWzsfw_r

[thecommoncoder]

How to Set Up Tailwind CSS in VS Code! (Beginner's Guide)

🚨 NEW VIDEO ALERT! 🚨 Want to get the most out of Tailwind CSS in VS Code? In today’s video, we’ll walk through the setup process and explore three must-have Tailwind CSS extensions to optimize your workflow and enhance your development experience. Enjoy! 🎉 #tailwindcss #vscode #webdevelopment #thecommoncoder https://youtu.be/gNTnu-OPuYQ?si=Tk39fFx2x5R5o9mR

[thecommoncoder]

How to Install Tailwind CSS in 2025! (For Beginners)

🚨 NEW VIDEO ALERT! 🚨 Installing Tailwind CSS doesn’t have to be complicated. In this video, we'll learn the four main installation methods—Vite, PostCSS, Tailwind CLI, and CDN—so you can choose the best fit for your workflow. Enjoy! 🎉 #tailwindcss #tailwindinstallation #tailwindinstall #webdevelopment #thecommoncoder https://youtu.be/Rrowv9BreBg?si=8OygL8f_WgzB5_PK

[thecommoncoder]

🚨 NEW VIDEO ALERT! 🚨

Are your images not displaying in GitHub Pages? In today’s video, we break down four common reasons why this happens—and, more importantly, how to fix them. Enjoy! 🎉

#GitHubPages #GitHub #WebDevelopment #TheCommonCoder

https://youtu.be/K942H-5MW4w?si=pYtbqoL3k6TXYhyy

[thecommoncoder]

Boost Your CSS Skills with Compound Selectors!

🚨 NEW VIDEO ALERT! 🚨 

 Ready to take your CSS skills to the next level? In today’s video, we dive into CSS compound selectors and show you how to combine basic selectors to create more specific rules. Compound selectors help you target elements that meet multiple criteria and reuse existing styles to create new ones—all without duplicating code. Enjoy! 🎉

#csscompoundselectors #css #cssselectors #webdevelopment #thecommoncoder

[thecommoncoder]

Five CSS Selectors That Every Developer Should Know!

🚨 NEW VIDEO ALERT! 🚨 In this video, we'll learn the 5 basic CSS selectors every developer needs to know. These fundamental CSS selectors make it easy to target and style HTML elements, and are the building blocks for more advanced CSS techniques. Enjoy! 🎉 #cssselectors #css #webdevelopment #thecommoncoder https://youtu.be/NGmmsNqjyMM?si=JB9OlFPGJmOvSs8u

[thecommoncoder]

StandardJS Tutorial: A Simple Alternative to Prettier & ESLint!

🚨 NEW VIDEO ALERT! 🚨 

 In todays video, we'll explore a simple alternative to Prettier and ESLint called StandardJS. StandardJS has been around for a while, but it's simplicity over other tools makes it something that every developer should consider depending on the needs of their project. We'll cover the installation of StandardJS, how to use the utility from the command line, and how to take full advantage of it's linting and formatting capabilities with the official extension for Visual Studio Code. Enjoy! 🎉 

#standardjs #eslint #prettier #webdevelopment #javascript #thecommoncoder 

 https://youtu.be/AgA85NNdHQ0?si=ZwLqSoHYEIiEaEyb

[thecommoncoder]

Prettier & ESLint in Visual Studio Code: The Ultimate Guide

🚨 NEW VIDEO ALERT! 🚨

In todays video, we'll finish up our series on using Prettier and ESLint with Visual Studio Code. Specifically, we'll learn how to set up Prettier and ESLint so that they play nicely with each other, and how to configure VS Code to fix any ESLint errors that are automatically fixable whenever we save our files. Enjoy! 🎉

#prettier #eslint #vscode #visualstudiocode #webdevelopment #coding #programming #thecommoncoder

https://youtu.be/IRdPRIPd9FM?si=vCYSU4i3_eLbagvg

[thecommoncoder]

How to Use Prettier with VS Code! (2024 Full Tutorial)

🚨 NEW VIDEO ALERT! 🚨

In today's video, we'll learn how to install and configure Prettier for use with Visual Studio Code!

Prettier is an opinionated code formatter that takes the hassle out of styling decisions in your projects. We'll learn how to install Prettier via the command line, install and configure the Prettier extension for VS Code to automatically format our files, and how to overwrite some of the default Prettier rules. Enjoy! 🎉

#prettier #vscode #webdevelopment #coding #thecommoncoder

https://youtu.be/_fzbg6_-JuE?si=YyQwXEI0lj4chH1b

[thecommoncoder]

The BEST Way to Use ESLint with Visual Studio Code!

🚨 NEW VIDEO ALERT! 🚨

In this video, we'll learn how to set up ESLint in Visual Studio Code by making use of the ESLint extension. The ESLint extension for VS Code allows us to see real time feedback about our code, and provides various tools to help us write clean and error free JavaScript. Enjoy! 🎉

https://youtu.be/ycPl2NUFksg?si=_tcXr3QPKecHxTTO

[thecommoncoder]

How to Set Up ESLint: 2024 Beginner's Guide

🚨 NEW VIDEO ALERT! 🚨

In todays video, we'll learn how to install and configure ESLint so that you can write clean and error free JavaScript code. Enjoy! 🎉

#thecommoncoder #eslint #javascript #webdev #webdevelopment

https://youtu.be/eieTlMwCwWU?si=EPuIlKvKCFm1PX1N

[thecommoncoder]

How to Download and Install Node.js in 2024 | Mac & Windows

🚨 NEW VIDEO ALERT! 🚨

In todays video, we'll learn how to install Node.js on Mac and Windows computers. As we move into learning about JavaScript, we'll need Node.js not only to write code that can run on a server, but also to install and utilize other tooling that will help us with our overall development workflow. Enjoy!

[thecommoncoder]

Git Essentials in VS Code: A Step-by-Step Guide

🚨 NEW VIDEO ALERT! 🚨 In todays video, we'll cover everything you need to know about working with Git inside of VS Code. This includes initializing a new repository, adding and modifying files, committing and stashing changes, and finally publishing our repository to GitHub and synchronizing changes. Enjoy! 🎉 #thecommoncoder #git #vscode #visualstudiocode #github https://youtu.be/twsYxYaQikI?si=M-5p00fXa7STHJYN