A tech blog.

Introduction to Web development. [Chapter 3]

Introduction to Web development. [Chapter 3]

In this chapter, I am assuming that you have already learnt the basics of Frontend web development like HTML, CSS, JAVASCRIPT and BOOTSTRAP. Now, it's time to discuss the projects that you can make to sharpen your skills and practice coding.


There are literally so many projects that can be developed using the basics of Frontend web development. To develop these projects, you need to be consistent and you need to have the ability to search for solutions to the problems that you are going to face during the project development.


 You should always remember that projects are something that show your skills and knowledge. So, you need to make sure that your projects are good but it doesn’t mean that you have to create an awesome project from the very beginning, no, it’s absolutely not like that, you should try to create some basic projects first and them you should go for intermediate level and then you should go for some advanced level projects.


Here is a list of projects and the reasons why you should try to create them.


  1. Basic Static Web page. ( to make you feel comfortable and confident in coding)

  2. A parallax website. (if you don’t know parallax just click here for the demo.)

  3. Your personal portfolio website. (This is important.)

  4. A Landing Page. ( this will help you think of different designs)

  5. A Website with a form. (make sure to use the form validation techniques as much as possible as it will create an impact ).

  6. A web page that includes the knowledge of CSS flexbox or CSS grid. ( this will enhance your ability to make excellent responsive websites.)


Hope it helps, have a nice day.


So after doing some projects, you may go for different popular libraries or frameworks that are there to make the frontend web development experience easy and smooth. We will be discussing them in Chapter 4.


Click here for Chapter 4 >>