Karriere in Design & Entwicklung
Online

Lernen Sie alles, was Sie werden müssen UX/UI Designer und Webentwickler auf professionellem Niveau mit dieser Spezialisierungskarriere.

Eine Spezialisierungskarriere, in der wir die Inhalte unserer Master in UX/UL-Design und Webentwicklung kombiniert haben, um Sie zum heute von Technologieunternehmen und Start-ups am meisten nachgefragten Fachmann zu machen.

 

Comienzo

Januar 9 2023 

 

Dauer

480 Stunden / 12 Monate

 

Öffnungszeiten

Montag bis Freitag von 19:00 – 21:00 Uhr

Wer ist es?

Für die Durchführung der Karriere sind keine Vorkenntnisse erforderlich und sie richtet sich an verschiedene Arten von Profilen, die wir beschreiben.

Arbeitslose

Diese Karriere ist perfekt, wenn Sie schnell einen Job finden müssen und sich für neue Technologien begeistern. Wussten Sie, dass es in diesem Sektor praktisch keine Arbeitslosigkeit gibt?

Kürzliche Absolventen

Nach dem Studium muss man sich auf einen bestimmten Bereich spezialisieren, um einen guten Job zu finden.Wollen Sie erfahren, wonach Unternehmen wirklich suchen?

Unternehmer

Bist du daran interessiert, dein eigenes StartUp zu gründen? Unsere Karriere ermöglicht es Ihnen, über das gesamte technische Wissen zu verfügen, um ein digitales Produkt zu erstellen und Ihr eigenes technisches Team zu leiten.

Wechseljahre

Sie möchten Ihre berufliche Laufbahn umkrempeln? Wenn Sie sich beruflich verändern und einen Job mit großer Zukunft ergattern möchten, ermöglichen Ihnen unsere Bootcamps dies in kürzester Zeit.

Lehrteam

Unsere Karriere wird von einer Auswahl führender Fachleute der Branche geleitet und unterrichtet.

Alberto Rivera

Co-Leiterin des Bootcamps
Er hat jahrelange Erfahrung in der Leitung von Webentwicklungsprojekten in Unternehmen wie Minsait oder LaLiga und auch als Lehrer im akademischen Bereich.

Franz Restoy

Co-Leiterin des Bootcamps
Professioneller Experte für UX Design und Lehrer.
Er entwickelt seit mehr als 15 Jahren Projekte in verschiedenen Agenturen und Schulen.

Meister

Rodrigo Erades
Software Engineering
Cabify

Katharina Sanchez
Business Analyst
NTT-Daten

 

Miguel-Aller-Weg
Leitung Data Engineering
Inditex

Carlos Martínez
Lead Engineer
NTT-Daten

Alvaro de la Chica
Squad Leader
santa~~POS=TRUNC

Ivan Leider
Software Engineering
L + R.

Programm

Das Ziel dieser Karriere ist, dass Sie ein professionelles Niveau im Bereich Design erreichen UX/UI und Webentwicklung.

UX Research

120 Stunden / 3 Monate

In diesem Modul lernen Sie den gesamten UX-Forschungsprozess kennen, einschließlich Design Thinking-Methodik, Ideenfindung, Implementierung, Test und Validierung sowie Interaktionsdesign
und Informationsarchitektur.


Usability-Prinzipien

• Integrative und Gamestorming-Techniken.
• Einführung zu UX/UI, Agilität, Service und Business Design.
• Grundprinzipien: Benutzerfreundlichkeit und bewährte Praktiken.
• Jakob Nielsens Heuristik.
• Einführung in Designmethoden und Agile.
• Allgemeine Konzepte des Design Thinking.

Der UX-Prozess

• Kick-off, wie man Projekte startet
• Das Briefing für die Projektplanung
• Einführung zu UX Research

Design-Thinking-Methodik

• Design Thinking-Modelle.
• Das Double Diamond-Modell.
• Phasen: Recherche, Analyse, Ideenfindung und Implementierung.

UX-Forschungsdesign

• Forschungsplan entwerfen.
• Ansatz der Forschungsfragen.
• Benchmark- und Wettbewerbsanalyse. STREBER.
• Wettbewerbs-, interne und Funktionsanalyse. Phasen.
• Ethnographie und Feldarbeit.
• Techniken: Safari, Shadowing, Interviews etc.
• Grundlegende Konzepte in Interviews und Fragebögen.

Analyse der Benutzererfahrung

• Analyse, Synthese und Identifizierung von Mustern.
• Haupttechniken: Affinitätskarte, Clustering usw.
• Erkennung oder Extraktion von Erkenntnissen und Erkenntnissen.
• Konvergenztechniken und -werkzeuge.
• Ausarbeitung und Definition der User Persona.
• Entwicklung der Empathy Map.
• Überwachung der User Journey.
• Erstellen des Canvas-POV.
• Benutzerverhalten, zu erledigende Aufgaben.

