Laut internetlivestats.com gibt es über 1,58 Milliarden Websites, von denen 200 Millionen aktive Websites sind. Diese Zahl wächst ständig, da die meisten Unternehmen dazu neigen, ihre eigenen Websites zu erstellen oder zu verbessern. Ein wichtiges Ziel dieses Projekts ist es, Ihnen dabei zu helfen, all Ihre Design- und Programmierfähigkeiten zusammenzubringen, um eine responsive Website zu erstellen. Dies wird Ihnen helfen, Selbstvertrauen und Sicherheit bei der Erstellung von Websites zu gewinnen und Ihre Berufsaussichten zu verbessern. In diesem sechswöchigen Projekt werden Sie Layouts von Website-Komponenten entwerfen und entwickeln und diese in ein GitHub-Repository stellen. Sind Sie bereit, Ihr berufliches Portfolio mit einer umfassenden Website zu erweitern, die mit HTML, CSS und React erstellt wurde? Dieses Abschlussprojekt wird Ihnen helfen, diesem Ziel näher zu kommen! Wir gehen davon aus, dass Sie alle vorherigen Kurse des IBM Front-End Developer Professional Certificate abgeschlossen haben.
Front-End-Entwicklung Capstone-Projekt
Dieser Kurs ist Teil von IBM Front-End-Entwickler Zertifikat über berufliche Qualifikation
Unterrichtet auf Englisch
Einige Inhalte können nicht übersetzt werden
Dozenten: IBM Skills Network Team
4.064 bereits angemeldet
Bei 
enthalten
Kurs
(20 Bewertungen)
Empfohlene Erfahrung
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: Softwareentwicklung
- Kategorie: React (Web-Framework)
- Kategorie: Front-End-Entwicklung
- Kategorie: Front-End-Design
- Kategorie: Webentwicklung
Wichtige Details
Zu Ihrem LinkedIn-Profil hinzufügen
10 Aufgaben
Kurs
(20 Bewertungen)
Empfohlene Erfahrung
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.
Erweitern Sie Ihr Fachwissen im Bereich Mobile und Web-Entwicklung
- 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
Erwerben Sie ein Karrierezertifikat.
Fügen Sie diese Qualifikation zur Ihrem LinkedIn-Profil oder Ihrem Lebenslauf hinzu.
Teilen Sie es in den sozialen Medien und in Ihrer Leistungsbeurteilung.
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 einreichen, damit die anderen Teilnehmer sie prüfen können. Sie werden Links zum GitHub-Repository einreichen, damit die anderen Teilnehmer Ihren Code überprüfen können. Nachdem Sie Ihr Projekt eingereicht haben, müssen Sie eine der Einsendungen Ihrer Kommilitonen überprüfen und benoten.
Das ist alles enthalten
2 Lektüren1 peer review
Dozenten
von
Empfohlen, wenn Sie sich für Mobile und Web-Entwicklung interessieren
Warum entscheiden sich Menschen für Coursera für ihre Karriere?
Neue Karrieremöglichkeiten mit Coursera Plus
Unbegrenzter Zugang zu über 7.000 erstklassigen Kursen, praktischen Projekten und Zertifikatsprogrammen, die Sie auf den Beruf vorbereiten – alles in Ihrem Abonnement enthalten
Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.
Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online
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.
Häufig gestellte Fragen
Der Zugang zu Vorlesungen und Aufgaben hängt von der Art Ihrer Einschreibung ab. Wenn Sie einen Kurs im Prüfungsmodus belegen, können Sie die meisten Kursmaterialien kostenlos einsehen. Um auf benotete Aufgaben zuzugreifen und ein Zertifikat zu erwerben, müssen Sie die Zertifikatserfahrung während oder nach Ihrer Prüfung erwerben. Wenn Sie die Prüfungsoption nicht sehen:
Der Kurs bietet möglicherweise keine Prüfungsoption. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen.
Der Kurs bietet möglicherweise stattdessen die Option 'Vollständiger Kurs, kein Zertifikat'. Mit dieser Option können Sie alle Kursmaterialien einsehen, die erforderlichen Bewertungen abgeben und eine Abschlussnote erhalten. Dies bedeutet auch, dass Sie kein Zertifikat erwerben können.
Wenn Sie sich für den Kurs einschreiben, erhalten Sie Zugang zu allen Kursen des Zertifikats und Sie erhalten ein Zertifikat, wenn Sie die Arbeit abgeschlossen haben. Ihr elektronisches Zertifikat wird Ihrer Erfolgsseite hinzugefügt - von dort aus können Sie Ihr Zertifikat ausdrucken oder zu Ihrem LinkedIn-Profil hinzufügen. Wenn Sie die Kursinhalte nur lesen und ansehen möchten, können Sie den Kurs kostenlos besuchen.
Wenn Sie ein Abonnement abgeschlossen haben, erhalten Sie eine kostenlose 7-tägige Testphase, in der Sie kostenlos kündigen können. Danach gewähren wir keine Rückerstattung, aber Sie können Ihr Abonnement jederzeit kündigen. Siehe unsere vollständigen Rückerstattungsbedingungen.