HTML Tutorial for Beginners: HTML Crash Course
Programming with Mosh
Welcome to the first part of the ultimate HTML and CSS
series. In this series, I'm going to take you on a journey
and teach you all the skills you need to build fast and
beautiful websites that look great on all kinds of
devices. I assume you know nothing about HTML or
CSS, so we'll start from scratch. In the first part of this
series, we'll talk about the fundamentals of web
development with HTML and CSS. In the second part,
we'll explore advanced concepts, and in the third part,
we'll put everything together and build a beautiful
responsive and fast website for an imaginary cloud
hosting company called Mashify. If you want to see the
website we'll be building, just head over to
mashify.com. I'm Ash Hamadani, and I've taught
millions of people how to code and become
professional software engineers through my coding
school and YouTube channel. If you're new here, be
sure to subscribe as we upload new videos all the time.
Now let's jump in and get started.
The Tools You Need
First, you'll need a code editor. There are many code
editors out there, such as Visual Studio Code, Sublime
Text, Atom, and so on. In this course, I'll be using VS
, Code. You're welcome to use your favorite code editor
if you know what you're doing, but if not, head over to
code.visualstudio.com and download the latest version
of VS Code. Once you have VS Code installed, we'll
need to install a couple of extensions. Open the
extensions panel and search for "Prettier Code
Formatter". Install this extension, as it will help us
format our code. Next, search for "Live Server" and
install this extension as well. Live Server allows us to
launch our website inside a development web server.
Finally, we'll need a browser to view and test our web
pages. In this course, I'll be using Google Chrome, and I
encourage you to use the same browser so you can
easily follow along.
Getting Started with Web Development
We're going to start our web development journey
here. In every section, you'll learn something new about
web development, and by the end of this course, you'll
be able to build a beautiful web page. In this section,
we'll talk about the fundamentals of web development,
including the languages and tools used, as well as key
concepts and vocabulary such as URL, HTTP, DOM, and
more. We'll also explore how websites work and learn
about inspecting network traffic using Chrome
DevTools. We'll cover the basics of HTML and CSS and
discuss the importance of validating web pages. This is
going to be an awesome journey, so let's get started.
Programming with Mosh
Welcome to the first part of the ultimate HTML and CSS
series. In this series, I'm going to take you on a journey
and teach you all the skills you need to build fast and
beautiful websites that look great on all kinds of
devices. I assume you know nothing about HTML or
CSS, so we'll start from scratch. In the first part of this
series, we'll talk about the fundamentals of web
development with HTML and CSS. In the second part,
we'll explore advanced concepts, and in the third part,
we'll put everything together and build a beautiful
responsive and fast website for an imaginary cloud
hosting company called Mashify. If you want to see the
website we'll be building, just head over to
mashify.com. I'm Ash Hamadani, and I've taught
millions of people how to code and become
professional software engineers through my coding
school and YouTube channel. If you're new here, be
sure to subscribe as we upload new videos all the time.
Now let's jump in and get started.
The Tools You Need
First, you'll need a code editor. There are many code
editors out there, such as Visual Studio Code, Sublime
Text, Atom, and so on. In this course, I'll be using VS
, Code. You're welcome to use your favorite code editor
if you know what you're doing, but if not, head over to
code.visualstudio.com and download the latest version
of VS Code. Once you have VS Code installed, we'll
need to install a couple of extensions. Open the
extensions panel and search for "Prettier Code
Formatter". Install this extension, as it will help us
format our code. Next, search for "Live Server" and
install this extension as well. Live Server allows us to
launch our website inside a development web server.
Finally, we'll need a browser to view and test our web
pages. In this course, I'll be using Google Chrome, and I
encourage you to use the same browser so you can
easily follow along.
Getting Started with Web Development
We're going to start our web development journey
here. In every section, you'll learn something new about
web development, and by the end of this course, you'll
be able to build a beautiful web page. In this section,
we'll talk about the fundamentals of web development,
including the languages and tools used, as well as key
concepts and vocabulary such as URL, HTTP, DOM, and
more. We'll also explore how websites work and learn
about inspecting network traffic using Chrome
DevTools. We'll cover the basics of HTML and CSS and
discuss the importance of validating web pages. This is
going to be an awesome journey, so let's get started.
