Fullstack Web Development mit CPUX-Zertifikat

Der ultimative Komplettkurs für Web Developer

Dauer
101 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 "Fullstack Web Developer" 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 Web-Developer gesucht!

In diesem Kurs [...] Weiterlesenlernen Sie die umfassendsten und modernsten Techniken in der Entwicklung interaktiver Webseiten mit HTML5, CSS3, JavaScript, PHP und Frameworks wie Bootstrap, jQuery, React und Laravel kennen. Sie verfügen als Absolvent:in dieses Kurses über Wissen, welches auf dem neuesten Stand basiert. Sie können modernste Tools bedienen und diese sinnvoll bei Ihren Projekten verwenden.

Dieser Kurs ist der ultimative Master-Kurs für angehende Web Developer. Und das Beste: Sie müssen beim Einstieg kein Master sein. Es werden keine Programmierkenntnisse vorausgesetzt. Nach Absolvierung dieses Kurses bewegen Sie sich allerdings in der absoluten Master-Class der Web-Entwicklung. 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 weist Sie zusätzlich als UI/UX-Spezialist:in aus.

Beratungstermin buchen
Nächster Kurstermin:
07.11.22 - 06.04.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 Fullstack Web Developer 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. Programmierkenntnisse werden nicht vorausgesetzt. Alles Notwendige erlernen Sie in diesem Kompaktkurs.

Dauer

Diese Qualifizierung dauert insgesamt ca. 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

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

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 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

PHP Grundlagen

  • Geschichte von PHP
  • Zielsetzung von PHP
  • Installation von PHP
  • PHP konfigurieren
  • Sicherheitsprobleme berücksichtigen
  • Aufbau der Skripte kennenlernen
  • Ausgabe von Daten an den Browser
  • Kommentare, Variablen, Datentypen, Konstanten
  • Arrays
  • Zeichenkettenverarbeitung, Formatierungen
  • Operatoren verwenden
  • Mathematische Funktionen, Zeit, Datum
  • Reguläre Ausdrücke, webspezifische Funktionen
  • Blöcke und Strukturen
  • Kontrollstrukturen, Verzweigungen, Schleifen
  • Funktionen und Prozeduren
  • Objektorientierte Programmierung unter PHP, COM-Objekte
  • Fehlerbehandlung und Hilfsfunktionen kennenlernen
  • Abbruchsteuerung
  • Fehlerkonzepte unter PHP
  • Debugging durchführen
  • Hilfsfunktionen kennen
  • Formulare auswerten
  • Daten per URL weiterreichen
  • Cookies unter PHP
  • Cookies verwenden
  • Grundlagen der Sessionverwaltung
  • Sessions mit versteckten Feldern
  • Sessions mit URI, Sessions mit Cookies
  • Arbeiten mit Servervariablen
  • Arbeiten mit Dateien und Verzeichnissen
  • Dateien erzeugen, lesen, schreiben
  • Auf Verzeichnisse zugreifen
  • Verbindungen zu Servern im Internet realisieren
  • Dateien uploaden

PHP - Datenbanken, Netzwerke & Co.

  • Einführung in MySQL
  • Installation von MySQL
  • MySQL im Vergleich zu Standard-SQL
  • Hinweise zur Portierbarkeit
  • Einführung in SQL, grundsätzliche Konzepte
  • Literale, Datentypen
  • Mit Datenbanken arbeiten
  • Reguläre Ausdrücke, Operatoren und Funktionen
  • Sicherheit unter MySQL
  • Usertabellen unter MySQL
  • ODBC kennenlernen, ODBC einrichten
  • ODBC-Funktionen
  • MySQL-Funktionen verwenden
  • Wichtige MySQL-Funktionen kennen
  • Persistente Verbindungen
  • Datenbanken handhaben : Datenbankcursor, Ergebnisliste
  • Planen und Realisieren eines Datenbankprojekts
  • Planen des Datenbankprojekts
  • Grundlegende Funktionen programmieren
  • Benutzeroberfläche entwickeln
  • Implementieren und Testen
  • Internetdienste, Netzwerkprotokolle und das ISO/OSI-Modell
  • Grundlagen von DNS kennenlernen
  • Socket-Funktionen kennen
  • DNS-Funktionen kennen
  • E-Mail-Programmierung unter PHP
  • Grundlagen der E-Mail-Programmierung
  • E-Mail-Protokolle kennen
  • E-Mail-Programmierung realisieren
  • E-Mail unter einem Beispiel-OS
  • Ausgabesteuerung und Arbeiten mit regulären Ausdrücken
  • Ausgabesteuerung : Grundlagen der Pufferung, Pufferfunktionen
  • Grundlagen regulärer Ausdrücke
  • Arbeiten mit regulären Ausdrücken
  • PCRE-Funktionen verwenden

PHP - Framework Laravel

  • Was ist eigentlich Laravel?
  • Vorbereitungen: PHP, composer & Visual Studio Code
  • Vorbereitungen: mysql & Laravel Installer
  • Hallo Welt - das erste Programm
  • Templating, Blade & Security im Template
  • Routing in Laravel
  • Routes verstehen und die HTTP Methoden
  • Deklarationen von Routes
  • Requests ohne Controller verarbeiten
  • Route Request an Controller übergeben
  • Resource Controller
  • Namespaces und Route Names
  • Route Prefix
  • Requests & Responses
  • Der Request Lifecycle
  • Requests & die Verarbeitung
  • Response und Redirects
  • Controller
  • Was ist ein Controller?
  • Controller erstellen, Arten & Daten
  • Exkurs. SQlite erstellen
  • Neue Daten anlegen im Controller
  • Models & Eloquent
  • Model und ORM
  • Laravel Model Relations
  • Model definieren
  • Laravel Eloquent Collections
  • Model Attribute nachträglich hinzufügen
  • Typecasts in Models
  • Update eines Models
  • Löschen und Soft Deletes
  • Datenbanken
  • Einführung: MySQL Datenbank erstellen
  • Database Migrations
  • Insert Statements
  • Selects mit Laravel DB Facades
  • where
  • DB vs. Eloquent ORM
  • Order und Group
  • Validierung & Autorisierung
  • Request Lifecycle
  • Request Validierung
  • Validierungsregeln
  • Autorisierung
  • Middleware
  • Das Zwiebelprinzip
  • Eigene Middleware anlegen
  • Middleware in Routes definieren
  • Events
  • Events Einführung
  • Listener Laravel
  • Listener Pattern
  • Console Commands
  • Erstellen eines Commands
  • Parameter
  • Command Optionen
  • Design Patterns
  • Facades
  • Dependency Injection
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 Planung und Realisierung von webbasierten Lösungen 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 Web-Auftritte 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