Jetzt mit Bootstrap 4 starten - mit Praxisprojekt!
What you'll learn
- Lerne eine Bootstrap 4 Webseite von Grund auf und selbstständig zu programmieren.
- Lerne sehr viele Bootstrap 4 Klassen, Komponenten und spezielle Bootstrap Javascript Funktionen kennen.
- Erstelle Animationen mit jQuery und Javascript Plugins und erwecke deine Seite zum Leben.
- Verbessere deine Fähigkeiten als Frontend Entwickler für die eigenen oder Kundenprojekte
- Lerne den Brackets Codeeditor kennen und werde effektiver durch umfangreiche Nutzung der unterschiedlichsten Shortcuts und Plugins.
- Starte durch mit Emmet und erledige die HTML und CSS-Programmierung in einem Bruchteil der Zeit.
Course content
- Preview05:53
- 03:35Aufbau und herunterladen der Projektdateien
- Preview07:01
- 10:13Software zum Kurs: Installation und Einstellung
- 13:37Software zum Kurs: Highlights von Brackets
- Preview06:51
- 8 questionsQuiz: Abschnitt 1
Requirements
- schön wären ein paar Basiskenntnisse in HTML & CSS & JS oder durchhaltevermögen :-)
- Brackets als Codeeditor und Emmet als Plugin sind wichtig
- Begeisterung Bootstrap 4 zu erlernen und zu entdecken
- Kenntnisse über Bootstrab 3 sind NICHT zwingend notwendig
- ein PC oder MAC
Description
+++ ACHTUNG! Der einzigste und umfangreichste deutschsprachige Bootstrap 4, Brackets und Emmet Kurs +++
Du wolltest schon immer Bootstrap kennen lernen? Weiter möchtest du Brackets effizienter einsetzen oder mit Emmet schneller programmieren? Dann ist dieser Kurs genau das Richtige für dich.
In diesem 3 in 1 Kurs werden wir uns anschauen, wie das beliebte CSS-Framework, Bootstrap 4 funktioniert und was du damit alles erschaffen kannst. Ich gehe dabei vermehrt auf die Neuerungen in Bootstrab 4 ein. Dabei benutzen wir die aktuellste Version, die erst vor ein paar Wochen veröffentlicht wurde.
Wir beginnen mit den Basics von Bootstrap. Hier lernen wir die wichtigsten Bereiche von dem Framework kennen, wie z.B. das neue Grid-System, das vielseitige Cards-Element, Typografie, Button, Formulare und vieles mehr. Nach dem Bootstrab Grundlagen werden wir Schritt für Schritt eine komplette Seite programmieren.
Am Ende des Kurses werden wir die Website noch aufpeppen, indem wir fantastische Animationen, einen Back to Top Button, Smooth Scroll und Scrollspy hinzufügen. Damit steigern wir letztendlich den WOW-Effekt für den Endnutzer.
Da dies ein 3 in 1 Kurs ist, setze ich im kompletten Kurs auf den leistungsstarken Codeeditor Brackets und das Plugin Emmet. Du wirst lernen, wie du mit Shortcuts deine Effizienz steigerst und welche Bracketstools dir das Leben erleichtern. Weiter setze ich in diesem Kurs auf das Plugin Emmet, damit wirst du zukünftig deine Programmiergeschwindigkeit steigern und Schreibfehler vermeiden.
Zusammenfassend – Wir werden Bootstrap, HTML und CSS verwenden, um unsere Website zu programmieren und zu erstellen. Dabei werden wir auch das Responsive Design im Blick behalten, damit die Webseite auch auf kleineren Bildschirmen und mobilen Geräten zugänglich ist. Außerdem verwenden wir ein wenig jQuery und eine Javascript-Bibliothek, um einige ereignisgesteuerte Animationen für Scroll- oder Trigger-Aktionen zu erstellen. Dabei setzen wir Brackets und Emmet so effizient wie möglich ein.
Who this course is for:
- Bootstrap 4 - Einsteiger/Umsteiger
- alle die Ihre Kenntnisse mit einem der beliebtesten CSS Frameworks erweitern wollen
Instructor
Hallo! Ich bin Bill und bin begeisterter Web- und Grafikdesigner. Nach der Gründung meiner Firma AVINDI und einigen abgeschlossenen Projekten, möchte ich gern mein Wissen an dich weitergeben.
Mein Ziel ist es, dir anhand von Praxisbeispielen, das Programmieren zu erklären und deine Begeisterung zu wecken. Dazu werden meine Kurse auch immer ein Praxisprojekt beinhalten und so hast du eine Vorstellung, was du mit dem erlernten Wissen umsetzen kannst.
Da man nie genug lernen kann und die Anforderungen im Beruf stetig steigen, freue ich mich sehr, dich in meinen Kursen kennen zulernen.