PDF

Schulung Bootstrap 4 komplett - Einführung und Anpassung

4 Tage / S2077

Neues Seminar

Schulungsformen

Offene Schulung

  • 4 Tage
  • 4 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 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: Frische Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter
Arbeitsmaterialien: Din A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its
Teilnahmezertifikat: 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

18.02.-21.02.2019
2.260,00
Köln   
Noch frei
Buchen Vormerken
23.04.-26.04.2019
2.260,00
Köln   
Noch frei
Buchen Vormerken
11.06.-14.06.2019
2.260,00
Köln   
Noch frei
Buchen Vormerken
04.11.-07.11.2019
2.260,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
  • 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?
  • In Ihrem Hause Europaweit
  • Im GFU Schulungszentrum
  • 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 zeitgleich den Lehrgang Bootstrap 4 komplett - Einführung und Anpassung aufsuchen

Dann kann ein kundenspezifisches Seminar zur Thematik Bootstrap 4 komplett - Einführung und Anpassung angebracht sein. Die Agenda der Schulung kann nebenbei bemerkt in Abstimmung mit den Dozenten variiert oder abgespeckt werden.

Haben die Schulungsteilnehmer ohnehin Sachkenntnis in Bootstrap 4 komplett - Einführung und Anpassung, sollte die Einleitung nur gestreift werden. Eine kundenspezifische Fortbildung lohnt sich ab drei Mitarbeitern. Die Inhouse-Seminare zum Thema Bootstrap 4 komplett - Einführung und Anpassung finden gelegentlich in Mÿnchen, Berlin, Duisburg, Dÿsseldorf, Essen, Nÿrnberg, Dortmund, Hamburg, Bielefeld, Hannover, Leipzig, Mÿnster, Stuttgart, Wuppertal, Bremen, Dresden, Bochum, Frankfurt, Bonn und Köln am Rhein in NRW statt.

Welche Fortbildungen ergänzen Bootstrap 4 komplett - Einführung und Anpassung?

Eine erste Ergänzung bildet Bootstrap 4 komplett - Einführung und Anpassung mit

  • Spaltenanzahl und Abstände im Grid ändern
  • Methoden der Komponenten
  • Akkordeon
  • Abstände

Anzuraten ist auch eine Schulung von „MySQL und MariaDB Einsteiger“ mit dem Unterrichtsstoff von

  • Installation von MySQL
  • Nicht standardkonforme MySQL-Spezialbefehle
  • Konfiguration von MySQL
  • Datenbank Schemata und User anlegen

Für Firmenschulungen ist das Thema „PRINCE2 Agile® Practitioner Intensiv Seminar“ mit dem Unterrichtsgegenstand Einführung PRINCE2 Agile® Projekt vs. BAU - Anwendbarkeit von Agile, Überblick Agile, Agiles Manifest, PRINCE2®  Rückblick, PRINCE2  Agile® Journey, Hexagon (fix und flex) und PRINCE2 Agile®  Themen Organisation, Business Case, Qualität, Pläne, Änderungen, Risiken, Fortschritt geeignet.

Für Erfahrene Anwender eignet sich auch eine Prezi Next kompakt - Das Einstiegsseminar Schulung. In diesem Training werden insbesondere

  • Community - Austausch mit Gleichgesinnten
  • Wichtige Tastenkombinationen (für Windows und Mac) ohne die es einfach nicht geht
  • Hilfe zur Selbsthilfe Prezi bietet eine recht umfangreiche Hilfe an - sowohl in der lokalen App als auch über die Cloud-basierende Version.
  • Zum Kennenlernen: Erstellen eines eigenen Prezis, basierend auf einer der Prezi-Vorlagen
behandelt.

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