PDF

Schulung Bootstrap 4 komplett - Einführung und Anpassung

4 Tage / S2077

Neues Seminar

Schulungsformen

Offene Schulung

  • 4 Tage
  • 2 Termine
  • 2.170,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 werden, 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

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

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


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

Kundenbewertungen

Zu diesem Seminar wurden noch keine Bewertungen abgegeben.

Buchungsmöglichkeiten

Offene Termine

04.11.-07.11.2019
2.170,00
Köln   
Noch frei
Buchen Vormerken
16.03.-19.03.2020
2.170,00
Köln   
Noch frei
Buchen Vormerken
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
bus front 12

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

Parkplätze

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



Ein Team einer Firma will zeitgleich die Schulung Bootstrap 4 komplett - Einführung und Anpassung aufsuchen

In dem Fall kann ein Firmen-Seminar zur Augabenstellung Bootstrap 4 komplett - Einführung und Anpassung opportun sein. Der Unterrichtsstoff der Schulung kann nebenbei bemerkt gemeinsam mit den Trainern ergänzt oder abgekürzt werden.

Haben die Schulungsteilnehmer schon Vorwissen in Bootstrap 4 komplett - Einführung und Anpassung, sollte der Anfang nur gestreift werden. Eine Firmen-Weiterbildung lohnt sich bei mehr als 3 Seminarbesuchern. Die Firmen-Seminare zum Thema Bootstrap 4 komplett - Einführung und Anpassung finden ab und zu im Umkreis von Wuppertal, Frankfurt, Leipzig, Dortmund, Münster, Duisburg, München, Hannover, Hamburg, Bremen, Dresden, Essen, Bochum, Stuttgart, Düsseldorf, Nürnberg, Bonn, Berlin, Bielefeld 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

  • Quellen für Themes
  • Bootstrap und JavaScript jQuery und popper.js 
  • Maps und Schleifen
  • Verwendung von Variablen

Anzuraten ist auch ein Kurs von „VueJS - Power Workshop: Der komplette Einstieg“ mit dem Unterrichtsstoff von

  • Dynamisches Styling mit CSS-Klassen
  • Abfangen von Anfragen und Antworten
  • Einführung in Komponenten Komponenten - Überblick und Grundlagen
  • Zentralisierung von Code in einem Ereignisbus

Für Inhouse-Schulungen ist das Thema „Elastic Stack - Komplett: Einstieg in Elasticsearch, Kibana, Logstash, Beats“ mit den Unterpunkten Query DSL für komplexe Suchanfragen und Routing geeignet.

Für Fortgeschrittene passt eine Cinema 4D - Einführung und Grundlagen Schulung. In diesem Training werden insbesondere

  • Die Polygonewerkzeuge
  • Szenenaufbau
  • Channel Shader
  • Rendervoreinstellungen und Optionen  Post-Effekte
besprochen.

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