PDF

Schulung Bootstrap 4 komplett - Einführung und Anpassung

4 Tage / S2077

Neues Seminar

Schulungsformen

Offene Schulung

  • 4 Tage
  • 2 Termine
  • 2.260,00 zzgl. MwSt.
  • Köln

Learning & Networking in einem. Garantierte Durchführung ab 1 Teilnehmer.

Inhouse-/Firmenschulung

  • 4 Tage - anpassbar
  • Termin nach Wunsch
  • Preis nach Angebot
  • In Ihrem Hause oder bei der GFU

Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.

Individualschulung

  • 4 Tage - anpassbar
  • Termin nach Wunsch
  • Preis nach Angebot
  • In Ihrem Hause oder bei der GFU

1 Teilnehmer = max. Fokus aufs Fachliche und max. Raum für individuelle Fragen.

Beschreibung

In diesem Seminar lernen Sie, Bootstrap 4 anzuwenden und individuell für Ihre Zielsetzung anzupassen. In einem ersten Teil des Seminars erhalten Teilnehmer mit HTML-Kenntnissen das nötige Handwerkszeug um Layouts schnell in Bootstrap umsetzen zu können. Sie lernen das CSS-Grid kennen und können anschließend Layouts umsetzen. Der zweite Teil erweitert Ihren Kenntnisstand in der Verwendung von Bootstrap. Im Arbeitsalltag von Agenturen und in der Applikations-Entwicklung muss Bootstrap um individuelle Anpassungen ergänzt werden. Bestehende Komponenten müssen erweitert und neue entwickelt werden. Das Corporate Design muss übernommen, Schriftarten, Abstände und Rasteraufteilungen geändert werden. Mit dem CSS Präprozessor SASS kann diese Aufgabe effizient umgesetzt werden. Ihre Designs werden damit wiederverwendbar. 

Schulungsziel

Nach diesem Seminar können Sie ein Layout mit Bootstrap 4 umsetzen. Sie kennen die Klassen und Komponenten und können mit dem Grid-System responsive Webseiten gestalten und in Ihrem Corporate Design umsetzen.

Details

Inhalt

1.-2. Tag: Auch separat buchbar als Einführung in Bootstrap 4

  • Einstieg in Bootstrap 4
    • Ressourcen und Download
    • Quellen für Themes
    • Browser-Kompatibilität
    • Layout mit CSS Klassen
    • Erweiterungen und Plugins
  • Umgang mit dem Grid-System
    • Gestaltungsprinzipien und 12er-Raster
    • Zwischenräume
    • Automatisches Layout
    • Responsive Klassen
    • Ausrichtung und Sortierung
    • Verschachtelte Darstellungen
    • Flexbox horizontal und vertikal
    • Suchmaschinen optimierter HTML-Code
  • Typografie
    • Größen einstellen
    • Farbschemata anwenden
    • Abstände
    • Textausrichtung
    • Schatten und Rahmen
    • Sichtbarkeit und Textersetzung
  • Typische Inhalte verwenden
    • Texte und Überschriften 
    • Bilder und Medien-Elemente
    • Formulare und Tabellen
    • Icon Sets verwenden
  • Navigationen erstellen
    • Responsive Navbars 
    • Menüpunkte als Dropdown
    • Tabbed Navigation
  • Komponenten verwenden
    • Alerts, Badges und Buttons
    • Listen
    • Cards und Jumbotron
  • Interaktive Komponenten
    • Pagination
    • Progress
    • Scroll Spy
    • Modal Boxen, Popup-Fenster
    • Karussell, Slider
    • Akkordeon
    • Tool-Tipps
  • Bootstrap und JavaScript
    • jQuery und popper.js 
    • Data Attribute, data-toggle
    • Events und asynchrone Funktionen
    • Defaults überschreiben
    • Methoden der Komponenten
  • Theming
    • Überschreiben der CSS-Klassen
    • Eigenes Bootstrap-CSS erstellen mit Online-Tools

