Unit

Frontend Frameworks

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

Projects:

2

random shape

Introduction

Modern frontend frameworks are designed to meet the increasing demand for web applications that provide a rich and seamless user experience across different devices and platforms. They leverage the latest web technologies, such as HTML5, CSS3, and JavaScript, to create responsive layouts, dynamic animations, and interactive features.

These frameworks offer a variety of benefits to developers, including code modularity, efficient data binding, robust routing, and powerful state management. They also provide a large and active community of developers who contribute to open-source projects, provide support, and share best practices. Some popular modern frontend frameworks include React, Angular, Vue.js, and Svelte.

Prerequisites

Practical knowledge of HTML & CSS and Javascript

Skills Covered

In this unit, we are going to cover the following topics.

Frontend Frameworks/Library (React).

Routing in Single Page Application.

Working Serverless Database e.g. - Firebase or Supabase.

Working with 3rd party APIs (TMDB API).

Working with UI component Library.

Working with external packages or components.

Frontend Frameworks

☝

Currently, we only cover React and will add Vue, Svelte, Solid, and other front-end frameworks. Feel free to become a contributor.

Recommended Study Material

Projects

project thumbnail

Movies App

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

Single Page Application

Duration:

3 weeks

Kanban Board

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

Realtime Changes

Serverless Functions

Duration:

5 weeks

Contributor(s)

John Doe

Founder and Fullstack Developer at freeCodeProject.org

Created this Unit.