Ideen entwickeln, Lösungen finden

• Ideenfindungskonzepte in UX.
• Brainstorming und Brainwriting.
• SCAMPER-Methode, Was wäre wenn, HMW und Hybridisierungen.
• Techniken zur Priorisierung von Ideen: Matrizen, MoSCoW usw.

Umsetzung durch Prototyping

• Kenntnis der Konzepte des Prototyping.
• Low-Fidelity-Prototyping.
• Prototyping in Co-Creation.

Testen und Validieren

• Validierung mit Stakeholdern.
• Testen mit Benutzern.
• Kenntnis der Technik der Fokusgruppe.
• Testen: Einzel-, Mehrfach-, Erstklick- und 5-Sekunden-Aufgaben.
Grundlagen des Interaktionsdesigns
• Das Konzept des Interaktionsdesigns.
• Die Bedeutung des Interaktionsdesigns im digitalen Produkt.
• Grundprinzipien der Interaktion.
• UX-Gesetze und -Prinzipien: Hick, Fitts, Pareto und andere.

Informationsarchitektur

• Entwurfskonzeption.
• Grundlagen des analogen und digitalen Wireframing.
• Informationseinheiten und Labels.
• Navigation vs. Suche.
• Navigationssysteme; Grundlegend und Fortgeschritten.
• Taxonomien, Facetten und Filter.
• Dienstprogramme.
• Ergebnisse der Informationsarchitektur: Sitemap.

Flussdiagramm-Methodik

• Einführung in Flussdiagramme.
• Vorteile und Phasen des Prozesses. Wo man Flussdiagramme verwendet.
• Grundlegende Layoutsymbole.
• Erlernen nützlicher Tools.
Gemischte Architekturkonzepte: Wireflows.

UI Design

120 Stunden / 3 Monate

In diesem Modul lernen Sie neben den grundlegenden Konzepten des visuellen Designs, grafische Oberflächen durch Prototyping und Benutzertests mit Figma, Invision, Sketch und Marvel zu entwerfen, und Sie werden auch in HTML, CSS und WordPress-Layout eingeführt.


Grundlagen des visuellen Designs

• Grundlagen, Anwendung von Modi und Farbprofilen.
• Die Farbe im Web oder in der App. Seine Verwendung in Sketch, Figma und Adobe XD.
• Prinzipien der Typografie.
• Anwendung von Typografie auf Web und App.
• Verwendung von Typografie in Tools: Sketch, Figma und Adobe XD.
• Grundlegende Grundlagen der Benutzeroberfläche; Retina-Export, 8pt-Gitter usw.

UI-Interface-Design

• Grundlagen der visuellen Gestaltung: Verwendung von Bildern und Illustrationen.
• UI-Grundlagen: Retina-Export, 8pt-Gitter usw.
• Generierung von Styleguides und UI-Kit.
• Atomares Design und Designsysteme.
• Erstellung von Komponenten, Responsive Design und Bibliotheken.
• Erstellung von Komponenten, Responsive Design und Bibliotheken (II).
• Erstellung des Design System Repository mit Zero Height und DSM.
• UI-Integration mit Code und Übergaben; Zeplin und InVision.

Prototyping und Tests mit Benutzern

• Screen-Prototyping mit Invision, Sketch und Marvel.
• Prototyping mit Figma. Mikrointeraktionen mit Smart Animate.
• Testen mit Benutzern.

Prototyping und fortgeschrittene Animation mit Principle und ProtoPie.
Web-Ökosystem und Layout

• Verschiedene Arten von Servern.
• Webprotokolle verstehen; http, ftp usw
• Unterschiede zwischen statischem Web und dynamischem Web.
• HTML-Code und seine Funktion in einer Webseite.
• Head-Tags in HTML.
• CSS und seine Rolle im Webdesign.
• Texteditoren: Visual Studio Code.
• Grundkonzepte des Weblayouts.
• Grundkonzepte des responsiven Layouts.
• Mobile-First- versus Desktop-First-Ansätze.
• Flexbox- und CSS-Grid-Eigenschaften.

Arten von Apps, APIs und Betriebssystemen

• Arten von Apps: native, hybride und Web-Apps.
• Vor- und Nachteile der verschiedenen Arten von Apps.
• App-Entwicklungssprachen: Android vs. iOS.
• API-Konzept und seine Rolle in der Webentwicklung.
• Android- und iOS-Muster lernen.

Einführung in das WordPress-CMS

• Definition, was ein CMS ist.
• Vor- und Nachteile von WordPress.
• Installation und Inbetriebnahme eines WordPress-Projekts.
• Allgemeine Konzepte von WordPress.
• Verwendung von WordPress mit Premium-Vorlagen.
• Layout Podeste in Figma oder Sketch entworfen.
• Die Rolle visueller Layout-Designer.
• Allgemeine Konzepte des Elementor-Layout-Designers.

Responsives Layout in Bootstrap

