How to start learning Web Development?
Written by Iuliia on June 1, 2016
In a previous blog post we talked about how to determine if learning Web Development is something you want to pursue. If you are reading this then you are ready to take your first steps. It is time to learn the basics of every website on the internet.
There are many resources on Internet you can use to learn HTML, CSS and JavaScript, here are my favorites:
You will also need the following Web Development Tools:
- Text Editor – to write code.
- Browsers – to view your work in several different ones, they all interpret HTML little differently.
- Version Control – save your work in a logical and organized way.
- Host – saves your HTML files on their web servers, so your files can be publicly available.
First of all, you will have to get a text editor, it is gonna be your best friend 🙂 Be kind to it 🙂
When I went to University to get my certification in HTML, CSS and Responsive Design, my teacher introduced us to several text editors, and I chose Brackets, simply because It’s easy to use and I like the design, But here is the list of text editors for you to choose from:
After you downloaded and installed an editor on your computer, let’s say you got Brackets:
- Open your text editor
- Click File -> New
- Copy the text below and Paste it into the editor
<!DOCTYPE html>
<html lang="en">
<head>
<title>My first website</title>
</head>
<body>
<h1>Hello, world!</h1>
<p>My first website.</p>
</body>
</html>
- Create a folder on your Local Disc C, and name it whatever you want, let’s say you named it “Study”. Go back to your text editor.
- 5 . Click “Save as” , and save it in a folder you created before, and name your file index.html
“When an HTTP client (generally a web browser) requests a URL that points to a directory structure instead of an actual web page within the directory, the web server will generally serve a default page, which is often referred to as a main or “index” page.
A common filename for such a page is index.html, but most modern HTTP servers offer a configurable list of filenames that the server can use as an index.” – Wikipedia.
Simply double click the file you just saved in a folder and your website will open in a preferred browser.
Voila, here is your first website!
How easy was that?
Okay, I will leave you and your text editor to get acquainted, play with it, read documentation on how to use it, most of them have awesome perks you can use to make you life easier.
If you want more examples of HTML , W3school has many of them, don’t be shy to check it out.
Here are links on documentation for each of the text editor I listed above:
After you all set with a text editor, I want you to download several browsers on your computer, if you don’t have them yet here are some links:
You will need that many browsers, to check how your website looks in every browser.
Alright, I think we covered a lot today, you did a very good job! Next time we will talk about version control.
Good Luck
See you next time!
Categories: Coding
1 Comment
Super helpful and informative! Thank you!