PDF

Schulung Bootstrap 4 komplett - Einführung und Anpassung

4 Tage / S2077

Neues Seminar

Schulungsformen

Offene Schulung

  • 4 Tage
  • 4 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 / 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

23.04.-26.04.2019
2.170,00
Köln   
Noch frei
Buchen Vormerken
11.06.-14.06.2019
2.170,00
Köln   
Noch frei
Buchen Vormerken
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
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
Arbeitsplatz



Eine Gruppe eines Unternehmens will zusammen die Schulung Bootstrap 4 komplett - Einführung und Anpassung frequentieren

In dem Fall kann ein kundenspezifisches Lehrgangssystem zum Gegenstand Bootstrap 4 komplett - Einführung und Anpassung angebracht sein. Der Unterrichtsstoff des Lehrgangs kann nebenbei bemerkt gemeinsam mit den Dozenten modifiert oder verdichtet werden.

Haben die Mitarbeiter bereits Vorkenntnisse in Bootstrap 4 komplett - Einführung und Anpassung, sollte der Anfang gekürzt werden. Eine Inhouse-Weiterbildung macht sich bezahlt bei mindestens 3 Seminarteilnehmern. Die Inhouse-Schulungen zum Thema Bootstrap 4 komplett - Einführung und Anpassung finden sporadisch in der Nähe von Leipzig, Nÿrnberg, Essen, Dortmund, Dÿsseldorf, Bremen, Hannover, Bochum, Stuttgart, Duisburg, Frankfurt, Hamburg, Mÿnchen, Wuppertal, Bielefeld, Bonn, Mÿnster, Berlin, Dresden und Köln am Rhein in NRW statt.

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

Eine erste Ergänzung 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 Seminar von „ElasticSearch - Integration in Anwendungen“ mit dem Unterrichtsstoff von

  • Aggregations
  • Überblick über das Feature-Set
  • Beats
  • Mapping (Schema)

Für Firmenschulungen ist das Thema „Elastic Stack - Komplett: Einstieg in Elasticsearch, Kibana, Logstash, Beats“ mit dem Unterrichtsgegenstand Elastic Stack in der Produktion Erstellung eines verteilten Suchclusters und Mappings und Schemafreiheit geeignet.

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

  • Rendervoreinstellungen und Optionen  Post-Effekte
  • Bildmanager
  • Nurbs-Modelling
  • Multi-Passes richtig nutzen
behandelt.

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