Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Software Development Tools No-Code Development
Business
Entrepreneurship Communication 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 Certifications Network & Security Hardware Operating Systems & Servers 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 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 Paid 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 & Gardening 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 & Diet Yoga Mental Health Martial Arts & 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 Learning Teacher Training Test Prep Other Teaching & Academics
Web Development JavaScript React Angular CSS Node.Js Typescript HTML5 PHP
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Amazon AWS Cisco CCNA CompTIA Security+ Microsoft AZ-900
Microsoft Power BI SQL Tableau Data Modeling Business Analysis Data Analysis Data Warehouse Business Intelligence Blockchain
Unity Unreal Engine Game Development Fundamentals C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Mobile Game Development
Google Flutter iOS Development Android Development Swift React Native Dart (programming language) Kotlin SwiftUI Mobile App Development
Graphic Design Photoshop Adobe Illustrator Drawing Canva Digital Painting InDesign Design Theory Procreate Digital Illustration App
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Life Purpose Mindfulness Sound Therapy Emotional Intelligence Coaching
Business Fundamentals Entrepreneurship Fundamentals Freelancing Business Strategy Online Business Startup Business Plan Blogging Amazon Kindle Direct Publishing (KDP)
Digital Marketing Social Media Marketing Marketing Strategy Internet Marketing Copywriting Email Marketing Google Analytics Startup Advertising Strategy

DevelopmentWeb DevelopmentBootstrap

Der große Bootstrap 4 Komplettkurs

Bootstrap 4 mit allen Komponenten und Funktionen. Praxisnahe Umsetzung von modernen Beispielen aus dem Agenturalltag.
Rating: 4.2 out of 54.2 (281 ratings)
1,799 students
Created by Pascal Bajorat, Sascha Rudolph
Last updated 5/2018
German
German [Auto]

What you'll learn

  • Alle Komponenten und Funktionen von Bootstrap in der neuen Version 4.0.
  • Tolle Praxisbeispiele und Lösungen mit Bootstrap aus dem Agenturalltag.
  • Webseiten für jedes Endgerät mittels Responsive Webdesign umsetzen.
  • Tolle Effekte und Erweiterungen mit Bootstrap und jQuery.
  • Praxisnahe Umsetzung mit moderner und vollständiger Beispielwebseite auf Bootstrap-4-Basis.
  • Bootstrap-Komponenten mit Individualisierungen nach Kundenwunsch und eigenem Design.
  • Einführung in die JavaScript- / jQuery-Basics.
  • Übersichtliche Referenzkarte mit hilfreichen Bootstrap-Helper-Klassen zum Ausdrucken oder als digitale Gedankenstütze.

Requirements

  • Du solltest Grundlagenwissen in HTML und CSS mitbringen.
  • Grundlegender Umgang mit Computern sollte kein Problem sein.
  • KEINE Vorkenntnisse in Bootstrap 3 oder anderen Versionen notwendig.

Description

+++ Der umfangreichste auf Bootstrap 4 fokussierte deutschsprachige Kurs mit Bootstrap-Referenzkarte und Aktualitätsgarantie (siehe unten) +++

Möchtest du lernen, großartige Webseiten mit Bootstrap 4 zu erstellen? In diesem Komplettkurs lernst du praxisnah die Schritt-für-Schritt-Umsetzung einer vollständigen Webseite mit Bootstrap 4 und allen dazugehörigen Komponenten. Dabei zeigen wir dir nur das, was du brauchst, um schnell Ergebnisse zu erzielen und sofort loszulegen.

Wir erklären dir anhand der Dokumentation von Bootstrap alle Funktionen und die gesamte Umsetzung an einer modernen Beispielwebseite, von der du natürlich auch den gesamten Code für deine eigene Übung erhältst. Du lernst die Umsetzung von der Photoshop- / PSD-Datei hin zur fertigen Webseite auf Bootstrap-Basis.

Du lernst also den kompletten Erstellungsprozess mit vielen Tipps und Tricks aus dem Agenturalltag. Wir arbeiten bereits seit über 5 Jahren erfolgreich mit Bootstrap im Agentureinsatz und möchten dir unsere Erfahrungen mit diesem Kurs praxisnah und mit vielen Beispielen näherbringen.

Das Rezept für die erfolgreiche Webseite mit Bootstrap
Ein Frontend-Framework ist dann gut und erfolgreich, wenn man der Webseite nicht mehr sofort ansieht, dass sie auf einem Framework basiert. Vielleicht kennst du sogar die eine oder andere Webseite, bei der du sofort Bootstrap als Basis erkennst? 

