Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence CBT
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Bootstrap

Jetzt mit Bootstrap 4 starten - mit Praxisprojekt!

3 in 1 - Meistere Bootstrap 4, Brackets und Emmet in einem Kurs - Lerne dabei responsives Webdesign, HTML, CSS & jQuery!
Rating: 3.7 out of 53.7 (315 ratings)
1,823 students
Created by Bill Langhardt
Last updated 1/2019
German
30-Day Money-Back Guarantee

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.
Curated for the Udemy for Business collection

Course content

5 sections • 42 lectures • 6h 0m total length

  • Preview05:53
  • Aufbau und herunterladen der Projektdateien
    03:35
  • Preview07:01
  • Software zum Kurs: Installation und Einstellung
    10:13
  • Software zum Kurs: Highlights von Brackets
    13:37
  • Preview06:51
  • Quiz: Abschnitt 1
    8 questions

  • Preview05:40
  • Preview05:32
  • Erstellen der Projektumgebung: Methode 1
    09:06
  • Erstellen der Projektumgebung: Methode 2
    07:38
  • Quiz: Abschnitt 2
    6 questions

  • Gridsystem: Leicht zu erlernen und flexibel 1
    11:43
  • Gridsystem: Leicht zu erlernen und flexibel 2
    09:50
  • Gridsystem: Erweiterte Funktionen
    12:01
  • Cards: Der anpassungsfähige Content Container 1
    13:00
  • Cards: Der anpassungsfähige Content Container 2
    06:35
  • Formulare: Umfangreiche Möglichkeiten 1
    09:42
  • Formulare: Umfangreiche Möglichkeiten 2
    10:49
  • Tabellen: Ordnung in kompakter Form
    07:40
  • Preview07:22
  • Typographie: Unendliche viele Textdarstellungen
    11:22
  • Button: Kleine Designelemente mit viel Funktion
    08:43
  • Quiz: Abschnitt 3
    11 questions

  • Projekt Vorbereitung, Erweiterung der Standardvorlage
    09:47
  • Navigation, ohne ein Menü keine Seite
    15:58
  • Herobild, der richtige Start!
    11:45
  • Über uns, so banal und dennoch wichtig
    07:19
  • Bohnensektion, dank Gridsystem ins rechte Licht gerückt
    13:31
  • Produkte, das Cardselement für die Warenpräsentation
    12:09
  • Testimonials, Bootstrab-Slider mal anders
    12:32
  • Impressionen, Galerie mit Cards
    08:16
  • Newsletter, fertig zum Versand
    05:16
  • Modal, Popup mit Formular
    09:46
  • Kontaktformular, mit anderem Design
    09:24
  • Footer, wichtige Links und Funktion
    08:37
  • Quiz: Abschnitt 4
    12 questions

  • Animation der Navigation, schönes neues Menü!
    09:51
  • Back to Top Button, zurück auf Anfang
    04:32
  • Smooth Scroll, weicher Übergang der Seiteninternen Links
    07:35
  • Scroll Spy, jetzt finden wir uns zurecht
    03:34
  • Jahreszahl im Footer immer aktuell
    03:08
  • Scroll Animationen, neues Leben für die Seite
    12:03
  • Bild Hovereffekt, nun sind auch die Bilder schick
    04:10
  • Bugfixing, weg mit den Fehlern
    04:14
  • Favicon & Titel, ein würdiger Abschluß
    02:50
  • Quiz: Abschnitt 5
    7 questions

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

Bill Langhardt
Web- und Grafikdesigner @ AVINDI
Bill Langhardt
  • 3.7 Instructor Rating
  • 315 Reviews
  • 1,823 Students
  • 1 Course

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.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.