UI/UX-Webdesign Frontend mit CPUX-Zertifikat

Dauer
71 Tage
Teilnehmerzahl 
Die Zahl der Teilnehmenden variiert je nach Kursstarttermin.
Unterrichtszeiten
Die Qualifizierung läuft in Vollzeit.
Zertifikat
WBS-Zertifikat
Zielgruppen
Arbeitslose oder Arbeitssuchende, Akademiker:innen/Studienaussteiger:innen, Berufsrückkehrer:innen, Teilzeitsuchende, Migrant:innen, Berufserfahrene, Soldat:innen, Rehabilitanden, Menschen mit Behinderung, Arbeitnehmer:innen/Privatzahler:innen/ Berufstätige
Fördermöglichkeit
Berufsförderungsdienst (BFD) der Bundeswehr, Bildungsgutschein, Qualifizierungschancengesetz

Sie sind kreativ und haben ein Auge für Farben und Formen? Sie möchten diese Talente in einem zukunftssicheren IT-Beruf nutzen? Dann liegen Sie bei diesem Kurs "UI/UX-Webdesign" genau richtig! Hier erlernen Sie alles Notwendige um ansprechende Webseiten nach Kundenvorgaben zu erstellen. Ob nun innerhalb eines Industrie-Unternehmens oder bei einem Software-Haus: überall werden UI/UX-Webdesigner:innen gesucht!

In diesem Kurs [...] Weiterlesenlernen Sie die umfassendsten und modernsten Techniken in der Entwicklung interaktiver Webseiten nach UI/UX-Prinzipien mit HTML5, CSS3 und JavaScript kennen. Sie verfügen als Absolvent:in dieses Kurses über Wissen, welches auf dem neuesten Stand basiert. Sie können modernste Tools bedienen und sinnvoll bei Ihren Projekten verwenden. Sie werden alles kennenlernen, was Sie zur Gestaltung ansprechender Webseiten benötigen: Erstellung und Manipulation von Grafiken und Animationen, Webseiten-Layouts und interaktive Kommunikation.

Als zusätzlichen Qualifikations-Nachweis können Sie die die Prüfung zur CPUX-F-Zertifizierung ablegen, auf welche wir Sie umfänglich vorbereiten. Dieses Zertifikat weisst Sie zusätzlich als UI/UX-Spezialist:in aus. 

Werden Sie zu einem/einer stark nachgefragten UI/UX-Webdesigner:in und boosten Sie Ihre berufliche Zukunft mit diesem Kurs!


Beratungstermin buchen
Nächster Kurstermin:
07.11.22 - 22.02.23
Alle Kurstermine und Standorte

Aktuelle Kursinformationen

Erleben Sie Weiterbildung neu.
Diese Weiterbildung findet als Live-Online-Kurs in unserem Lernportal WBS LearnSpace 3D® statt. In der 3D-Simulation treffen Sie auf Ihre:n Trainer:in und andere Kursteilnehmende – mit diesen können Sie sich jederzeit live austauschen.

Lernziele

Nach erfolgreichem Abschluss der Weiterbildung als UI/UX-Designer:in können Sie Webauftritte ansprechend gestalten und die vom Kunden gewünschten Funktionen fachgerecht umsetzen. Dabei werden Sie mit modernsten Werkzeugen und Techniken vertraut gemacht, die Sie im Kurs in praxisnahen Übungsprojekten erfolgreich anwenden können.

Zielgruppe

Sie interessieren sich für die digitale Welt und neue Entwicklungen? Kreativität zählt zu Ihren Eigenschaften und Sie haben ein gutes Auge für Formen und Farben? Sie sind kommunikativ und erarbeiten gern gemeinsam mit Kundinnen und Kunden die Vorgaben für einen Web-Auftritt oder ein Corporate Design? Sie sind gern in einem zukunftsorientierten Umfeld mit sehr guten Perspektiven tätig? Dann ist dieser Kurs genau das Richtige für Sie.

Teilnahmevoraussetzung

Mit einem Realschulabschluss, Abitur, einer abgeschlossenen Ausbildung oder einem (auch abgebrochenen) Studium erfüllen Sie die Voraussetzungen für diese Weiterbildung. Programmier-Kenntnisse werden nicht vorausgesetzt. Alles Notwendige erlernen Sie in diesem Kompaktkurs.