• Überprüfung des Grid-Konzepts im Webdesign.
• Responsives Layout mit Frameworks. Bootstrap.
• Medienabfragen für Multi-Device-Design mit Breakpoints.
• Grundlegendes Weblayout mit Bootstrap 5 in Visual Studio Code.
• So exportieren Sie Assets aus Figma oder Sketch in ein Web.

Entwicklung von Benutzertests

• Konzepte und Validierungstools mit Benutzern.
• Moderate Benutzertests durchführen.
• Testen im Remote-Format.
• Fortgeschrittene Heuristik und PURE-Methode.

Data Driven Design und Websites in Produktion

• Kenntnis der A/B-Tests und Konzepttests.
• Grundlegende Konzepte der Webanalyse und SEO.

Persönliche Portfolioentwicklung

• Entwicklung von Portfolio- und persönlichen Seiten.
• Tools und Plattformen für das persönliche Profil.
• Wie man die Projekte in die Plattformen einbindet.
• Plattformen zum Teilen von Projekten.
• Implementierungsübungen mit CMS. WordPress, Uxfolio usw

Web Design

120 Stunden / 3 Monate

Während dieses Weblayout-Moduls mit HTML5, CSS3 und JavaScript lernen Sie, jedes Webprojekt zu entwickeln, einschließlich derer, die "responsive" sein müssen, um sich effektiv an jedes Gerät anzupassen.


Einführung in Git

• Grundlegende Konzepte zu Code-Repositories.
• Installation von Git und SourceTree.
• Konzept von Commit, Push, Pull, Holen, Zurücksetzen.
• Erstellen und Verwenden von Zweigen.
• Git-Merge.
• Remote-Repositories.
• Arbeitsablauf.


HTML

• Grundlegende HTML-Semantik. Container vs. Inhalt.
• Formen.
• Dateistruktur.
• Definition von CSS-Stylesheets.


CSS

• Definition von CSS-Stylesheets.
• Box-Modell-CSS.
• CSS-Selektoren.
• Grundlegende CSS-Eigenschaften.
• Vererbung in CSS.
• Positionen.
• Layout mit Flex und Raster.
• Reaktionsschnelles adaptives Design: Medienabfragen.
• Nomenklatur mit BEM.


SASS

• Einführung in Präprozessoren.
• Einführung in SASS.
• Variablen.
• Teiltöne.
• Mixins.
• Module.
• Nachlass.
• Operatoren.
• Funktionen.
• ITCSS-BEMIT.


Javascript – Algorithmus

• Was ist Programmierung und die Struktur eines Skripts.
• Grundlegende Datentypen.
• Mathematische, logische und Vergleichsoperatoren.
• Erstellung von Variablen und Konstanten. let und const.
• Bedingungen: If, if-else, switch.
• For-Schleife.
• while-Schleife.
• Erstellen und Verwenden von Funktionen.
• Verwaltung von Parametern in Funktionen. Rückkehr.
• Unterschiede im Gültigkeitsbereich der Variablen.


Javascript – Sammlungen

• Einführung in Datenstrukturen und Sammlungen.
• Erstellung und Verwendung von Arrays.
• Methoden zum Durchlaufen von Arrays.
• Suchen und sortieren Sie mithilfe von Arrays.
• Mehrdimensionale Arrays.
• Mehrdimensionale Arrays durchlaufen.
• Auf Arrays angewendete Funktionen (Filter, Find, Map…).
• Einführung in Map and Set.


Javascript – Objekte

• Anonyme Funktionen und Callbacks.
• Verwendung von Pfeilfunktionen.
• Undefinierte Parameter. Ruhe Parameter.
• Erstellung und Verwendung von Javascript-Objekten.
• JavaScript-Kontext: Dies.


Javascript – DOM-Objektmodell

• Was ist das DOM?. Seine Verwendung mit Javascript.
• Was ist die Stückliste?
• Javascript im Browser.
• Erfassen Sie Elemente durch Get-Methoden.
• Erfassen Sie Elemente durch querySelector.
• Abrufen und Bearbeiten von DOM-Elementen und ihren Attributen.
• Arten von Ereignissen.
• Verwaltung von HTML-Ereignissen.
• Listener und Funktionen für Ereignisse.
• Speicherung im Browser.

Front-End

120 Stunden / 3 Monate

Im Entwicklungsmodul Front-End Mit ReactJS lernen Sie alle Arten von Webentwicklungen, SPA (Single Page Application) oder sogar mobile Anwendungen mit JavaScript unter Verwendung der Module, Tools und Komponenten zu erstellen.


Javascript OOP

• Konzepte der objektorientierten Programmierung.
• Erstellung von Klassen und Instanzen.
• Konzepte davon.
• Nachlass.

Javascript-Asynchronität