3.-4. Tag: Auch separat buchbar als Bootstrap 4 individuell anpassen und erweitern

  • Einführung
    • Übersicht über die Projektstruktur 
    • npm Befehle einsetzen
    • Einen eigenen Build erstellen
    • Dateigrößen optimieren
    • QUnit Test ausführen
  • SCSS Einführung
    • Umwandlung von SCSS in CSS
    • Verwendung von Variablen
    • Verschachtelte Klassen
    • Stile auslagern und importieren
    • Mixins erstellen
    • Erweitern und erben von Eigenschaften
    • Operatoren anwenden
    • @Rules und Direktiven
    • Bedingte Stile
    • Maps und Schleifen
  • Bootstrap und SCSS
    • Variablen für Farben und Grautöne
    • Variablen für Media Queries
    • Wichtige SCSS Funktionen
    • Bootstrap Optionen ändern
  • Anwendungsfälle
    • Eigene Farben verwenden
    • Default Variablen überschreiben
    • Spaltenanzahl und Abstände im Grid ändern
    • Media Queries ändern
    • Eigene Komponenten erstellen

Wer teilnehmen sollte

Webdesigner, Interface-Designer und UX-Designer mit Vorkenntnissen in HTML und CSS.


Ihre Schulung

Lernmethode: Ausgewogene Mischung aus Theorie und Praxis
Unterlagen: Seminarunterlagen oder Fachbuch zum Seminar inklusive, das man nach Rücksprache mit dem Trainer individuell auswählen kann
Arbeitsplatz: PC/VMs für jeden Teilnehmer
Hochwertige und performante Hardware
Große, höhenverstellbare Bildschirme
Zugang zu Ihrem Firmennetz erlaubt
Lernumgebung: Neu aufgesetzte Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter.
Arbeitsmaterialien: Din A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its
Teilnahmebescheinigung: Wird am Ende des Seminars ausgehändigt, inkl. Inhaltsverzeichnis

Organisation

Teilnehmerzahl: min. 1, max. 8 Personen
Garantierte Durchführung : Ab einem Teilnehmer
Schulungszeiten: 4 Tage, 1. Tag 10:00 - 17:00 Uhr, Folgetage 09:00 - 16:00 Uhr
Ort der Schulung: GFU Schulungszentrum

GFU Schulungszentrum
Am Grauen Stein 27
51105 Köln-Deutz
oder europaweit bei Ihnen als Inhouse-Schulung
Räumlichkeiten: Helle und modern ausgestattete Räume mit perfekter Infrastruktur
Preisvorteil : Der dritte Mitarbeiter nimmt kostenfrei teil.
All-Inclusive: Frühstück, Snacks und Getränke ganztägig, Mittagessen im eigenen Restaurant, täglich 6 Menüs, auch vegetarisch
Barrierefreiheit: Das GFU-Schulungszentrum(Am Grauen Stein 27) ist barrierefrei

Buchen ohne Risiko

Rechnungsstellung: Erst nach dem erfolgreichen Seminar. Keine Vorkasse.
Stornierung: Kostenfrei bis zum Vortag des Seminars
Vormerken statt buchen: Sichern Sie sich unverbindlich Ihren Seminarplatz schon vor der Buchung - auch wenn Sie selbst nicht berechtigt sind zu buchen
Bildungsgutschein: Bildungsscheck NRW, Bildungsprämie

Kostenfreie Services

Kundenbewertungen

Zu diesem Seminar wurden noch keine Bewertungen abgegeben.

Buchungsmöglichkeiten

Offene Termine

04.11.-07.11.2019
2.260,00
Köln   
Plätze vorhanden
16.03.-19.03.2020
2.260,00
Köln   
Plätze vorhanden
Kein passender Termin? Termin
vorschlagen
Buchen ohne Risiko:
  • Keine Vorkasse
  • Kostenfreies Storno bis zum Vortag des Seminars
  • Rechnung nach erfolgreichem Seminar
  • All-Inclusive-Preis
  • Garantierter Termin und Veranstaltungsort
  • Preise pro Person zzgl. Mehrwertsteuer
  • Der dritte Mitarbeiter nimmt kostenfrei teil

Firmenschulung

Im GFU Schulungszentrum

Anfragen

Inhouse-Schulung

