Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Anfänger
Empfohlene Erfahrung
Empfohlene Erfahrung
Stufe „Anfänger“
Anfänger bis fortgeschrittene, aufstrebende Front-End-Entwickler und UI/UX-Designer, Personen, die sich für Web-Entwicklung mit dem Schwerpunkt Front-End interessieren.
Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Anfänger
Empfohlene Erfahrung
Empfohlene Erfahrung
Stufe „Anfänger“
Anfänger bis fortgeschrittene, aufstrebende Front-End-Entwickler und UI/UX-Designer, Personen, die sich für Web-Entwicklung mit dem Schwerpunkt Front-End interessieren.
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 3 Module
Dieser Kurs ist der erste Schritt in der Spezialisierung End-to-End-Webentwicklung und konzentriert sich auf die Beherrschung der Kunst der Erstellung ansprechender und reaktionsfähiger Benutzeroberflächen (UIs). Sie lernen die Grundlagen von HTML, CSS und JavaScript sowie fortgeschrittene Themen wie Responsive Design, UI-Designprinzipien, CSS-Frameworks und JavaScript Front-End-Frameworks wie React. Am Ende dieses Kurses werden Sie in der Lage sein, intuitive, professionelle Webinterfaces zu erstellen, die sich nahtlos an verschiedene Geräte und Bildschirmgrößen anpassen und eine optimale Benutzererfahrung gewährleisten. Modul 1: Einführung in die Webentwicklung und Benutzeroberflächen In diesem Modul werden Sie in die Kernkonzepte der Webentwicklung und Benutzeroberflächen eingeführt. Sie lernen die Unterschiede zwischen Front-End- und Back-End-Entwicklung kennen, die Rolle von Benutzeroberflächen in Webanwendungen und die grundlegenden Werkzeuge, die für die Webentwicklung erforderlich sind. Modul 2: Fortgeschrittene HTML- und CSS-Techniken Dieses Modul befasst sich mit fortgeschrittenen HTML- und CSS-Techniken, wobei der Schwerpunkt auf der Erstellung strukturierter und barrierefreier HTML-Seiten liegt. Außerdem lernen Sie, wie Sie mit CSS Flexbox, Grid und Media Queries responsive, flexible Layouts erstellen, damit sich Ihre Webseiten an verschiedene Geräte und Bildschirmgrößen anpassen können. Modul 3: JavaScript und Front-End-Frameworks In diesem Modul tauchen Sie in die Welt von JavaScript ein, um Ihre Webseiten dynamisch und interaktiv zu gestalten. Sie lernen die Grundlagen der JavaScript-Syntax und -Merkmale kennen und beschäftigen sich mit fortgeschrittenen Themen wie DOM-Manipulation, ES6-Funktionen und asynchronem JavaScript. Das Modul stellt außerdem Front-End-Frameworks vor, wobei der Schwerpunkt auf React liegt, um skalierbare und wartbare Benutzeroberflächen zu erstellen. Lernziele des Kurses: Entwerfen Sie ästhetisch ansprechende und responsive Benutzeroberflächen mit HTML, CSS und JavaScript. Wenden Sie fortgeschrittene HTML5- und CSS3-Techniken an, um strukturierte, barrierefreie und adaptive Weblayouts zu erstellen. Entwickeln Sie dynamische Webinteraktionen mit JavaScript, einschließlich DOM-Manipulation und Ereignisbehandlung.
Implementieren Sie Front-End-Frameworks wie React, um skalierbare, interaktive Webanwendungen zu erstellen. Voraussetzungen: Grundlegendes Verständnis von Webbrowsern und der Funktionsweise von Websites. Es ist keine vorherige Codierungserfahrung erforderlich, aber grundlegende Vertrautheit mit HTML/CSS ist hilfreich. Hinweis: Dies ist der Kurs 1 der Spezialisierung (Kursreihe) Crafting User Interface - End to End Web Development. Haftungsausschluss: Dies ist eine unabhängige Bildungsressource, die von Board Infinity ausschließlich zu Informations- und Bildungszwecken erstellt wurde. Dieser Kurs ist nicht mit einem Unternehmen, einer Organisation oder einer Zertifizierungsstelle verbunden, wird nicht von ihr unterstützt, gesponsert oder ist offiziell mit ihr assoziiert, es sei denn, dies wird ausdrücklich erwähnt. Der bereitgestellte Inhalt basiert auf Branchenkenntnissen und bewährten Verfahren, stellt jedoch kein offizielles Trainingsmaterial für einen bestimmten Arbeitgeber oder ein Zertifizierungsprogramm dar. Alle erwähnten Firmennamen, Warenzeichen, Dienstleistungsmarken und Logos sind Eigentum der jeweiligen Inhaber und werden ausschließlich zu Identifikations- und Vergleichszwecken verwendet.
In diesem Modul werden Sie die grundlegenden Konzepte der Webentwicklung und der Gestaltung von Benutzeroberflächen kennen lernen. Zunächst lernen Sie die Grundlagen des Aufbaus von Webseiten kennen, einschließlich eines Verständnisses der Front-End- und Back-End-Entwicklung. Wir stellen Ihnen die wichtigsten Tools und Technologien vor, die in der Webentwicklung verwendet werden. Von dort aus werden Sie in die Prinzipien und Muster eintauchen, die effektive Benutzeroberflächen formen und eine solide Grundlage für die Erstellung intuitiver und visuell ansprechender Websites bieten.
Tools und Technologien für die Webentwicklung•5 Minuten
Was ist eine Benutzeroberfläche?•5 Minuten
Grundsätze für gutes UI-Design•9 Minuten
Gemeinsame UI-Designer-Muster•7 Minuten
Einführung in HTML•5 Minuten
Einführung in CSS•6 Minuten
4 Lektüren•Insgesamt 130 Minuten
Einführung in den Kurs: Syllabus•10 Minuten
Lesen Sie mehr über Webentwicklung•30 Minuten
Lesen Sie mehr über Benutzerschnittstellen•30 Minuten
Lesen Sie mehr über HTML- und CSS-Grundlagen•60 Minuten
4 Aufgaben•Insgesamt 105 Minuten
Benotetes Quiz: Einführung in die Webentwicklung und Benutzerschnittstellen•60 Minuten
Praxis-Quiz: Grundlagen der Webentwicklung•15 Minuten
Übungsquiz: Einführung in die Benutzeroberflächen•15 Minuten
Praxis-Quiz: HTML- und CSS-Grundlagen•15 Minuten
1 Diskussionsthema•Insgesamt 10 Minuten
Treffen und Begrüßung•10 Minuten
1 Plug-in•Insgesamt 5 Minuten
Schnellkurs Check-In•5 Minuten
Fortgeschrittene HTML- und CSS-Techniken
Modul 2•4 Stunden abzuschließen
Moduldetails
Aufbauend auf Ihren Kenntnissen in HTML und CSS führt Sie dieses Modul durch fortgeschrittenere Techniken der Webentwicklung. Sie lernen semantisches HTML kennen, mit dem Sie saubereren und barrierefreieren Code schreiben können. Sie werden auch mit fortgeschrittenen CSS-Techniken wie Flexbox und Grid-Layout arbeiten, um responsive und dynamische Web-Layouts zu erstellen. Darüber hinaus lernen Sie CSS-Frameworks wie Bootstrap kennen, die Ihnen Werkzeuge an die Hand geben, mit denen Sie Ihren Designprozess rationalisieren und das Aussehen und die Funktionalität Ihrer Webseiten verbessern können.
Das ist alles enthalten
7 Videos2 Lektüren3 Aufgaben
Infos zu Modulinhalt anzeigen
7 Videos•Insgesamt 54 Minuten
Semantisches HTML•8 Minuten
HTML-Formulare und Eingabetypen•9 Minuten
HTML5 Neue Elemente•4 Minuten
CSS Flexbox•10 Minuten
Einführung in Bootstrap•9 Minuten
Verwendung von Bootstrap-Komponenten•9 Minuten
Bootstrap anpassen•5 Minuten
2 Lektüren•Insgesamt 90 Minuten
Lesen Sie mehr über fortgeschrittenes HTML•30 Minuten
Lesen Sie mehr über CSS-Frameworks•60 Minuten
3 Aufgaben•Insgesamt 90 Minuten
Benotetes Quiz: Fortgeschrittene HTML- und CSS-Techniken•60 Minuten
Praxis-Quiz: Fortgeschrittenes HTML•15 Minuten
Praxis-Quiz: CSS-Frameworks•15 Minuten
JavaScript und Front-End-Frameworks
Modul 3•5 Stunden abzuschließen
Moduldetails
In diesem Modul lernen Sie die wichtigste Programmiersprache des Internets kennen - JavaScript. Sie beginnen mit dem Verständnis der JavaScript-Grundlagen und erforschen dann fortgeschrittene Konzepte wie DOM-Manipulation und asynchrones JavaScript. Darüber hinaus werden Sie in Front-End-Frameworks eingeführt, wobei ein besonderer Schwerpunkt auf React liegt, einem der beliebtesten Tools für die Erstellung interaktiver und dynamischer Benutzeroberflächen. Am Ende dieses Moduls werden Sie in der Lage sein, Ihren Webprojekten Interaktivität hinzuzufügen und komplexe UI-Zustände mithilfe von Frameworks zu verwalten.
Das ist alles enthalten
9 Videos3 Lektüren4 Aufgaben
Infos zu Modulinhalt anzeigen
9 Videos•Insgesamt 82 Minuten
Einführung in JavaScript•9 Minuten
JavaScript-Syntax und Variablen•12 Minuten
JavaScript-Funktionen und -Ereignisse•8 Minuten
JavaScript DOM-Manipulation•9 Minuten
JavaScript ES6-Merkmale•25 Minuten
Asynchrones JavaScript: Rückrufe, Promises und Async/Await•5 Minuten
Einführung in React•5 Minuten
React Komponenten und Requisiten•6 Minuten
Zustandsverwaltung in React•5 Minuten
3 Lektüren•Insgesamt 120 Minuten
Lesen Sie mehr über JavaScript-Grundlagen•30 Minuten
Lesen Sie mehr über JavaScript für Fortgeschrittene•30 Minuten
Lesen Sie mehr über Front-End-Frameworks•60 Minuten
4 Aufgaben•Insgesamt 105 Minuten
Benotetes Quiz: JavaScript und Front-End-Frameworks•60 Minuten
Board Infinity ist eine 2017 gegründete Karriereplattform, die die Kluft zwischen Karrierewilligen und Branchenexperten überbrückt. Unsere Plattform fördert die berufliche Entwicklung, indem sie personalisierte Lernerfahrungen, fachkundiges Karriere-Coaching und vielfältige Möglichkeiten bietet, um Menschen bei der Erfüllung ihrer Karriereträume zu unterstützen. Board Infinity hat bereits mehr als 20.000 Karrierewechsel erfolgreich begleitet und damit einen wichtigen Beitrag zur Karriereentwicklung geleistet.
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.