Der HTML5, CSS, Bootstrap 5 & JavaScript Entwicklerkurs 2021

Lerne HTML5, CSS, Bootstrap5 & JavaScript und entwickle moderne, Mobile-First, responsive Websites. Werde Webentwickler!

4.55 (94 reviews)
Udemy
platform
Deutsch
language
Web Development
category
841
students
21.5 hours
content
Mar 2022
last update
$19.99
regular price

What you will learn

Das erstellen von modernen, mobile first, responsive Websites

HTML, CSS, JavaScript & Bootstrap 5

Baue moderne responsive Websites mit Bootstrap 5

Das Bearbeiten von Content mit JavaScript & jQuery

Dich erwarten 4 umfangreiche & spannende Praxisprojekte

Dieses Kurs wird stetig erweitert

Description

Herzlich Willkommen zum großen HTML, CSS, Bootstrap 5 & JavaScript Entwicklerkurs 2021

Du möchtest ein professioneller Webentwickler werden und somit HTML5, CSS, JavaScript und Bootstrap 5 lernen?


Dann bist du hier genau richtig!

Als Frontend-Webentwickler solltest du auf jeden Fall die Sprachen HTML, CSS & JavaScript sowie das Framework Bootstrap 5 kennen.

Genau darum geht es in meinem Kurs. Ich bringe dir das wertvolle Wissen bei, damit du selbst eigenständig als Frontend-Entwickler durchstarten kannst.

In vier spannenden und modern umgesetzten Projekten, kannst du dann direkt dein Wissen testen, oder eben erweitern.

Meine Mission und Ziel dieses Kurses

Die Welt des Programmierens kann sehr schwer sein, gerade für Einsteiger. Genauso schwierig gestaltet sich oft die Weitergabe dieses Wissens.

Ich möchte dir einfach & unkompliziert das komplette Wissen beibringen, dass du zum Frontend-Webentwickler brauchst. Du erhältst nicht nur Basiswissen, sondern auch wertvolle und interessante Tipps, die dir die Arbeit als Entwickler ungemein erleichtern. Der Kurs spezialisiert sich dabei auf modernes und responsives Design.

Der Kurs ist außerdem wie eine Stück für Stück Anleitung aufgebaut. Die Struktur ermöglicht es dir, dass du ohne Vorkenntnisse starten kannst. Du startest bei 0 und endest bei 100. 

Die Projekte

Auch die Projekte sind durchstrukturiert und dienen dazu, die gelernten Inhalte zu festigen und natürlich auch zu benutzen. Sie finden deshalb nach jedem Thema statt und schließen dieses ab. In den Praxisprojekten zeige ich dir unter anderem, wie du sauberen Code schreibst, diesen Strukturierst, und doppelten Code vermeidest. Auch lernst du in den Praxisprojekten nochmal eine Schippe mehr an wertvollem Wissen. Die Projekte sind außerdem so gestaltet, dass du immer die Möglichkeit hast, diese noch weiter zu entwickeln.

Folgendes wirst du in diesem Kurs unter anderem lernen:

  • HTML

  • CSS

  • JavaScript

  • Bootstrap 5

... und nach diesem Kurs, bist du in der Lage eigenständig moderne und responsive Webdesigns mit HTML, CSS, JAVASCRIPT & BOOTSTRAP zu erstellen.


Verliere keine Zeit! Kaufe dir meinen Kurs!

Wir sehen uns in der ersten Lektion


Content

Einführung

Einführung
Vorschau der Projekte
IDE Empfehlung

Abschnitt HTML

HTML Kursmaterialien
Einleitung
Was ist HTML Video
Was ist HTML
Erste Schritte
Die Grundstruktur
Headings
Paragraphen
Formatierung von Text
Disclaimer
Das Style-Attribut
Links
Listen
Bilder
Tabellen
Blockqoutes (Zitate)
Block und Inline Elemente
Meta Tags (Charset)
Klassen & IDs
iFrames
Formulare
Entities
Image
Audio
Video
Das HTML Quiz

Das HTML Projekt

Projekt Vorschau
Projekt Lösung

Grundlagen CSS

Kursmaterialien CSS
Einleitung
Was ist CSS
Was ist CSS
Farben
Hintergründe
Rahmen (Borders)
Abstände (Margin)
Paddings
Box-Model
Formatierung von Text
Schriftarten
Links
Listen
Tabellen
Display
Inline-Block
Max-widht
Position
Overflow
Float & Clear
Align
Icons
Combinators
Pseudo-Klassen
Pseudo-Elemente
CSS Auslagern
Das CSS Quiz

Responsive Webdesign

Kursmaterialien Responsive Webdesign
Einleitung
Viewport
Flex Box
Grid View
Media Queries

Das CSS Projekt

CSS Projekt Vorschau
CSS Projekt Lösung

JavaScript Grundlagen

Kursmaterialien JS
Einleitung
Was ist JavaScript
Was ist JavaScript
Hallo Welt
document.write & console.log
Variablen
use strict
Datentypen
Der Plusoperator
Stringfunktionen
Mathematische Operatoren
parseINT, parseFLOAT
Konstanten & Kommentare
Vergleichsoperatoren
Logische Operatoren
Anweisungen if & switch
Funktionen
Schleifen

