Hi, welcome to the HTML and CSS course for absolute beginners, where you will acquire solid foundation in HTML and CSS in an absolutely practical way, and learn how to build websites from scratch to finish.
No previous coding experience required.
This course is well designed for absolute beginners, who are looking forward to learning HTML and CSS practically, without having to go through all the technical and unnecessary jargons found on the net.
Watch the video or continue reading
As a beginner, it becomes difficult finding the right resources to start with, and where to even start from. If you are unlucky to come across the right course and the choice of language to learn first, it can destroy your motivation to code or even quit coding in your life.
When I started first time in coding, I easily got bogged down with so much content because I think that, most of the courses that are found online are too much elaborate for absolute beginners to understand. So, I have designed this course knowing what is involved and how the beginner can get the whole thing very easily. In this course, you will learn only the most used concepts and the most essential ones.
To better assure you, you have come to the right course to start your coding carrier while keeping you motivated and never wanting to ever quit.
At the end of this course, we will combine all what we have learnt in this course to build a beautiful website and publish it.
We will start by learning basic html and some simple CSS properties, and then deeper concepts of both simultaneously. This choice of learning process is most effective than having to finish learning HTML and then start with CSS. You will be motivated with enough real-life practical activities at every step.
REQUIREMENTS
I would only suggest a few things in this lecture that will make your learning experience better. First, before you begin any lecture, close all other applications on your system so that, you can have least distractions
You will need
- · A laptop or desktop with good internet connection
- · A good learning attitude
- · Code along with me; the best you can get out of this course is to watch this video and code simultaneously along with me.
If you cannot code at the speed of the video, make sure to pause the video every time and follow along, before you continue to the next step.
To make this easy for you, you should watch the video on a different screen while you do the coding on another screen. For example, you can watch the video on another laptop or a desktop or on your phone while you code with another laptop.
· Don’t skip steps, activities or any part of this course.
Every single concept included in this course is very important in the design of this course, all of which is part to building basic website using HTML and CSS.
· Things just look slightly different, but you are good to continue with your existing operating system, windows, Linux or MacBook.
· Having said that, remember, don't feel bad to ask your questions. Ask all your questions where you don’t understand and I will address that ASAP.
Things to get ready:
We will need a web browser, so go ahead and install one for yourself. I use Google chrome but you can use any other browser you prefer. I will leave links to recommended browsers that you can use.
Secondly, we will need a text editor. You can use any other text editor but I prefer to use brackets editor because
1. It is open source
2. It has live preview that will make our learning much quicker
To get brackets, go to the link given in the description of this video or visit their website brackets.io. Download and install the latest version available. I already have brackets installed so, you can go ahead and install it if you don’t have one. Download Brackets here
When you launch brackets the first time, this is the first screen you will see.
When brackets launches, come to the right side of the screen and you should see this live preview icon. Click on it and it should preview the getting started code on your first screen. If this does not work, don’t worry, just relaunch your browser and it should work pretty fine for you. If the live preview still doesn't work for you, don't worry much because, you can always click on your html file to open it with your favorite browser.
Another powerful text editor which is open source that you can use is Visual studio. I will leave the link so that you can go and download it for yourself. Download Visual Studio here
In this lecture I will always leave the source codes attached to every concept, activity or exercise so that you can always compare with your code to see whether you are on the right track. To make things easier, I will leave the working codes into a single repository which you can find on GitHub.
Don’t do copy and paste work. Always work on the activity on your own and then if it doesn’t look the same then you can now download the code and compare with your own to correct your errors and then move forward.
If you know this course has helped you and you want to support my work, you can consider purchasing this course on Udemy. I will leave the link to this course on Udemy at the end of this course. You will get my full support and personal guiding when you purchase the course.
Course Content
This course has two parts. Part one is dedicated to learning HTML and Part two is essential CSS stylings.
The course is designed in such a way that you first learn the simplest parts of html and css and then you will come across deeper concepts.
There are enough activities at every step. These activities not only help you evaluate yourself but also gives you confidence to move forward along with giving you an idea of where exactly in real life you will apply all this knowledge.
At the end we will build a complete website and publish it for free.
All right, having gotten enough insight about what this course is all about, let’s get straight into the course.
Before we start, we first need to know what HTML and CSS is.
What is an HTML file?
To know what an HTML file is, we first need to understand what a web page is. A web is something that is available on the web or the internet.
So whenever we say the word internet, what comes to our mind is nothing but a browser. Whenever we open a browser and hit a link on a browser, what gets on the screen is a web page. Or better still, a page that is hosted by the browser that is shown to us is called a web page.
Now, a browser only understands marked up languages and not a plain language. An HTML, which stands for hypertext marked up language is one such language that browsers like chrome, internet explorer, fire fox and safari only understands.
Therefore, for the browser to store some data and read this data as a web page on our screens, that data must first be written into an HTML file.
So, if this is your browser, it has what we call a parser inside that reads an HTML file and displays it as the web page that we want to see. So, if this is your HTML file, the browser understands it and displays the information it contains on your screen.
For example, if you have an HTML file on your pc, when you click on it, your browser will display it on your screen as a webpage.
Having understood that, HTML is the building block of a web page. So HTML alone does not make a webpage or website look beautiful. For example, if you are building a house, it is first built using bricks and cement.
This does not look beautiful yet. This is what an HTML is. So for us to decorate this house and make it look beautiful, we need to add some CSS.
So what then is CSS?
To make this house beautiful, we need to paint it, add some interior decoration and furniture to make it look like this.
So, CSS is the styling we give to HTML.
So you will realize that, HTML alone cannot give you a beautiful webpage or website. It needs styling and that is; CSS to look complete. In the same way, CSS can only exist if there is a structure, that is, an HTML to decorate, otherwise, you cannot decorate nothing.
So, that’s why we are combining HTML and CSS in this course. And to make your future coding easy for you, consider this course as a strong foundation if you will want to learn java script after this course. Because, HTML is the host of java script.
You must understand HTML before you can write java script. So this HTML course will set a solid foundation for your further studies in coding.
Alright, just grab this introduction in your mind for now and never forget this. In the next lecture, we shall dive straight into part one of this course; that is, coding basic, and to a little advance HTML.
Goodbye and see you in the next lecture.
0 Comments