• Konzept der Asynchronität und Situationen, die es im Browser hervorrufen.
• Timeout vs. Intervall vs. Callback vs. Promises.
• Konzept der Versprechen.
• Deklaration und Verbrauch von Versprechen.
• Spezifische Methoden der Promise-Klasse.
• Verwendung von Async-Await zum Verwalten von Promises.
• Funktionen mit Versprechungen.

Javascript - HTTP-Anforderungen

• Einführung in HTTP.
• Verwaltung von HTTP-Anforderungen an die Rest-API.
• Konzept der asynchronen Anfrage.
• Anfrage durch Rückruf.
• GET-Anforderungen.
• Petitionen mit Inhalt. POST, PUT.
• Fehlermanagement.
• Einführung in CORS.

Einführung in die Webentwicklung mit React

• Was ist ein SPA.
• Was ist reagieren. ReactDOM, React-Router-Komponenten und JSX.
• Einführung in die Komponentenentwicklung mit Klassen und Lebenszyklus.
• Beispiel einer App, die CDNs verwendet.
• Einführung in NPM.
• Kenntnis der Datei „package.json“.
• Verwaltung der NPM-Registrierung.
• Migration des vorherigen Beispiels zu NPM.
• Einführung in React-Skripte.
• Erstellen von Anwendungen mit der CLI.
• Erstellen der Anwendung im Entwicklungsmodus mit React-Skripten.
• Migration des Beispiels auf das CLI.

Hooksb-Komponenten reagieren

• Erstellung von Funktionsbausteinen.
• Einführung in Haken.
• Die grundlegenden Hooks kennen (useEffect, useState).
• Verbrauch von Komponenten innerhalb anderer Komponenten.
• Die fortgeschrittenen Hooks kennen.
• Klassenkomponenten vs. Funktionskomponenten.

Routing

• Pfadparameter.
• Verwalten von Abfrageparametern.
• Verschachtelte Routen.
• Schützen Sie den Zugang zu Routen.
• Authentifizierte Routen.
• Routen animieren.

Staatsverwaltung

• Kontext-API.
• Lokaler Zustand vs. globaler Zustand.
• Zustandslose vs. zustandsbehaftete Komponenten.
• Redux.
• Verwendung von Redux und Hooks.
• Zustandsverwaltung im Router

Beispiel mit einer JS-API

• Einführung in das Konzept von API JS und wiederverwendbarer Bibliothek.
• Verstehen der API-Dokumentation.
• Beispiel für die Verwendung einer API wie Google Maps

Deploy

• Erstellen Sie die Anwendung für die Produktion.
• Bereitstellung auf Diensten wie Surge.sh oder Netlify.
• Einführung in CI/CD.

Projekt Finale

Sie werden alles, was Sie während Ihrer Ausbildung gelernt haben, in die Praxis umsetzen.

Nach Abschluss Ihres Studiums können Sie mit all den erlernten Kenntnissen ein reales Projekt durchführen und unserem Lehrteam präsentieren. Die besten Werke werden in unseren sozialen Netzwerken und bei Werbeveranstaltungen beworben, die wir jedes Quartal durchführen.

Beschäftigung

Unsere Studierenden arbeiten bereits in den technologischen Bereichen der wichtigsten Unternehmen auf internationaler Ebene.

Cómo se puede pagar?

Sie können Ihren Platz gleich jetzt reservieren und den Restbetrag zu Beginn des Rennens bezahlen.

800€

Sitzplatzreservierung

7.200€

Restbetrag

8.000€

Rennpreis

+

=

Erhalten Sie diese Woche 25% Rabatt!

Studentische Meinungen

FAQ

Einige der häufig gestellten Fragen zu unserem Master.

Nein, Sie benötigen lediglich ein Grundstudium und mittlere Englischkenntnisse.

Als erstes drücken Sie den "Mehr erfahren"-Button und füllen das Formular aus, dann wird sich unser Campus Manager mit Ihnen in Verbindung setzen, um Sie zu informieren und alle Ihre Fragen zu beantworten. Schließlich müssen Sie die Platzreservierung bezahlen.
Zunächst müssen Sie 10 % für die Platzreservierung bezahlen und die restlichen 90 % bezahlen Sie vor Kursbeginn in bar oder über eine Bank finanziert.

Ja, bei den Frühbucherrabatten gilt: Je früher Sie Ihren Platz buchen, desto größer ist der Rabatt, den Sie erhalten.

Das Remote-Format besteht aus Live-Kursen, die per Streaming übertragen und auch aufgezeichnet werden, damit sie zu einem anderen Zeitpunkt angesehen werden können.

Ja, Sie benötigen einen Computer mit beliebigem Betriebssystem (PC/Mac), der weniger als 4 Jahre alt ist.

Ja, am Ende des Studiums wird allen Teilnehmern, die das Schulungsprogramm bestanden haben, ein Akkreditierungsdiplom ausgestellt.

Ja, natürlich! Es erfordert sehr viel Konstanz, aber das Programm ist so konzipiert, dass Sie alles in 12 Monaten lernen und es mit Ihrer Arbeit oder Ihrem anderen Studium vereinbaren können.