Bei uns lernst du, Webseiten mit Bootstrap so zu erstellen, dass der Besucher diese Grundlage nicht direkt erkennt. Wir werden gemeinsam eine umfangreiche Beispielwebseite umsetzen, die vollständig auf Bootstrap basiert. Aber genau das werden wir gut kaschieren und die Seite vollständig individualisieren!

Los geht’s mit den Grundlagen
Wir zeigen dir die Grundlagen von Bootstrap. Lerne das flexible Grid und die Helper kennen. Weiterhin lernst du die Dateistruktur kennen und welche Dateien für welchen Anwendungsfall verwendet werden können.

Die komplette Umsetzung Schritt für Schritt – von der PSD-Datei zur fertigen Webseite!
In unserem Kurs lassen wir keinen Schritt aus! Das beginnt bereits bei dem Design der geplanten Webseite. Wir haben eine moderne Webseite in Photoshop vorbereitet und setzen diese aus der PSD-Datei heraus um. Du lernst den kompletten Umsetzungsprozess aus einer Designvorlage heraus.

Dabei lernst du also nicht nur die Verwendung der Bootstrap-Komponenten, sondern auch deren Individualisierung nach Kundenwunsch und eigenem Design.

Alle Komponenten von Bootstrap. Alle Komponenten? Alle!
Bootstrap ist eines der umfangreichsten Frontend-Frameworks unserer Zeit. Wir zeigen dir alle verfügbaren Komponenten, die Bootstrap zur Verfügung stellt, mit entsprechenden Beispielen.

Entwickle lebendige Webseiten
Bootstrap bietet viele Komponenten, die der Webseite eine gewisse Dynamik und Leben einhauchen. Du erfährst bei uns, wie du diese sinnvoll nutzen kannst und welche Anwendungsfälle damit umgesetzt werden können.

Bootstrap und jQuery
Um dem Kurs die sprichwörtliche Krone aufzusetzen, lernst du zum Schluss die Königsdisziplin: Bootstrap-Methoden und jQuery. Dank der jQuery-Implementierung kannst du jede Bootstrap-Komponente vollständig individualisieren. Eigene Steuerelemente für das Carousel / die Slideshow oder die Verbindung von Komponenten – dank der jQuery-Funktionen alles kein Problem.

Wäre es nicht cool, wenn die Webseite automatisch Informationen über die Öffnungszeiten anzeigt, wenn ein Nutzer diese über ein Kontaktformular mit freier Texteingabe anfragen möchte? Ja, das wäre definitiv ein cooles Beispiel, und wir zeigen dir, wie etwas in der Art realisiert werden kann.

Bootstrap-Referenzkarte
Wir haben für dich eine übersichtliche Referenzkarte mit wichtigen Helper-Klassen und Schnellreferenz zu wichtigen Layout-Bestandteilen wie z. B. dem Grid-System erstellt. Diese mehrseitige PDF-Referenzkarte kannst du entweder ausdrucken oder als digitale Gedankenstütze verwenden.

***** Unsere Aktualitätsgarantie für Bootstrap 4 ***** 
Bootstrap 4 befindet sich derzeit noch in einer Beta-Version. Wir garantieren: Sollte es zwischen der Beta-Version und der kommenden finalen Version von Bootstrap 4.0.0 noch Änderungen geben, so werden wir den Kurs entsprechend aktualisieren und Informationen nachreichen. Du kannst in jedem Fall sicher sein, dass du in diesem Kurs nur die aktuellsten Informationen zu Bootstrap 4 bekommst.

Worauf wartest du also noch, starte jetzt gemeinsam mit Bootstrap 4 durch!

Auszug und Beispiele für Bootstrap Komponenten, welche wir dir im Kurs vorstellen:

  • Alerts - Warn- bzw. Erfolgsmeldungen
  • Badges - Badges für Texte und Buttons, klein aber fein
  • Breadcrumb - Leichte Orientierung im Content
  • Buttons - Grundelemente von Bootstrap 4
  • Card - Die Universal-Komponente 
  • Carousel - Moderne Slideshow
  • Collapse / Accordion
  • Forms - Formulare für Login oder Kontakt
  • Jumbotron / Hero Header - Stylische UI-Elemente
  • Modal - Content-Overlay-Box bzw. Popup Lösung von Bootstrap
  • Navigation - Kreative Navigationssysteme
  • Pagination - Seitenzahlen für Blogs und Artikel
  • Popovers - Klick-Alternative mit mehr Inhalt
  • Tooltips - Ein must-have für viele Webseiten oder Apps
  • Progressbar - Optisch ansprechende Ladebalken oder Diagramme
  • Scrollspy - Inhalte dynamisch scrollen


