Path

Frontend Web Developer

Unlock your potential as a frontend web developer and master the art of building highly functional, user-friendly websites that deliver outstanding user experiences on any device.
HTML
CSS
Javascript
SCSS
Webpack
Typescript
Frontend Frameworks
Serverless Database
Authentication
Cloud storage

Duration

36 weeks

Units:

4

Projects:

8

thumbnail image

Introduction

A Frontend Web Developer is a skilled professional who specializes in creating user-facing web applications using a combination of HTML, CSS, and JavaScript. These developers are responsible for bringing web designs to life and ensuring that websites and applications are visually appealing, responsive, and easy to use. Frontend Developers work closely with designers and backend developers to build and maintain user interfaces that are intuitive, functional, and optimized for speed and performance. They also have a keen eye for detail and a strong understanding of web development best practices, as well as a passion for staying up-to-date with the latest web technologies and trends. If you're looking for someone who can help you create engaging and user-friendly web applications, a front-end developer might be just what you need.

Prerequisite

This path is beginner-friendly and does not require any prerequisites.
  • Knowledge of Git and GitHub is recommended.

Curriculum

This section consists of all the programs you need to complete in order to complete the path.

Unit: 4

Project: 7

Practise Project: 1

thumbnail image
HTML & CSS

Unit

Master Web Design with HTML & CSS: Create Stunning Websites with Ease!

HTML
CSS
Responsive UI
Animation
Flexbox
Grid

Duration:

6 Weeks

thumbnail image
Backroads

Project

A responsive landing page for a Travel Website.

HTML
CSS
CSS Flexbox
CSS Animation
Responsive UI
CSS Variables

Duration:

2 weeks

Beginner

thumbnail image
Nexter

Project

A responsive landing page for a real-estate company.

HTML
CSS
CSS Grid
CSS Animation
Responsive UI
Custom Fonts

Duration:

2 weeks

Medium

thumbnail image
Javascript

Unit

Master the Javascript Fundamentals, Build Dynamic Websites, and Develop Interactive User Interfaces with Confidence

Javascript
Async Await
Dom Manipulation
Object Oriented Javascript
External Javascript Packages

Duration:

8 weeks

thumbnail image
Modern Frontend Tools

Unit

Master Webpack for Module Bundling, SASS for Scalable Styling, and Typescript for Secure Coding to Achieve Peak Web Development Performance.

Webpack
Bable
SASS
Typescript
Foursquare API
Maps

Duration:

5 weeks

thumbnail image
Search Places

Project

Unlock the Hidden Gems of a City: Find the Perfect Places to Eat, Drink, Explore, and More with Search Places!

Webpack
Babel
SASS
Typescript
Foursquare API
Mapbox Map
Frontend Web Developer

Duration:

3 weeks

Medium

thumbnail image
Frontend Frameworks

Unit

Enhance Your Web Development Knowledge with These Highly Effective Frontend Frameworks.

Frontend Framework/Library
Routing
State Management
3rd Party Packages
Serverless Database
Authentication
Storage
Component UI Library

Duration:

12 weeks

thumbnail image
Movies App

Project

Build a movie app using the TMDB API to discover new movies, search for films, watch trailers, and save your favorite titles.

Frontend Framework/Library
3rd party Component
TMDB API
Single Page Application

Duration:

3 weeks

Beginner

thumbnail image
Kanban Board

Project

Build a Kanban board app with real-time collaboration, leveraging a modern frontend framework and a serverless database.

Frontend Framework
Frontend Library (React)
Serverless backend
UI Component Library
Authentication
Realtime Changes
Storage
Drag and Drop
Serverless Functions

Duration:

5 weeks

Medium

thumbnail image
My Resume

Practise Project

Build a resume app showcasing your skill, experience, and projects.

CMS
Webhooks
Static Website
Tailwind CSS
Lottie Animation
Full stack Framework

Duration:

4 weeks

Medium

Contribution(s)

John Doe

Founder and Fullstack Developer at freeCodeProject.org

Created this Path.