Nach Abschluss des Studiums können Sie mit all den erlernten Kenntnissen ein reales Projekt durchführen und unserem Lehrteam präsentieren.

Verwandte Programme

UX/UI Design

Ein Meister in Remote zu werden UX/UI professioneller Designer.
Teilzeit / 6 Monate / 240 Stunden

Web-Entwicklung

Mit diesem Online-Master können Sie ein professioneller Webentwickler werden.
Teilzeit / 6 Monate / 240 Stunden

Karriere in
Design &
Entwicklung
Online

Lernen Sie alles, was Sie werden müssen UX/UI Designer und Webentwickler auf professionellem Niveau mit dieser Karriere.

Eine Spezialisierungskarriere, in der wir die Inhalte unserer Master in UX/UL-Design und Webentwicklung kombiniert haben, um Sie zum heute von Technologieunternehmen und Start-ups am meisten nachgefragten Fachmann zu machen.

 


Comienzo

Januar 9 2023

 

Dauer

480 Stunden / 12 Monate

 

Öffnungszeiten

Mo-Fr 19:00 – 21:00

Wer ist es?

Für die Durchführung der Karriere sind keine Vorkenntnisse erforderlich und sie richtet sich an verschiedene Arten von Profilen, die wir beschreiben.

Arbeitslose

Diese Kurse sind perfekt, wenn Sie schnell einen Job finden müssen und sich für neue Technologien begeistern. Wussten Sie, dass es in diesem Sektor praktisch keine Arbeitslosigkeit gibt?

Kürzliche Absolventen

Nach dem Studium muss man sich auf einen bestimmten Bereich spezialisieren, um einen guten Job zu finden.Wollen Sie erfahren, wonach Unternehmen wirklich suchen?

Unternehmer

Bist du daran interessiert, dein eigenes StartUp zu gründen? Unsere Karriere ermöglicht es Ihnen, über das gesamte technische Wissen zu verfügen, um ein digitales Produkt zu erstellen und Ihr eigenes technisches Team zu leiten.

Wechseljahre

Sie möchten Ihre berufliche Laufbahn umkrempeln? Wenn Sie Ihren Beruf wechseln und einen zukunftsträchtigen Job bekommen möchten, können Sie dies mit unserer Karriere in kürzester Zeit tun.

Adresse
der Karriere

Unser Spezialisierungskurs wird von einer anspruchsvollen Auswahl herausragender Fachleute der Branche unterrichtet.

Alberto Rivera

Programm-Co-Direktor
Er hat jahrelange Erfahrung in der Leitung von Webentwicklungsprojekten in Unternehmen wie Minsait oder LaLiga und auch als Lehrer im akademischen Bereich.

Franz Restoy

Programm-Co-Direktor
Professioneller Experte für UX Design und Lehrer. Er entwickelt seit mehr als 15 Jahren Projekte in verschiedenen Agenturen und Schulen.

Programm

Das Ziel des Programms ist es, dass Sie ein professionelles Niveau erreichen UX/UI Design und Webentwicklung.

UX Research

120 Stunden / 3 Monate

In diesem Modul lernen Sie den gesamten UX-Forschungsprozess kennen, einschließlich Design Thinking-Methodik, Ideenfindung, Implementierung, Test und Validierung sowie Interaktionsdesign
und Informationsarchitektur.


Usability-Prinzipien

• Integrative und Gamestorming-Techniken.
• Einführung zu UX/UI, Agilität, Service und Business Design.
• Grundprinzipien: Benutzerfreundlichkeit und bewährte Praktiken.
• Jakob Nielsens Heuristik.
• Einführung in Designmethoden und Agile.
• Allgemeine Konzepte des Design Thinking.

Der UX-Prozess

• Kick-off, wie man Projekte startet
• Das Briefing für die Projektplanung
• Einführung zu UX Research

Design-Thinking-Methodik

• Design Thinking-Modelle.
• Das Double Diamond-Modell.
• Phasen: Recherche, Analyse, Ideenfindung und Implementierung.

UX-Forschungsdesign

• Forschungsplan entwerfen.
• Ansatz der Forschungsfragen.
• Benchmark- und Wettbewerbsanalyse. STREBER.
• Wettbewerbs-, interne und Funktionsanalyse. Phasen.
• Ethnographie und Feldarbeit.
• Techniken: Safari, Shadowing, Interviews etc.
• Grundlegende Konzepte in Interviews und Fragebögen.

Analyse der Benutzererfahrung

• Analyse, Synthese und Identifizierung von Mustern.
• Haupttechniken: Affinitätskarte, Clustering usw.
• Erkennung oder Extraktion von Erkenntnissen und Erkenntnissen.
• Konvergenztechniken und -werkzeuge.
• Ausarbeitung und Definition der User Persona.
• Entwicklung der Empathy Map.
• Überwachung der User Journey.
• Erstellen des Canvas-POV.
• Benutzerverhalten, zu erledigende Aufgaben.