Content Komponenten:

  • Reboot
  • Typografie
  • Code
  • Images
  • Tables
  • Figure


So wie viele weitere Tipps & Tricks rund um Bootstrap 4. Schau dir direkt die kostenlosen Vorschau-Videos an und starte sofort mit Bootstrap 4 durch.

Falls du im Verlauf des Online-Kurses Fragen oder Probleme hast, stehen wir dir selbstverständlich auch persönlich zur Seite. Im Fragen & Antworten Bereich des Kurses kannst du jederzeit mit uns und allen anderen Teilnehmern in Kontakt treten.

Wir freuen uns auf dich!

Who this course is for:

  • Du möchtest die Vorzüge von Bootstrap kennenlernen? Hier lernst du alle Funktionen Schritt für Schritt kennen.
  • Du weißt nicht, wo du bei Bootstrap anfangen sollst? Kein Problem wir zeigen dir jedes Detail mit praktischen Beispielen.
  • Du möchtest praxisorientiert und nicht nur theoretisch lernen? Wir arbeiten ausschließlich mit gut nachvollziehbaren Beispielen aus der Praxis.

Instructors

Pascal Bajorat
WordPress-Entwickler, Programmierer, SEO, Webdesigner
Pascal Bajorat
  • 4.5 Instructor Rating
  • 3,230 Reviews
  • 17,931 Students
  • 3 Courses

Ich bin ausgebildeter Mediengestalter und seit über 10 Jahren als Webdesigner und Entwickler tätig. Im Laufe meiner Karriere habe ich als Webdesigner in einer der größten europäischen Internet-Agenturen gearbeitet. Vor Antritt der Selbstständigkeit und Gründung der heutigen WordPress-Agentur war ich für die Entwicklungsabteilung eines der größten deutschen E-Learning-Portale mit angeschlossenem Agenturgeschäft hauptverantwortlich.

Heute leite ich meine auf WordPress spezialisierte Agentur im Herzen von Berlin. Gemeinsam mit meinen Kollegen beschäftige ich mich vor allem mit der Entwicklung von WordPress-Webseiten und Sonderlösungen für kleine Firmen bis hin zur Kapitalgesellschaft.

Neben dem täglichen Agenturgeschäft betätige ich mich als Autor für Video-Trainings und Fachartikel, welche bereits durch namenhafte Verlage und Publizisten veröffentlicht wurden. Dazu zählen z. B. Veröffentlichungen für T3N oder das Webstandards Magazin / Screenguide sowie Video-Trainings im Verlag von PSD-Tutorials / 4eck Media.

Sascha Rudolph
Art Director, Frontend-Entwickler und Unternehmer
Sascha Rudolph
  • 4.2 Instructor Rating
  • 281 Reviews
  • 1,799 Students
  • 1 Course

Hallo, mein Name ist Sascha Rudolph. Ich bin ausgebildeter Mediengestalter für Digital und Print und beschäftige mich seit meinem 13. Lebensjahr mit Photoshop, Design, und Programmierung.

Seit 2008 lebe und arbeite ich in Berlin. Anfangs für eine der größten europäischen Internet-Agenturen, bei der ich die letzten Jahre erfolgreich als Art Director tätig war, zog es mich später zu einem der größten deutschen E-Learning-Portale Deutschlands, bei dem ich ebenfalls als Art Director arbeitete. Durch diese Abwechslung konnte ich mir ein weitreichendes Fachwissen im Web- und E-Learning-Bereich aneignen.

Schon in meiner Ausbildung begann ich, für ein großes Photoshop-Portal Videotrainings aufzunehmen. Hier lernte ich, worauf es bei einem Training ankommt und auch, wo meine Stärken liegen. Nach nunmehr über 10 Jahren in der Branche bin ich heute Geschäftsführer einer kleinen WordPress-Agentur im Herzen von Berlin und arbeite für Kunden aus Deutschland, Österreich und der Schweiz.

Top companies choose Udemy Business to build in-demand career skills.
NasdaqVolkswagenBoxNetAppEventbrite
  • Udemy Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Investors
  • Terms
  • Privacy policy
  • Sitemap
  • Accessibility statement
Udemy
© 2022 Udemy, Inc.