This course explores how to build modern frontend applications using React with TypeScript, combining strong typing with practical UI development. Designed for developers who want to go beyond the basics, it demonstrates how TypeScript ensures safer, more scalable, and maintainable React applications by catching errors early and enforcing consistency across components, hooks, and APIs.
Frontend Web Development with TypeScript
Erwerben Sie mit Coursera Plus für 199 $ (regulär 399 $) das nächste Level. Jetzt sparen.
Frontend Web Development with TypeScript
Dieser Kurs ist Teil von Spezialisierung für Modern Web Development with TypeScript
Dozent: Edureka
Bei enthalten
Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Mittel
Empfohlene Erfahrung
7 Stunden zu vervollständigen
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen
Kompetenzen, die Sie erwerben
- Kategorie: Context Management
- Kategorie: Event-Driven Programming
- Kategorie: Webpack
- Kategorie: Javascript
- Kategorie: Web Development
- Kategorie: Application Programming Interface (API)
- Kategorie: Data Validation
- Kategorie: Software Development
- Kategorie: JavaScript Frameworks
- Kategorie: UI Components
- Kategorie: Build Tools
- Kategorie: React Redux
- Kategorie: Web Development Tools
- Kategorie: Front-End Web Development
- Kategorie: Frontend Integration
- Kategorie: React.js
- Kategorie: Restful API
- Kategorie: TypeScript
Wichtige Details
Zertifikat zur Vorlage
Zu Ihrem LinkedIn-Profil hinzufügen
Kürzlich aktualisiert!
September 2025
Unterrichtet in Englisch
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.
Erweitern Sie Ihre Fachkenntnisse
Dieser Kurs ist Teil der Spezialisierung Spezialisierung für Modern Web Development with TypeScript
Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.
- Lernen Sie neue Konzepte von Branchenexperten
- Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
- Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
- Erwerben Sie ein Berufszertifikat zur Vorlage
In diesem Kurs gibt es 4 Module
This module covers how to integrate TypeScript into modern frontend workflows. You will learn its importance, configure TypeScript with Webpack, Vite, and ESBuild, optimize build tools, and implement ES modules and module systems. The focus is on accelerating development and setting a strong foundation for frontend projects.
Das ist alles enthalten
12 Videos3 Lektüren3 Aufgaben1 Diskussionsthema
This module covers how to build scalable React applications with TypeScript. You will compare React features with Angular and Vue, set up a React + TypeScript project, add class and functional components, apply strong typing to props, variables, and state, and implement lifecycle methods. You will also explore typed React hooks, event handling, typed forms, and integration with UI libraries like Material UI, Styled Components, Chakra UI, and Ant Design, culminating in a task manager app with typed forms and localStorage.
Das ist alles enthalten
17 Videos1 Lektüre4 Aufgaben
This module covers typed state management and API integration in frontend apps. You will explore the Context API with strong typing, set up Redux with TypeScript, implement type-safe actions, reducers, and middleware, and integrate state libraries like Zustand and Jotai. The module also covers handling API calls with TypeScript, using Fetch and Axios with strong typing, error handling, and advanced data fetching with React Query, SWR, and type-safe patterns.
Das ist alles enthalten
10 Videos3 Lektüren4 Aufgaben
This module covers the consolidation of all concepts learned throughout the course. You will review key takeaways, complete a guided practice project, and test your knowledge with assessments, ensuring you can confidently apply TypeScript in real-world frontend development.
Das ist alles enthalten
1 Video2 Lektüren2 Aufgaben1 Diskussionsthema
Erwerben Sie ein Karrierezertifikat.
Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.
Mehr von Software Development entdecken
Status: Kostenloser Testzeitraum
Status: Kostenloser Testzeitraum
Status: Kostenloser Testzeitraum
Warum entscheiden sich Menschen für Coursera für ihre Karriere?
Felipe M.
Lernender seit 2018
„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“
Jennifer J.
Lernender seit 2020
„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“
Larry W.
Lernender seit 2021
„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“
Chaitanya A.
„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“
Häufig gestellte Fragen
Learners should have a working knowledge of JavaScript fundamentals (variables, functions, ES6 features), basic React concepts (components, props, and state), and object-oriented programming (OOP) in TypeScript such as classes, interfaces, and inheritance. This foundation ensures you can focus on applying TypeScript effectively in frontend projects.
No. You only need basic React experience (e.g., building simple components) and familiarity with TypeScript basics like types and classes. The course builds on this foundation, showing you how to apply TypeScript to real-world React workflows.
You will primarily work with React and TypeScript, along with UI libraries such as Material UI, Chakra UI, and Styled Components. Development will be done using npm, Vite, and Visual Studio Code.
Weitere Fragen
Finanzielle Unterstützung verfügbar,
¹ Einige Aufgaben in diesem Kurs werden mit AI bewertet. Für diese Aufgaben werden Ihre Daten in Übereinstimmung mit Datenschutzhinweis von Courseraverwendet.