Dauer

Diese Qualifizierung dauert insgesamt ca. 3,5 Monate.

Unterrichtszeiten

Die Qualifizierung läuft in Vollzeit.

Inhalte

Einführung in unser Online-Lernformat (1 Tag)
HTML5 - Webprogrammierung

  • Einführung HTML-Grundlagen
  • HTML-Grundgerüst
  • Text und Grafiken
  • HTML Tabellen
  • HTML Formulare
  • CSS Einführung
  • CSS Selectoren und Schriftgestaltung
  • CSS und das Document Objekt Mode
  • Button erstellen
  • Inline-Block-Element
  • Bilder und Textfluss
  • Der Elementenbaum (DOM)
  • Gerätespezifische Angaben in CSS3
  • @-Regeln in CSS3
  • Maßeinheiten und Umrechnungen für CSS
  • Pseudoelemente und Pseudoklassen in CSS3
  • Webfonts einbinden
  • Schriften in CSS
  • Farben in CSS
  • CSS in externer Datei
  • Tabellen mit CSS stylen
  • Responsive Design
  • Einführung Viewport
  • Einführung Flexbox

Webseiten-Gestaltung

  • Gestaltung und Planung von Websites
  • Organisationsmodell und Navigationsstruktur
  • Seitengestaltung
  • Texte und Schriften
  • Farbe für Websites
  • Navigationselemente
  • Bilder und Animationen
  • Grundwissen über Grafiken

Photoshop Grundlagen

  • Was ist Photoshop?
  • Grundlegende Programmfunktionen
  • Der Arbeitsbereich
  • Die Werkzeuge
  • Bilder bearbeiten
  • Bildbereiche auswählen/maskieren
  • Auswahlbereiche editieren
  • Ebenen, Ebenensets und Ebenenmasken
  • Mit Kanälen arbeiten
  • Mit Formen und Pfaden arbeiten
  • Text erzeugen und bearbeiten
  • Bildqualität optimieren

CPUX-F - UX / UI Prinzipien

  • Grundlegende Begriffe und Konzepte
  • Menschenzentrierte Gestaltung
  • Verstehen und Spezifizieren des Nutzungskonzeptes
  • Nutzungsanforderungen
  • Dialogprinzipien und Gestaltungsregeln
  • Gestaltungslösungen erarbeiten
  • Evaluierungsmethoden
  • Usability-Tests

Visual Design mit AdobeXD

  • Allgemeine Infos zu Adobe XD
  • Dokumentenvorgaben / Zeichenflächen
  • Werkzeuge und dessen Eigenschaften
  • individuelle Zeichenflächen erstellen
  • Arbeitsfläche vergrößern, verkleinern und verschieben
  • Das Elemente-Fenster und die Vorteile
  • Das Ebenen-Fenster
  • Symbole über Umwege in Adobe XD skalieren
  • Das Wiederholungsraster: Elemente mittels Raster mehrfach einsetzen
  • Elemente passend ausrichten / Abstände von Elementen gleichmäßig ausrichten
  • Pfade mehrerer Elemente vereinen
  • eigenes Symbol/Icon erstellen
  • Farben & Farbverläufe einstellen
  • Text, Texteinstellungen und Zeichenformate
  • Der Prototyp-Modus
  • Menu gestalten und Verhalten im Prototyp Modus festlegen
  • Verhalten eines auftauchenden Drop-Down-Menus hinzufügen
  • Menu / Navigation-Scribble Prototyp
  • iOS User-Interface - Elemente für App-Designs verwenden
  • iOS User-Interface - Fehlende Schrift hinzufügen und installieren
  • Google Material Design Elemente für Android Apps
  • Windows UI Kit Elemente für Windows basierte Software-Gestaltung
  • Add-ons installieren und nutzen: UI Faces
  • ContentGenerator
  • One-Page Design

Framework Bootstrap

  • Was ist Bootstrap?
  • Installation
  • Container
  • Grid
  • Breakpoints
  • Typography
  • Images
  • Tables
  • Backgrounds
  • Borders
  • Colors
  • Display
  • Interactions
  • Overflow
  • Shadows
  • Position Sizing
  • Formulare
  • Select
  • Checks & Switches
  • Range
  • Input Group
  • Form floating
  • Accordion
  • Alerts
  • Badgees
  • Buttons
  • Cards
  • Carousel
  • Close Buttons
  • Collapse
  • Dropdowns
  • Listgroup
  • Modals
  • Navs & Tabs
  • Popovers
  • Tooltips

