loading...

FRONTEND DEVELOPER GUIDE - PART 2

zasuh_ profile image Žane Suhadolnik ・1 min read

Frontend Developer Guides (3 Part Series)

1) FRONTEND DEVELOPER GUIDE - PART 1 2) FRONTEND DEVELOPER GUIDE - PART 2 3) FRONTEND DEVELOPER GUIDE - PART 3

Welcome to part 2 of my blog series!


PROJECTS TO BUILD

This part is going to focus on just some recommendations about building front-end web dev projects. They are going
to scale as the list goes down.

  • Make your own site using just HTML/CSS. No frameworks and no JavaScript. Write the code yourself.
  • Clone one template from here using just HTML/CSS.
  • Create a "Simon says", "Towers of Hanoi" or "Tick Tack Toe" game (HTML/CSS/JS).
  • Clone this.
  • Do CSS Zen Garden.
  • Sign up for freeCodeCamp. Do just the front-end projects, skip the tutorials.
  • Recreate your website using Vue, React and Angular.
  • Clone this dashboard using a framework of your choice.
  • Write your own CSS grid system.
  • Clone Reddit.
  • Clone Twitter.
  • Clone Facebook.
  • Clone the Netflix landing page.
  • Clone Spotify.

Some more resources that list projects:

Frontend Developer Guides (3 Part Series)

1) FRONTEND DEVELOPER GUIDE - PART 1 2) FRONTEND DEVELOPER GUIDE - PART 2 3) FRONTEND DEVELOPER GUIDE - PART 3

Posted on May 25 by:

zasuh_ profile

Žane Suhadolnik

@zasuh_

Web Development, Programming, Computers, Films, Books, Outdoors, Metal, Games, Random thoughts.

Discussion

markdown guide