Objekte in JavaScript

Objekte erzeugen
Objekte bearbeiten
Existenz von Keys prüfen
Die for in Schleife
Ordnung von Objekten
Objekte kopieren & referenzieren
Methoden in Objekten & this

Javascript im Browser

Einleitung
DOM (Document Objekt Model) Baum
Auf Elemente zugreifen
HTML Elemente verändern
Elemente erstellen, einfügen, löschen
Style und Klassen
Events im Browser
JavaScript Auslagern
Das JavaScript Quiz

jQuery

Einleitung
Was ist jQuery
jQuery install & Document Ready
Elemente Selektieren
Events
Hide, Show, Toggle
Fadeing
Slide
Animate
Animationen: Stop
Callbacks
Chaining
Elemente auslesen
Elemente ändern
Elemente hinzufügen
Elemente entfernen
Klassen zu Elementen hinzufügen
CSS Eigenschaften hinzufügen
Das jQuery Quiz

Das JavaScript Projekt

Projekt Vorschau
Projekt Lösung

Bootstrap 5

Die Kursmaterialien
Einleitung
Was ist Bootstrap
Was ist Bootstrap
Installieren von Bootstrap
Container
Grid
Breakpoints
Typography
Images
Tables

Bootstap Utilities

Backgrounds
Borders
Colors
Display
Interactions
Overflow
Shadows
Position
Sizing
Spacing

Bootstrap Komponenten

Achtung: jQuery nicht vergessen
Formulare
Formulare deaktivieren
Select
Checks & Switches
Range
Input Group
Form floating
Accordion
Alerts
Badgees
Buttons
Buttongroups
Cards
Carousel
Close Buttons
Collapse
Collapse Exkurs
Dropdowns
Listgroup
Modals
Navs & Tabs
Navbar
Popovers
Tooltips
Das Bootstrap Quiz

Bootstrap Projekt

Projekt Vorschau
Projekt Lösung

Weiter mit PHP

PHP Kurs wird hier verlinkt

Screenshots

Der HTML5, CSS, Bootstrap 5 & JavaScript Entwicklerkurs 2021 - Screenshot_01Der HTML5, CSS, Bootstrap 5 & JavaScript Entwicklerkurs 2021 - Screenshot_02Der HTML5, CSS, Bootstrap 5 & JavaScript Entwicklerkurs 2021 - Screenshot_03Der HTML5, CSS, Bootstrap 5 & JavaScript Entwicklerkurs 2021 - Screenshot_04

Reviews

Steffen
August 6, 2023
Es gibt nichts zu meckern bisher. Sympathischer und kompetenter Dozent. Ich kann dem gezeigten gut folgen bisher.
Paul
August 6, 2023
Bisher bin ich sehr zufrieden. Die Erklärungen sind sauber, verständlich und nachvollziehbar. Alles ist strukturiert. Ich bin zufrieden.
Jan
November 5, 2022
Im CSS Teil sind viele Funktionalitäten nicht beschrieben, sondern es wurde einfach nur aufgezeigt, dass es so funktioniert.
Juergen
October 5, 2022
Sehr guter Kurs. Dozent erklaert alles sehr anschaulich und kommt sympathisch rueber. Gliederung der Themen sind gut strukturiert und jederzeit nachvollziehbar. Kann ich nur weiterempfehlen!
Wolfgang
May 22, 2022
so far the itro is ok but more for absolute newbies at programming in general. But the real stuff didnt start therefore we´ll see....
Hermann-Josef
May 20, 2022
Sehr guter Kurs für Einsteiger, oder jemand der seine eingerosteten Frontend Kenntnisse mal wieder auffrischen möchte.
Frank
November 28, 2021
Phpstorm ist php pptimoert, wir lernen hier aber kein php. Die Argumente sind irreführend und ich hoffe es geht in den themen nicht immer zuweit drumherum. ?
Patrick
November 27, 2021
Super Kurs! Hab in den letzten Tagen auf so kurzer Zeit echt viel gelernt, da alles super ausführlich erklärt wird. Nur zu empfehlen!
Tatjana
October 21, 2021
Super Einstieg in die Materie und gute Erklärungen von Anfag an. Basics werden sehr gut vermittelt, auch wenn man noch nicht viel Erfahrung mit Programmieren hat. Sehr guter Kurs! Daumen hoch!
Thorsten
August 9, 2021
Sehr sehr guter Kurs bis jetzt! Man lernt alles sehr ausführlich und der Dozent erklärt alles sehr gut und ist sehr sympathisch. Ich kann den Kurs absolut weiterempfehlen!

Charts

Price

Der HTML5, CSS, Bootstrap 5 & JavaScript Entwicklerkurs 2021 - Price chart

Rating

Der HTML5, CSS, Bootstrap 5 & JavaScript Entwicklerkurs 2021 - Ratings chart

Enrollment distribution

Der HTML5, CSS, Bootstrap 5 & JavaScript Entwicklerkurs 2021 - Distribution chart
4073596
udemy ID
5/24/2021
course created date
6/19/2021
course indexed date
Bot
course submited by