180-Day Roadmap To Get a Web Development Job

Day 1 – 20: Learn HTML and CSS Basics

• Objective: Understand the structure of web pages using HTML and style them with CSS.
• Resources:
  • Codecademy’s Learn HTML Course
  • Codecademy’s Learn CSS Course
  • FreeCodeCamp: Responsive Web Design Certification
• Advice: Focus on building simple static web pages. Experiment with layouts and styles to reinforce your learning.

Day 20 – 40: Learn JavaScript Basics (Vanilla JS)

• Objective: Gain a foundational understanding of JavaScript and its core concepts.
• Resources:
  • Eloquent JavaScript (free online book)
  • JavaScript.info
  • MDN Web Docs: JavaScript Basics
• Advice: Work on small projects or challenges (e.g., JavaScript quiz) to apply what you learn practically.

Day 40 – 60: Learn React

• Objective: Understand the fundamentals of React and how to create dynamic user interfaces.
• Resources:
  • Official React Documentation
  • FreeCodeCamp: Front End Libraries Certification
  • Codecademy’s Learn React Course
• Advice: Build small components and progressively larger applications to strengthen your understanding.

Day 60 – 65: Build a Fully Functional Front-End Application Using Fake Store API

• Objective: Apply your React and CSS skills to create a project.
• Resources:
  • Fake Store API Documentation
• Advice: Focus on implementing features like product listings, filtering, and cart functionality. This is a great opportunity to apply what you’ve learned about state management and component design.

Day 65 – 70: Learn Tailwind CSS

• Objective: Familiarize yourself with Tailwind CSS for utility-first styling.
• Resources:
  • Tailwind CSS Documentation
  • Tailwind CSS Crash Course by Traversy Media
• Advice: Experiment with Tailwind in your existing projects to see how it changes your workflow.

Day 70 – 75: Build a Fully Functional Front-End Web App Using Beer API

• Objective: Implement your skills with a new API.
• Resources:
  • Beer API Documentation
• Advice: Create a beer catalog that allows users to search and filter different beers. Ensure you make the UI intuitive and user-friendly.

Day 75 – 85: Learn Node.js with PostgreSQL

• Objective: Understand back-end development using Node.js and PostgreSQL.
• Resources:
  • Node.js Official Documentation
  • PostgreSQL Documentation
  • The Complete Node.js Developer Course (Udemy)
• Advice: Build a command-line project (like a task manager) to practice Node.js and database interactions.

Day 85 – 100: Learn Express.js with MongoDB

• Objective: Get comfortable with Express.js for building web applications and MongoDB for NoSQL database management.
• Resources:
  • Express.js Documentation
  • MongoDB Documentation
  • The Complete Web Developer Bootcamp (Udemy)
• Advice: Build a small RESTful API using Express and MongoDB, practicing CRUD operations.

Day 100 – 110: Make a POS Application Using Express and MongoDB

• Objective: Create a point-of-sale application to solidify your back-end and front-end skills.
• Resources:
  • Build a Simple POS App
• Advice: Focus on user authentication, data management, and a clean UI/UX.

Day 110 – 130: Make an E-Commerce Website

• Objective: Develop a fully functional e-commerce site.
• Resources:
  • MERN E-Commerce Tutorial
• Advice: Ensure your application has user registration, product management, and payment integration features.

Day 130 – 150: Make a School Website

• Objective: Create a website catering to various users (students, parents, administration).
• Resources:
  • School Management System Tutorial
• Advice: Plan the site architecture carefully to accommodate different user roles and their functionalities.

Day 150 – 155: Create a Portfolio and Write Your CV

• Objective: Prepare for job applications by showcasing your work and skills.
• Resources:
  • How to Create a Portfolio Website
  • Tips for Writing a Technical CV
• Advice: Highlight key projects in your portfolio with case studies explaining your role and the technologies used.

Day 155 – 170: Apply for Jobs and Build Websites for Friends

• Objective: Gain real-world experience while job hunting.
• Resources:
  • Job Boards: LinkedIn, Indeed, Glassdoor
  • Freelance Platforms: Upwork, Fiverr
• Advice: While applying for jobs, consider reaching out to your network for referrals and recommendations. Building sites for friends can provide valuable practice.

Day 170 – 180: Update Your CV and Continue Applying for Jobs

• Objective: Refine your application materials and keep searching for opportunities.
• Resources:
  • Resume and Cover Letter Templates
• Advice: Tailor your CV for each job application, highlighting relevant skills and experiences. Keep networking and sharing your projects on platforms like GitHub and LinkedIn.