IBM

Front-End-Entwicklung Capstone-Projekt

IBM

Front-End-Entwicklung Capstone-Projekt

Dieser Kurs ist Teil von IBM Front-End-Entwickler (berufsbezogenes Zertifikat)

IBM Skills Network Team
Richa Arora

Dozenten: IBM Skills Network Team

7.496 bereits angemeldet

Bei Coursera Plus enthalten

 

Mehr erfahren

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

55 Bewertungen

Stufe Fortgeschritten

Empfohlene Erfahrung

2 Wochen zu vervollständigen
unter 10 Stunden pro Woche
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen
Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

55 Bewertungen

Stufe Fortgeschritten

Empfohlene Erfahrung

2 Wochen zu vervollständigen
unter 10 Stunden pro Woche
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

  • Wenden Sie Ihre UI/UX-Design- und Figma-Kenntnisse an, um Ihre Fähigkeiten bei der Gestaltung der Layouts für verschiedene Komponenten einer responsiven Website zu demonstrieren

  • Entwickeln Sie statische Webseiten und integrieren Sie diese in die Landing Page, während Sie Ihre Kenntnisse in HTML und CSS unter Beweis stellen.

  • Demonstrieren Sie Ihre React-Kenntnisse, um dynamische React-Komponenten zu erstellen und statische Seiten in eine responsive Website zu verwandeln

  • Wenden Sie Ihre GitHub-Konzepte und -Kenntnisse zusammen mit dem Softwareentwicklungsprozess an, um eine voll funktionsfähige Website zu erstellen, bereitzustellen und zu aktualisieren

Kompetenzen, die Sie erwerben

  • Kategorie: Database Development
  • Kategorie: HTML and CSS
  • Kategorie: React.js
  • Kategorie: Web Development
  • Kategorie: Mockups
  • Kategorie: Responsive Web Design
  • Kategorie: Web Analytics and SEO
  • Kategorie: Code Review
  • Kategorie: Software Development
  • Kategorie: Web Design and Development
  • Kategorie: Front-End Web Development
  • Kategorie: Version Control

Werkzeuge, die Sie lernen werden

  • Kategorie: GitHub
  • Kategorie: Figma (Design Software)

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Bewertungen

10 Aufgaben

Unterrichtet in Englisch

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Weitere Informationen zu Coursera für Unternehmen
Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

Erweitern Sie Ihr Fachwissen im Bereich Mobile und Web-Entwicklung

Dieser Kurs ist Teil der Spezialisierung IBM Front-End-Entwickler (berufsbezogenes Zertifikat)
Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für dieses berufsbezogene Zertifikat 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 von IBM zur Vorlage

In diesem Kurs gibt es 6 Module

In diesem Modul erhalten Sie zunächst einen Überblick über die verschiedenen Aufgaben des Capstone-Projekts und verstehen die geschäftlichen Anforderungen an die Entwicklung einer Website anhand eines Projektszenarios. Anschließend werden Sie die Designphase des Projekts einleiten, indem Sie mit Figma Mockups für Website-Layouts erstellen, einschließlich Navigationsleiste, Anmeldung, Login, Terminbuchung und Bewertungen.

Das ist alles enthalten

2 Videos3 Lektüren2 Aufgaben5 Plug-ins

In diesem Modul beginnen Sie mit der Entwicklung der Website. Sie werden ein Repository für Ihr Projekt mithilfe von forking erstellen. Anschließend klonen Sie das Repository in die Laborumgebung. Nachdem die Laborumgebung eingerichtet ist, erstellen Sie Layouts, einschließlich der Navigationsleiste, des Anmeldeformulars und des Login-Formulars, und wenden das Styling auf die statischen Seiten der Website mit HTML und CSS an. Schließlich werden Sie die statischen Komponenten testen.

Das ist alles enthalten

2 Aufgaben2 App-Elemente2 Plug-ins

In diesem Modul beginnen Sie mit der Arbeit mit React, um dynamische Komponenten zu erstellen und zu verwalten. In einem ersten Schritt werden Sie das React-Projekt einrichten und die erforderliche Datenbankkonnektivität herstellen, die für die Funktion einiger Website-Komponenten erforderlich ist. Anschließend werden Sie die statischen Seiten in dynamische React-Komponenten umwandeln und diese testen. Sie werden auch die erste dynamische React-Komponente für das Projekt erstellen. Schließlich integrieren Sie eine bestehende dynamische React-Komponente und passen sie an Ihr Farbschema und Ihr Thema für die Website an.

Das ist alles enthalten

2 Aufgaben5 App-Elemente4 Plug-ins

In diesem Modul werden Sie mit der Entwicklung dynamischer React-Komponenten fortfahren. Sie werden auch jede Komponente testen, um sicherzustellen, dass sie wie erwartet funktioniert.

Das ist alles enthalten

2 Aufgaben3 App-Elemente3 Plug-ins

In diesem Modul werden Sie alle Komponenten integrieren und die Funktionalität der Website testen. Anschließend stellen Sie die Website bereit. Nach der Bereitstellung nehmen Sie Änderungen an den Website-Komponenten vor, um Meta-Tags für SEO in der index.html-Datei für das Projekt hinzuzufügen und die Website erneut bereitzustellen.

Das ist alles enthalten

2 Aufgaben2 App-Elemente2 Plug-ins

Im letzten Modul müssen Sie die Screenshots aus den praktischen Übungen zur Bewertung einreichen. Sie werden Links zum GitHub-Repository einreichen, damit Ihre Kommilitonen Ihren Code überprüfen können. Nachdem Sie Ihr Projekt eingereicht haben, müssen Sie eine der Einsendungen Ihrer Mitschüler überprüfen und bewerten.

Das ist alles enthalten

2 Lektüren1 peer review1 App-Element1 Plug-in

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.

Dozenten

Lehrkraftbewertungen
(7 Bewertungen)
IBM Skills Network Team
91 Kurse 1.844.786 Lernende
Richa Arora
IBM
11 Kurse 143.221 Lernende

von

IBM

Mehr von Mobile und Web-Entwicklung entdecken

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.“

Bewertungen von Lernenden

  • 5 stars

    86,66 %

  • 4 stars

    5 %

  • 3 stars

    1,66 %

  • 2 stars

    0 %

  • 1 star

    6,66 %

Zeigt 3 von 55 an

MH

Geprüft am 25. Sep. 2024

FU

Geprüft am 20. Mai 2025

TT

Geprüft am 25. Sep. 2024

Weitere Bewertungen anzeigen
Coursera Plus

Neue Karrieremöglichkeiten mit Coursera Plus

Unbegrenzter Zugang zu 10,000+ Weltklasse-Kursen, praktischen Projekten und berufsqualifizierenden Zertifikatsprogrammen - alles in Ihrem Abonnement enthalten

Mehr erfahren

Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.

Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online

Erkunden Sie die Abschlüsse

Schließen Sie sich mehr als 3.400 Unternehmen in aller Welt an, die sich für Coursera for Business entschieden haben.

Schulen Sie Ihre Mitarbeiter*innen, um sich in der digitalen Wirtschaft zu behaupten.

Mehr erfahren

Häufig gestellte Fragen

Weitere Fragen

Finanzielle Unterstützung verfügbar,