Skip to content

HTML & CSS

Waqas Ali edited this page Sep 27, 2018 · 1 revision

We believe learning by doing is the best way to learn 💪Rather than watching long and boring videos, let's get our hands dirty right away. We will be using FreeCodeCamp to learn. This way you don't have to worry about setting up the right software in your PC.

Most FreeCodeCamp exercises exaggerate the time it takes to complete them so don't get scared from that. In my opinion, web dev is just a skill and anyone can learn it.

You don't have to be a computer scientist to know web development. Computer science and web development are completely different things (it takes the same time for a computer scientist and a layman to learn Web Dev).

What to do:

  1. Complete Basic HTML exercises
  2. Complete Basic CSS exercises
  3. Complete Visual Design exercises
  4. Complete Responsive Design exercises
  5. Complete Bootstrap exercises (Bootstrap is a giant collection of handy, reusable bits of code written in HTML, CSS, and JavaScript. It’s also a front-end development framework that enables developers & designers to quickly build fully responsive websites. Bootstrap saves you from writing lots of CSS code, giving you more time to spend on designing webpages.)
  6. Create one of the projects listed here and share in the main WhatsApp group! (We would love to see your progress 😃)

If you face any problem, do the following until you solve it:

  1. 💻 Use "get a hint" or "watch a video" option on FreeCodeCamp.
  2. 🔍 Google for at least 10 minutes. (The Read-Search-Ask Methodology for getting unstuck)
  3. 📱 Send a message in the Turing Club WhatsApp group and someone will help you out.

Congratulations on finishing! 💃

If you have any suggestion or feedback about this tutorial, share it in the group so we can improve it for those after you.