Ideen entwickeln, Lösungen finden

• Ideenfindungskonzepte in UX.
• Brainstorming und Brainwriting.
• SCAMPER-Methode, Was wäre wenn, HMW und Hybridisierungen.
• Techniken zur Priorisierung von Ideen: Matrizen, MoSCoW usw.

Umsetzung durch Prototyping

• Kenntnis der Konzepte des Prototyping.
• Low-Fidelity-Prototyping.
• Prototyping in Co-Creation.

Testen und Validieren

• Validierung mit Stakeholdern.
• Testen mit Benutzern.
• Kenntnis der Technik der Fokusgruppe.
• Testen: Einzel-, Mehrfach-, Erstklick- und 5-Sekunden-Aufgaben.
Grundlagen des Interaktionsdesigns
• Das Konzept des Interaktionsdesigns.
• Die Bedeutung des Interaktionsdesigns im digitalen Produkt.
• Grundprinzipien der Interaktion.
• UX-Gesetze und -Prinzipien: Hick, Fitts, Pareto und andere.

Informationsarchitektur

• Entwurfskonzeption.
• Grundlagen des analogen und digitalen Wireframing.
• Informationseinheiten und Labels.
• Navigation vs. Suche.
• Navigationssysteme; Grundlegend und Fortgeschritten.
• Taxonomien, Facetten und Filter.
• Dienstprogramme.
• Ergebnisse der Informationsarchitektur: Sitemap.

Flussdiagramm-Methodik

• Einführung in Flussdiagramme.
• Vorteile und Phasen des Prozesses. Wo man Flussdiagramme verwendet.
• Grundlegende Layoutsymbole.
• Erlernen nützlicher Tools.
Gemischte Architekturkonzepte: Wireflows.

UI Design

120 Stunden / 3 Monate

In diesem Modul lernen Sie neben den grundlegenden Konzepten des visuellen Designs, grafische Oberflächen durch Prototyping und Benutzertests mit Figma, Invision, Sketch und Marvel zu entwerfen, und Sie werden auch in HTML, CSS und WordPress-Layout eingeführt.


Grundlagen des visuellen Designs

• Grundlagen, Anwendung von Modi und Farbprofilen.
• Die Farbe im Web oder in der App. Seine Verwendung in Sketch, Figma und Adobe XD.
• Prinzipien der Typografie.
• Anwendung von Typografie auf Web und App.
• Verwendung von Typografie in Tools: Sketch, Figma und Adobe XD.
• Grundlegende Grundlagen der Benutzeroberfläche; Retina-Export, 8pt-Gitter usw.

UI-Interface-Design

• Grundlagen der visuellen Gestaltung: Verwendung von Bildern und Illustrationen.
• UI-Grundlagen: Retina-Export, 8pt-Gitter usw.
• Generierung von Styleguides und UI-Kit.
• Atomares Design und Designsysteme.
• Erstellung von Komponenten, Responsive Design und Bibliotheken.
• Erstellung von Komponenten, Responsive Design und Bibliotheken (II).
• Erstellung des Design System Repository mit Zero Height und DSM.
• UI-Integration mit Code und Übergaben; Zeplin und InVision.

Prototyping und Tests mit Benutzern

• Screen-Prototyping mit Invision, Sketch und Marvel.
• Prototyping mit Figma. Mikrointeraktionen mit Smart Animate.
• Testen mit Benutzern.

Prototyping und fortgeschrittene Animation mit Principle und ProtoPie.
Web-Ökosystem und Layout

• Verschiedene Arten von Servern.
• Webprotokolle verstehen; http, ftp usw
• Unterschiede zwischen statischem Web und dynamischem Web.
• HTML-Code und seine Funktion in einer Webseite.
• Head-Tags in HTML.
• CSS und seine Rolle im Webdesign.
• Texteditoren: Visual Studio Code.
• Grundkonzepte des Weblayouts.
• Grundkonzepte des responsiven Layouts.
• Mobile-First- versus Desktop-First-Ansätze.
• Flexbox- und CSS-Grid-Eigenschaften.

Arten von Apps, APIs und Betriebssystemen

• Arten von Apps: native, hybride und Web-Apps.
• Vor- und Nachteile der verschiedenen Arten von Apps.
• App-Entwicklungssprachen: Android vs. iOS.
• API-Konzept und seine Rolle in der Webentwicklung.
• Android- und iOS-Muster lernen.

Einführung in das WordPress-CMS

• Definition, was ein CMS ist.
• Vor- und Nachteile von WordPress.
• Installation und Inbetriebnahme eines WordPress-Projekts.
• Allgemeine Konzepte von WordPress.
• Verwendung von WordPress mit Premium-Vorlagen.
• Layout Podeste in Figma oder Sketch entworfen.
• Die Rolle visueller Layout-Designer.
• Allgemeine Konzepte des Elementor-Layout-Designers.