In Ihrem Hause
Auswählen
Wo soll Ihre Schulung stattfinden?
  • Europaweit
  • GFU Schulungszentrum
  • Berlin
  • Bremen
  • Düsseldorf
  • Dortmund
  • Dresden
  • Frankfurt
  • Hamburg
  • Hannover
  • Köln
  • Leipzig
  • Mannheim
  • München
  • Nürnberg
  • Stuttgart
Weiterer Ort:

Anfragen

Individualschulung

Auswählen
Wo soll Ihre Schulung stattfinden?
  • Im GFU Schulungszentrum oder in Ihrem Hause Europaweit
  • Berlin
  • Bremen
  • Düsseldorf
  • Dortmund
  • Dresden
  • Frankfurt
  • Hamburg
  • Hannover
  • Köln
  • Leipzig
  • Mannheim
  • München
  • Nürnberg
  • Stuttgart
Weiterer Ort:

Anfragen

Das GFU-Sorglos-Paket

Diese kostenfreien Serviceleistungen sind während des Buchungsprozesses ganz einfach auswählbar.


Shuttle Service
Shuttle-Service

Machen Sie sich keinen Kopf um die Anreise! Unser Shuttle fährt Sie. Oder Sie parken einfach auf einem extra für Sie reservierten Parkplatz.

Hotel

Hotelreservierung

Hotelzimmer gesucht? Wir organisieren Ihnen eins. Ihr Vorteil: Sie sparen Zeit und Geld!

Verpflegung

Verpflegung

Gesund oder lecker? Warum nicht beides? Freuen Sie sich auf unsere kulinarische Verpflegung!

Parkplätze

Parkplätze

Parkplätze sind in ausreichender Zahl vorhanden. Reisen Sie mit dem Auto an, reservieren wir Ihnen einen Parkplatz.

Arbeitsplatz



Eine Gruppe einer Firma will geschlossen den Lehrgang Bootstrap 4 komplett - Einführung und Anpassung aufsuchen

In dem Fall kann ein Inhouse-Lehrgangssystem zum Thema Bootstrap 4 komplett - Einführung und Anpassung passend sein. Der Inhalt des Seminars kann hierbei gemeinsam mit den Dozenten variiert oder abgekürzt werden.

Haben die Seminarbesucher allerdings Praxis in Bootstrap 4 komplett - Einführung und Anpassung, sollte die Einleitung entfallen. Eine Inhouse-Weiterbildung macht sich bezahlt bei mindestens 3 Mitarbeitern. Die Inhouse-Schulungen zum Thema Bootstrap 4 komplett - Einführung und Anpassung finden sporadisch im Umkreis von Dresden, Stuttgart, Dortmund, Nürnberg, Düsseldorf, Essen, Frankfurt, Hannover, Leipzig, Hamburg, München, Duisburg, Münster, Bonn, Bielefeld, Berlin, Bremen, Wuppertal, Bochum und Köln am Rhein in NRW statt.

Welche Seminare erweitern Bootstrap 4 komplett - Einführung und Anpassung?

Eine gute Basis findet sich in Bootstrap 4 komplett - Einführung und Anpassung mit

  • Tool-Tipps
  • Quellen für Themes
  • Anwendungsfälle Eigene Farben verwenden
  • Data Attribute, data-toggle

Zu empfehlen ist auch ein Kurs von „Lean UX: UI/UX für Web- und App-Entwickler“ mit dem Unterrichtsstoff von

  • Sinn und Unsinn von UX 
  • Colaborative Sketching
  • Paper Prototyping
  • Auf Wunsch Expertenevaluation zu einer Website

Für Inhouse-Schulungen ist das Thema „Salesforce CRM - Sales Grundlagen für den Vertrieb und Verkauf“ mit den Kapiteln Einsatz von Filter und Leads qualifizieren prädestiniert.

Für Fortgeschrittene passt eine ElasticSearch - Integration in Anwendungen Fortbildung. In diesem Seminar werden vor allen Dingen

  • Architektur und Aufbau einer ElasticSearch-Instanz Alias (+ Backupalias)
  • Do´s and Don'ts - Pitfalls bei der Konfiguration
  • Do´s and Don'ts - Pitfalls bei der Konfiguration
  • Überblick über das Feature-Set
besprochen.

Haben Sie Fragen?
  • 0221 82 80 90
  • Chat offline
Empfangsdamen der GFU