Learn how to design and create websites resources in 2021,get a job, freelance and have fun, all with your PC.

Requirements: Determination and your lappy, Also read How the Web Works

A website is made up of two major parts: frontend and backend.

Frontend: is basically what you can see and interact with on a website.

Backend: this is basically background work that you can't see, this is where the logic and data management takes place.

Take your phone for example, the screen is what you use to interact with the phone, but behind that screen is a mechanism that makes it works, yeah, something like that.

---

FRONTEND
For frontend there are some major things you need to learn.

A. HTML (HYPERTEXT MARKUP LANGUAGE)
We use HTML to design the structure or blueprint of a website, it's just like laying bricks to build a house.
Look at Nairaland for example:

It has a:
- head(title, meta, links)
- body(nav bar, links, titles, paragraph, pictures, videos, footer)

All these come together to make Nairaland.

B. CSS (CASCADING STYLE SHEET)
So I have got a blueprint/structure but that's not enough. To make a website attractive and responsive you need CSS.

Example of CSS on Nairaland is the background colour of the website.

LEARN HTML AND CSS RESOURCES:
A.HTML intro
B. Build your first web page

C. JAVASCRIPT(JS)
JS is a programming language, with this you can make a website interactive and dynamic.

Example of JS on Nairaland is the like, quote buttons.

D. FRONTEND FRAMEWORKS
Frameworks contain pre-written code. For example I wanna create a button, I have to start writing code to do that, frameworks give you a button directly.

Frameworks make coding a bit easier or not. I strictly advise learning HTML, CSS and JS first before moving to frameworks.

Major frontend frameworks:
Bootstrap
Tailwind.CSS

react.js tutorial
vue.js tutorial

---

BACKEND

A. Programming Language
So like I said earlier, this is where the main website logic takes place, tou will need to learn a programming language like: Python, Javascript, PHP, Java etc.

B. SQL (Structured Query Language)
SQL helps us to store, retrieve and manage data from the database. How does nairaland retrieve posts that were made today from the database? SQL.

Learn SQL: SQL
Practise SQL

C. DBMS (DATABASE MANAGEMENT SYSTEM)


D. BACKEND FRAMEWORKS
Also like frontend frameworks they save time and increase efficiency of developers.
e.g
Django Tutorial
Laravel Tutorial
Express js -
Spring -

IMPORTANT MENTIONS:

A. Learn how to use GitHub
Github is a versioning system for managing your web projects, you can upload your projects to GitHub and even share it with others. Many companies/organisations use GitHub. So you need to learn how to use it.

B. Build projects, no matter how small they seem

C. Don't just copy tutorials, understand the logic and try to add yours, very important.

D. Have a portfolio(a site where you show projects you have done). You could even use it to apply for jobs.