Responsives Layout in Bootstrap

• Überprüfung des Grid-Konzepts im Webdesign.
• Responsives Layout mit Frameworks. Bootstrap.
• Medienabfragen für Multi-Device-Design mit Breakpoints.
• Grundlegendes Weblayout mit Bootstrap 5 in Visual Studio Code.
• So exportieren Sie Assets aus Figma oder Sketch in ein Web.

Entwicklung von Benutzertests

• Konzepte und Validierungstools mit Benutzern.
• Moderate Benutzertests durchführen.
• Testen im Remote-Format.
• Fortgeschrittene Heuristik und PURE-Methode.

Data Driven Design und Websites in Produktion

• Kenntnis der A/B-Tests und Konzepttests.
• Grundlegende Konzepte der Webanalyse und SEO.

Persönliche Portfolioentwicklung

• Entwicklung von Portfolio- und persönlichen Seiten.
• Tools und Plattformen für das persönliche Profil.
• Wie man die Projekte in die Plattformen einbindet.
• Plattformen zum Teilen von Projekten.
• Implementierungsübungen mit CMS. WordPress, Uxfolio usw

Web Design

120 Stunden / 3 Monate

Während dieses Weblayout-Moduls mit HTML5, CSS3 und JavaScript lernen Sie, jedes Webprojekt zu entwickeln, einschließlich derer, die "responsive" sein müssen, um sich effektiv an jedes Gerät anzupassen.


Einführung in Git

• Grundlegende Konzepte zu Code-Repositories.
• Installation von Git und SourceTree.
• Konzept von Commit, Push, Pull, Holen, Zurücksetzen.
• Erstellen und Verwenden von Zweigen.
• Git-Merge.
• Remote-Repositories.
• Arbeitsablauf.


HTML

• Grundlegende HTML-Semantik. Container vs. Inhalt.
• Formen.
• Dateistruktur.
• Definition von CSS-Stylesheets.


CSS

• Definition von CSS-Stylesheets.
• Box-Modell-CSS.
• CSS-Selektoren.
• Grundlegende CSS-Eigenschaften.
• Vererbung in CSS.
• Positionen.
• Layout mit Flex und Raster.
• Reaktionsschnelles adaptives Design: Medienabfragen.
• Nomenklatur mit BEM.


SASS

• Einführung in Präprozessoren.
• Einführung in SASS.
• Variablen.
• Teiltöne.
• Mixins.
• Module.
• Nachlass.
• Operatoren.
• Funktionen.
• ITCSS-BEMIT.


Javascript – Algorithmus

• Was ist Programmierung und die Struktur eines Skripts.
• Grundlegende Datentypen.
• Mathematische, logische und Vergleichsoperatoren.
• Erstellung von Variablen und Konstanten. let und const.
• Bedingungen: If, if-else, switch.
• For-Schleife.
• while-Schleife.
• Erstellen und Verwenden von Funktionen.
• Verwaltung von Parametern in Funktionen. Rückkehr.
• Unterschiede im Gültigkeitsbereich der Variablen.


Javascript – Sammlungen

• Einführung in Datenstrukturen und Sammlungen.
• Erstellung und Verwendung von Arrays.
• Methoden zum Durchlaufen von Arrays.
• Suchen und sortieren Sie mithilfe von Arrays.
• Mehrdimensionale Arrays.
• Mehrdimensionale Arrays durchlaufen.
• Auf Arrays angewendete Funktionen (Filter, Find, Map…).
• Einführung in Map and Set.


Javascript – Objekte

• Anonyme Funktionen und Callbacks.
• Verwendung von Pfeilfunktionen.
• Undefinierte Parameter. Ruhe Parameter.
• Erstellung und Verwendung von Javascript-Objekten.
• JavaScript-Kontext: Dies.


Javascript – DOM-Objektmodell

• Was ist das DOM?. Seine Verwendung mit Javascript.
• Was ist die Stückliste?
• Javascript im Browser.
• Erfassen Sie Elemente durch Get-Methoden.
• Erfassen Sie Elemente durch querySelector.
• Abrufen und Bearbeiten von DOM-Elementen und ihren Attributen.
• Arten von Ereignissen.
• Verwaltung von HTML-Ereignissen.
• Listener und Funktionen für Ereignisse.
• Speicherung im Browser.

Front-End

120 Stunden / 3 Monate

Im Entwicklungsmodul Front-End Mit ReactJS lernen Sie alle Arten von Webentwicklungen, SPA (Single Page Application) oder sogar mobile Anwendungen mit JavaScript unter Verwendung der Module, Tools und Komponenten zu erstellen.


Javascript OOP

• Konzepte der objektorientierten Programmierung.
• Erstellung von Klassen und Instanzen.
• Konzepte davon.
• Nachlass.

Javascript-Asynchronität