JavaScript Kompakt

  • Was ist JavaScript?
  • document.write & console.log
  • Variablen
  • use strict
  • Datentypen
  • Stringfunktionen
  • Mathematische Operatoren
  • Konstanten & Kommentare
  • Vergleichsoperatoren
  • Logische Operatoren
  • Anweisungen if & switch
  • Funktionen
  • Schleifen
  • Objekte in Javascript
  • Objekte kopieren & referenzieren
  • DOM (Document Objekt Model)
  • HTML Elemente verändern
  • Elemente erstellen, einfügen, löschen
  • Style und Klassen
  • Events im Browser
  • JavaScript Auslagern

JavaScript Framework jQuery

  • Einbinden von jQuery
  • jQuery-Syntax
  • Einen Button mit Funktion versehen
  • HTML-Elemente ein- und ausblenden
  • Was ist jQuery
  • jQuery install & Document Ready
  • Elemente Selektieren
  • Events
  • Hide, Show, Toggle
  • Fadeing
  • Slide
  • Animate
  • Animationen: Stop
  • Callbacks
  • Chaining
  • Elemente auslesen
  • Elemente ändern
  • Elemente hinzufügen
  • Elemente entfernen
  • Klassen zu Elementen hinzufügen
  • CSS Eigenschaften hinzufügen

JaveScript Framework React.js

  • ES6 - import / export
  • ES6 - Objektorientierung
  • Einführung: jsx
  • Parameter übergeben
  • CSS & Komponenten
  • Elemente verschachteln
  • State in React
  • Die render()-Funktion
  • React-Redux und die connect() - Funktion
  • Redux mit mehreren Bereichen
  • Mehrere Reducers kombinieren
  • Redux und mehrere Components
  • Einbau von React Router
  • Navigation bauen
Trainingsmethode

So macht Lernen Spaß: Spielerisch und nachhaltig mit dem WBS LearnSpace 3D®.

Lernen Sie so spielerisch und effektiv wie noch nie: Mit dem Online-Lernformat von WBS TRAINING, dem WBS LearnSpace 3D®, betreten Sie eine realitätsnahe Lern- und Arbeitswelt und erwerben neben fundiertem Fachwissen zugleich digitale Kompetenzen.

Mit Ihrem personalisierten Avatar bewegen Sie sich in unserer virtuellen Lernumgebung und sind dabei immer über zwei Bildschirme sowie Ihrem Headset live und interaktiv mit anderen Lernenden und Ihren Trainerinnen und Trainern verbunden. Während des Unterrichts können Sie also Fragen stellen, diskutieren und aktiv am Unterricht teilnehmen.

Profitieren Sie von einem spannenden Methodenmix: ob praktische Übungen, Gruppenarbeiten oder Selbstlernphasen. Durch einen abwechslungsreichen Unterricht erwerben Sie nachhaltiges Wissen sowie soziale und digitale Fähigkeiten, die Sie sofort anwenden können.

Ihre Weiterbildung im WBS LearnSpace 3D® absolvieren Sie an einem unserer Standorte in ganz Deutschland oder in Absprache mit dem Kostenträger bequem von zu Hause aus. Ihr Standortteam sowie Ihre Trainerinnen und Trainer sind für Sie da und beraten Sie gerne – vor, während und nach der Weiterbildung.

Perspektiven nach der Qualifizierung

Die Marktplatzierung eines Unternehmens und seiner Produkte/Dienstleistungen ist sehr stark mit einem ansprechenden und informativen Webauftritt verbunden. Daher gehört die Webseiten-Entwicklung zu einem der Schlüsselbereiche und wird deshalb in Industrie und Handel auch sehr stark nachgefragt. Durch diese Weiterbildung werden Sie in die Lage versetzt, unter Einsatz modernster Werkzeuge und Techniken, ansprechende und informative Webseiten zu erstellen.

Diese Themen könnten Sie auch interessieren

Lerne uns kennen! Deine kostenlose Schnuppertour.
Du möchtest gerne mehr über das Online-Lernen bei WBS TRAINING erfahren? Dann melde dich jetzt zu einer kostenlosen Schnuppertour an.
Zur Anmeldung