![](https://do7js0tdxrds1.cloudfront.net/fp77yzrq0bsbc5h9gt9op9bp9ikb?response-content-disposition=inline%3B+filename%3D%22WD-301-Front-end-development%2Bwith-React-TypeScript-cover.jpg%22%3B&response-content-type=image%2Fjpeg&Expires=1722081517&Signature=kxSs3XcmN7DkOxEA0J7I8fl~shbzmeS-bzVvsJSlreQ0nCEmfCiUCBbNfmba5~rsbVHJ2gAB~mGluOVHxFwuJkyj1rAZEQzm5S~zn9EbKbGxnKvv5F45f78tX7PT8VB1hGIERtuz0VGPAJiEz-rsiQ8ax~dquSnNihWlYa9ki92FI38d4MpIfwEVbGKLM76T5f4gl-T7AbXAI~adlzyjGp~7c0bUXVPli2B5YKmRlw7Wyao3cVA7rCNEYdZqrten523~t2O0r9M6i8StFN~6b9NgIRBlSTy~Jk5OCT7xMG7TY2MtvTBpB2-heDN7H0f6f0GJDvykZsZOaXTmp58WHA__&Key-Pair-Id=K2Q3HDJ6ZAQGFF)
Web Development 301
Front-end development with React & TypeScript
## About
Web Development 301 - Front-end development with React & TypeScript is the second course in the set of 4 Industry-led courses built by Pupilfirst to skill students in the area of web development:
- Web Development 101 - Getting Started with JavaScript
- Web Development 201 - Server-side programming with Node.js
- Web Development 301 - Front-end development with React and TypeScript
- Web Development 401 - Getting ready for production
## Objective
The course aims at training students on the following fronts:
- Understand the basic architecture of front end applications and create web applications using React & TypeScript.
- Industry practices for state management and using static types. Learn to port untyped JavaScript to TypeScript.
- Learn to build React projects from scratch to scale.
- Learn the best practices followed in industry for production grade applications.
## Prerequisites
Students should have completed WD201 course, which covers back-end web development.
## Course Outcomes
By the end of the course, students are expected to:
- Be able to create Single Page Applications (SPA) using React.
- Be able to build robust UIs using the statically typed programming language TypeScript.
- Get better at styling web applications using Tailwind CSS.
- Understand typed state management that is inline with the backend data model.
- Understand the best practices followed in industry for production grade applications.
Level
Advanced