• Konzept der Asynchronität und Situationen, die es im Browser hervorrufen.
• Timeout vs. Intervall vs. Callback vs. Promises.
• Konzept der Versprechen.
• Deklaration und Verbrauch von Versprechen.
• Spezifische Methoden der Promise-Klasse.
• Verwendung von Async-Await zum Verwalten von Promises.
• Funktionen mit Versprechungen.

Javascript - HTTP-Anforderungen

• Einführung in HTTP.
• Verwaltung von HTTP-Anforderungen an die Rest-API.
• Konzept der asynchronen Anfrage.
• Anfrage durch Rückruf.
• GET-Anforderungen.
• Petitionen mit Inhalt. POST, PUT.
• Fehlermanagement.
• Einführung in CORS.

Einführung in die Webentwicklung mit React

• Was ist ein SPA.
• Was ist reagieren. ReactDOM, React-Router-Komponenten und JSX.
• Einführung in die Komponentenentwicklung mit Klassen und Lebenszyklus.
• Beispiel einer App, die CDNs verwendet.
• Einführung in NPM.
• Kenntnis der Datei „package.json“.
• Verwaltung der NPM-Registrierung.
• Migration des vorherigen Beispiels zu NPM.
• Einführung in React-Skripte.
• Erstellen von Anwendungen mit der CLI.
• Erstellen der Anwendung im Entwicklungsmodus mit React-Skripten.
• Migration des Beispiels auf das CLI.

Hooksb-Komponenten reagieren

• Erstellung von Funktionsbausteinen.
• Einführung in Haken.
• Die grundlegenden Hooks kennen (useEffect, useState).
• Verbrauch von Komponenten innerhalb anderer Komponenten.
• Die fortgeschrittenen Hooks kennen.
• Klassenkomponenten vs. Funktionskomponenten.

Routing

• Pfadparameter.
• Verwalten von Abfrageparametern.
• Verschachtelte Routen.
• Schützen Sie den Zugang zu Routen.
• Authentifizierte Routen.
• Routen animieren.

Staatsverwaltung

• Kontext-API.
• Lokaler Zustand vs. globaler Zustand.
• Zustandslose vs. zustandsbehaftete Komponenten.
• Redux.
• Verwendung von Redux und Hooks.
• Zustandsverwaltung im Router

Beispiel mit einer JS-API

• Einführung in das Konzept von API JS und wiederverwendbarer Bibliothek.
• Verstehen der API-Dokumentation.
• Beispiel für die Verwendung einer API wie Google Maps

Deploy

• Erstellen Sie die Anwendung für die Produktion.
• Bereitstellung auf Diensten wie Surge.sh oder Netlify.
• Einführung in CI/CD.

Beschäftigung

Unsere Studierenden arbeiten bereits in den technologischen Bereichen der wichtigsten Unternehmen auf internationaler Ebene.

Cómo se puede pagar?

Sie können Ihren Platz gleich jetzt reservieren und den Restbetrag zu Beginn des Rennens bezahlen.

800€

Sitzplatzreservierung

+

7.200€

Restbetrag

=

8.000€

Rennpreis

Erhalten Sie diese Woche 25% Rabatt!

FAQ

Nein, Sie benötigen lediglich ein Grundstudium und mittlere Englischkenntnisse.

Als erstes drücken Sie den Button „Mehr erfahren“ und füllen das Formular aus, dann wird sich unser Campus Manager mit Ihnen in Verbindung setzen und schließlich müssen Sie die Platzreservierung bezahlen.

Sobald die Platzreservierung bezahlt wurde, können Sie den Rest in bar oder über eine Bank finanziert bezahlen.

Ja, bei den Frühbucherrabatten gilt: Je früher Sie Ihren Platz buchen, desto größer ist der Rabatt, den Sie erhalten.

Dieser Master wird ausschließlich im Remote-Format mit Live-Unterricht über die Zoom-Plattform unterrichtet.

Ja, Sie benötigen einen Computer mit beliebigem Betriebssystem (PC/Mac), der weniger als 4 Jahre alt ist.

Ja, am Ende des Kurses wird allen Teilnehmern, die den Kurs genutzt haben, ein Diplom ausgestellt.

Ja, natürlich! Es erfordert sehr viel Konstanz, aber das Programm ist so konzipiert, dass Sie alles in 12 Monaten lernen und es mit Ihrer Arbeit oder Ihrem anderen Studium vereinbaren können.

Sie haben ungefähr 60 Stunden Zeit für die Entwicklung und Durchführung Ihres Projekts auf professionellem Niveau unter der Aufsicht des Master-Direktors.

Verwandte Programme

UX Research

Studieren Sie die Konzepte, Tools und Prozesse von UX Research.

Online / 3 Monate / 120 Std

UI Design

Werden Sie Designer mit Spezialisierung auf digitale Schnittstellen.

Online / 3 Monate / 120 Std

Top