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
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
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
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
🚨 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
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
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
🚨 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
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
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
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
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
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! 🎉
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
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!
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
Two Ways to Deploy a React Application to GitHub Pages!
🚨 NEW VIDEO ALERT! 🚨 In todays video, we’ll learn two different ways to deploy a React application to GitHub Pages. These methods will actually work with any project that requires a build step, so if you are using Angular, Vue or some other framework, these methods should work for your project as well. Enjoy! 🎉
#thecommoncoder #github #githubpages #devops #webdevelopment #react
Git and GitHub Basics: 5 Commands You Need to Learn!
🚨 NEW VIDEO ALERT! 🚨 In today’s video, we’ll take a look at the top 5 commands that you need to know when working with Git and GitHub! #git #github #gitcommands #githubcommands #thecommoncoder
https://youtu.be/OrAYLIw6_5s?si=Z7yAmjP4jyPj8AXZ
How to Use GitHub Pages: 2024 Beginner’s Guide
🚨 NEW VIDEO ALERT! 🚨 In todays video, we’ll learn how easy it is to host your projects using GitHub Pages. Enjoy! #github #githubpages #webdevelopment #thecommoncoder
https://youtu.be/5XhxR9Vs6zc?si=2au51YqlVChSKYtF
Quick and Easy SSH Key Setup for Github! (Mac & Windows)
Do you want to learn how to set up an SSH key for use with GitHub? In this video, we’ll walk you through everything you need to know about creating a new SSH key and adding it to your GitHub account. Enjoy! 🎉 #thecommoncoder #github #git #webdevelopment
Git Tutorial: Learn How To Use Git in 23 Minutes!
Do you want to learn how to use Git? In this tutorial, we’ll cover the essential Git commands that you need to know, so that you can start using version control inside of your projects. Enjoy! 🎉 #git #gittutorial #howtousegit #thecommoncoder
How to Create a GitHub Account (For Beginners!)
Have you been wanting to create a GitHub account but aren’t sure where to start? In todays video, we’ll go over how to create a GitHub account from scratch and give a high level overview of the various menu options once you’re signed in. Enjoy! #thecommoncoder #github #githubaccount #githubtutorial #webdevelopment
Top 10 VS Code Extensions for Web Developers (And How to Use Them!)
Are you looking for the best VS Code extensions for web developers in 2024? In this video, we’ll dive into what I believe to be the top 10 VS Code extensions that every web developer should have in their toolkit. These extensions are framework agnostic, and can benefit any developer regardless of skill level. Enjoy! 🎉 #vscodeextensions #vscode #visualstudiocode #webdevelopment #thecommoncoder
Mastering VS Code: 10 Keyboard Shortcuts Every Developer Should Know!
Looking for the best VS Code shortcuts to enhance and speed up your workflow? In today’s video, we’ll dive into the top 10 shortcuts for VS Code that every developer should know! #vscode #vscodeshortcuts #visualstudiocode #webdevelopment #thecommoncoder
Visual Studio Code: Overview and Tutorial for Beginners!
NEW VIDEO UP! 🎉 In today’s video, we’ll run through a complete overview of Visual Studio code and discuss the features that you need to know. This includes working with files and folders, navigating the sidebar panels, using the integrated terminal, the search bar, command palette and more. Hope you enjoy! #visualstudiocode #vscode #webdevelopment #thecommoncoder
Installing Visual Studio Code on Mac and Windows (Step-by-Step)
NEW VIDEO UP! In this video, we’ll learn how to download and install Visual Studio Code for Mac and Windows. We’ll be using VS Code exclusively in the videos on this channel, so I wanted to put together a quick tutorial on how to install it. Enjoy! #visualstudiocode #webdevelopment #thecommoncoder
Understanding HTML Block and Inline Elements!
NEW VIDEO UP! In today’s video, we introduce the HTML Document Flow and discuss the key differences between Block, Inline and Inline-Block elements in HTML. Enjoy! #html #htmlcoding #WebDevelopment #webdeveloper #thecommoncoder https://youtu.be/0Cz5_QQx32A?si=B2ZQ1Wvr4VUlMA7i
How To Validate HTML Code – What You NEED To Know!
NEW VIDEO UP! Today’s video is all about HTML validation. We’ll talk about what HTML validation is, why it’s important, and demonstrate several ways we can validate our HTML code to ensure that it is compliant with the latest web standards. Enjoy! https://youtu.be/fgaJVqjOe7w?si=iixRDzqVmvcqZQJK
Exploring the Basics: What is HTML?
Welcome to The Common Coder! For our first video, we answer the question of “What is HTML?” by exploring the absolute basics of HTML. We talk about HTML documents, tags and elements, and wrap up with a demo on how to create our very first HTML file. Enjoy!