DEV Community

Žane Suhadolnik
Žane Suhadolnik

Posted on

8 3

FRONTEND DEVELOPER GUIDE - PART 2

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:

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

Top comments (1)

Collapse
 
salihbezai profile image
salihbezai

thank you

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay