Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
4.8
15 Bewertungen
Stufe Anfänger
Empfohlene Erfahrung
Empfohlene Erfahrung
Stufe „Anfänger“
Alle erforderlichen Fähigkeiten werden in den Kursen 1 und 2 behandelt, und wir haben dieses Projekt mit geführten Schritten entworfen, die Referenzen und Erklärungen enthalten.
Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
4.8
15 Bewertungen
Stufe Anfänger
Empfohlene Erfahrung
Empfohlene Erfahrung
Stufe „Anfänger“
Alle erforderlichen Fähigkeiten werden in den Kursen 1 und 2 behandelt, und wir haben dieses Projekt mit geführten Schritten entworfen, die Referenzen und Erklärungen enthalten.
In diesem Kurs geht es nicht nur um die Erstellung einer Website, sondern auch darum, zu entdecken, wozu Sie als Front-End-Entwickler wirklich fähig sind.
Kompetenzen, die Sie erwerben
Kategorie: Dokumente zu den Benutzeranforderungen
Dokumente zu den Benutzeranforderungen
Kategorie: Bereitstellung von Anwendungen
Bereitstellung von Anwendungen
Kategorie: Leitlinien für die Zugänglichkeit von Webinhalten
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
In diesem Kurs geht es richtig zur Sache. Hier haben Sie die Chance, all Ihre HTML-, CSS- und Responsive Design-Kenntnisse an einem Projekt anzuwenden, das die Realität simuliert - eine professionelle Website für einen Kunden. Stellen Sie sich vor, Sie sind ein freiberuflicher Entwickler, der eine Website von Grund auf erstellen soll. Sie beginnen damit, sich mit den Anforderungen des Kunden auseinanderzusetzen, User Stories zu erstellen und eine Struktur zu entwickeln, die die Vision des Kunden zum Leben erweckt. Von da an geht es darum, die Ärmel hochzukrempeln und die Magie mit den Tools und Techniken, die Sie beherrschen, in die Tat umzusetzen. Aber jetzt kommt der Clou: Dies ist nicht einfach ein Projekt, bei dem Sie den Anweisungen folgen. Es wird angeleitet, ja, aber wir wollen, dass Sie kreativ werden, Grenzen überschreiten und über das hinausgehen, was in der Anleitung steht. Außerdem werden Sie lernen, wie intelligente Entwickler mit KI zusammenarbeiten, um Workflows zu optimieren und neue Ideen zu entwickeln. Ihr Projekt wird auch von anderen Teilnehmern begutachtet, so dass Sie wertvolles Feedback erhalten und sehen können, wie andere Teilnehmer dieselbe Herausforderung bewältigt haben. Am Ende des Kurses haben Sie eine mehrseitige Website, mit der Sie Kunden beeindrucken und Ihr Portfolio aufpeppen können. Dieser Kurs ist Ihre Chance zu beweisen, dass Sie Webentwicklung nicht nur lernen, sondern auch leben.
In diesem ersten Modul werden Sie Ihr Abschlussprojekt beginnen, indem Sie etwas über die Ziele und Erwartungen erfahren. Sie werden die Schritte eines Webprojekts studieren, einschließlich der Definition des Zwecks Ihrer Website mithilfe von User Stories und Planung. Sie werden den Inhalt, den Styleguide und die vom Kunden zur Verfügung gestellten Assets für die Bogenschieß-Website untersuchen. Dieses Modul konzentriert sich auf die sorgfältige Planung vor dem Code, um sicherzustellen, dass Sie in der Lage sind, eine effektive und benutzerfreundliche Website zu erstellen.
Das ist alles enthalten
9 Lektüren1 peer review1 Diskussionsthema
Infos zu Modulinhalt anzeigen
9 Lektüren•Insgesamt 105 Minuten
Über diesen Kurs•5 Minuten
Willkommen zum Capstone-Projekt: Aufbau einer Bogenschießen-Website•10 Minuten
E-Mail von Giap•5 Minuten
E-Mail: Betreff: Re: Inhalt der Website für Straight to the Point Archery•5 Minuten
Analysieren der Projektanforderungen•10 Minuten
Definieren von User Stories•10 Minuten
Entwurf der Informationsarchitektur•20 Minuten
E-Mail vom Designer•20 Minuten
Kombination von Informationsdesign und Grafikdesign•20 Minuten
1 peer review•Insgesamt 60 Minuten
User Storys & Wireframes•60 Minuten
1 Diskussionsthema•Insgesamt 10 Minuten
Willkommen bei dem Projekt•10 Minuten
Aufbau der Grundlage Ihrer Website
Modul 2•1 Stunde abzuschließen
Moduldetails
In diesem Modul geht es darum, Ihre Entwicklungsumgebung einzurichten und mit der Erstellung Ihrer Website zu beginnen. Sie werden Ihr Projekt mit einer angemessenen Versionskontrolle mit Git und GitHub initialisieren. Sie werden das grundlegende HTML-Framework erstellen, einschließlich Kopfzeile, Navigation, Heldenbereich und allgemeines Inhaltslayout. Der Schwerpunkt liegt auf der Verwendung von semantischem HTML und der effektiven Organisation von Inhalten, basierend auf Ihrer früheren Planung.
Das ist alles enthalten
13 Lektüren
Infos zu Modulinhalt anzeigen
13 Lektüren•Insgesamt 85 Minuten
Einrichten Ihrer Projektstruktur•5 Minuten
Initialisierung der Git Versionskontrolle•5 Minuten
Verbinden mit GitHub•5 Minuten
Erstellen der HTML-Boilerplate•5 Minuten
Semantische HTML5-Elemente verwenden•5 Minuten
Aufbau der Kopfzeile und der Navigation•5 Minuten
Erstellen des Heldenabschnitts•5 Minuten
Organisieren von Inhalten auf Basis von User Stories•5 Minuten
Entwicklung der Sektion Klassen•10 Minuten
Aufbau des Ausbilderbereichs•10 Minuten
Gestaltung des Abschnitts über uns•10 Minuten
Einrichten der Kontaktseite•10 Minuten
User Stories als Leitfaden für den Inhalt verwenden•5 Minuten
Entwerfen und Verbessern Ihrer Website
Modul 3•4 Stunden abzuschließen
Moduldetails
In diesem Modul werden Sie Ihre HTML-Struktur in eine visuell ansprechende und interaktive Website umwandeln. Sie werden Stile aus dem mitgelieferten Styleguide anwenden, fortgeschrittenes CSS für Layout und Design verwenden und Ihre Website mit benutzerdefinierten Schriftarten, Symbolen und Bildern verbessern. Außerdem fügen Sie interaktive Elemente hinzu, um die Benutzerinteraktion zu verbessern und sicherzustellen, dass Ihre Website für jeden zugänglich ist, wobei Sie sich an bewährte Verfahren halten.
Das ist alles enthalten
19 Lektüren
Infos zu Modulinhalt anzeigen
19 Lektüren•Insgesamt 230 Minuten
Einrichten Ihres CSS-Stylesheets•5 Minuten
Implementierung des Farbschemas•15 Minuten
Anwenden von Typografiestilen•15 Minuten
Einbeziehen von Designelementen•20 Minuten
Testen und Verfeinern Ihrer Stile•5 Minuten
Flexbox und CSS-Raster implementieren•20 Minuten
CSS-Raster für Seitenlayouts verwenden•10 Minuten
Sicherstellung der Konsistenz zwischen den Seiten•15 Minuten
Prüfung der Reaktionsfähigkeit•5 Minuten
Einbinden von Bildern•15 Minuten
Font Awesome-Symbole verwenden•15 Minuten
Optimierung von Bildern für die Webleistung•5 Minuten
Verbesserung der Barrierefreiheit durch Bilder•5 Minuten
Integration von Hintergründen und Mustern•10 Minuten
Hover-Effekte implementieren•15 Minuten
Hinzufügen von CSS-Übergängen und Animationen•10 Minuten
Verbesserung der Barrierefreiheit mit Skip Links•15 Minuten
Sicherstellung der allgemeinen Barrierefreiheit•10 Minuten
Optimierung von Bildern für Responsive Design•20 Minuten
Fertigstellung und Start Ihrer Website
Modul 4•3 Stunden abzuschließen
Moduldetails
Das letzte Modul widmet sich dem Feinschliff Ihrer Website für ein professionelles Finish. Sie werden Ihre Website in verschiedenen Browsern und auf verschiedenen Geräten testen und debuggen, um sicherzustellen, dass sie korrekt funktioniert und eine gute Leistung erbringt. Sie werden die Entscheidungen zu Inhalt und Design abschließen und möglicherweise frühere Entscheidungen aufgrund der Testergebnisse überarbeiten. Sie werden Ihre Website mit GitHub Pages bereitstellen, um sie live im Internet zu präsentieren. Abschließend reflektieren Sie Ihre Entwicklungsreise, dokumentieren Ihren Prozess und identifizieren Bereiche für zukünftiges Wachstum.
Seit unserer Gründung im Jahr 1861 ist die University of Washington ein Hub für Lernen, Innovation, Problemlösung und Gemeinschaftsbildung. Angetrieben von der Mission, dem Allgemeinwohl zu dienen, gehen unsere Studenten, Dozenten und Mitarbeiter die drängendsten Herausforderungen der heutigen Zeit mit Mut und Kreativität an und bewirken etwas im gesamten Bundesstaat Washington - und in der ganzen Welt.
Wann werde ich Zugang zu den Vorlesungen und Aufgaben haben?
Um Zugang zu den Kursmaterialien und Aufgaben zu erhalten und um ein Zertifikat zu erwerben, müssen Sie die Zertifikatserfahrung erwerben, wenn Sie sich für einen Kurs anmelden. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen. Der Kurs kann stattdessen die Option "Vollständiger Kurs, kein Zertifikat" anbieten. 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.
Was bekomme ich, wenn ich mich für diese Specialization einschreibe?
Wenn Sie sich für den Kurs einschreiben, erhalten Sie Zugang zu allen Kursen der Spezialisierung, und Sie erhalten ein Zertifikat, wenn Sie die Arbeit abgeschlossen haben. Ihr elektronisches Zertifikat wird Ihrer Seite "Leistungen" hinzugefügt - von dort aus können Sie Ihr Zertifikat ausdrucken oder Ihrem LinkedIn-Profil hinzufügen.
Ist finanzielle Hilfe verfügbar?
Ja. Für ausgewählte Lernprogramme können Sie finanzielle Unterstützung oder ein Stipendium beantragen, wenn Sie die Einschreibegebühr nicht aufbringen können. Wenn für das von Ihnen gewählte Lernprogramm eine finanzielle Unterstützung oder ein Stipendium verfügbar ist, finden Sie auf der Beschreibungsseite einen Link zur Beantragung.
Finanzielle Unterstützung verfügbar, weitere Informationen
¹ Einige Aufgaben in diesem Kurs werden mit AI bewertet. Für diese Aufgaben werden Ihre Daten in Übereinstimmung mit Datenschutzhinweis von Courseraverwendet.