Die komplette Web-Entwickler Masterclass
4.6 (1,854 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
10,542 students enrolled

Die komplette Web-Entwickler Masterclass

Lerne HTML, CSS, Javascript, jQuery, Bootstrap, PHP und werde zum kompletten Webentwickler in 6 Wochen
Highest Rated
4.6 (1,854 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
10,542 students enrolled
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 36 hours on-demand video
  • 24 articles
  • 15 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Erstelle tolle Webseiten die von den Besuchern geliebt werden
  • Qualifiziert dich für eine Position als Junior Webentwickler und ermäglicht dir als Quereinsteiger deinen Traumjob zu kriegen
  • Qualifiziert dich an Webseitenprojekten als Freelancer zu arbeiten und endlich diesen Lifestyle zu leben, von dem du seit langem träumst.
  • Starte Dein eigenes Business und baue so deine finanzielle Unabhängigkeit auf.
  • Werde zu einem selbstbewussten Front-End Entwickler der die Scriptsprachen HTML CSS und Javascript beherrscht wie seine Muttersprache.
  • Lerne die Verwendung von Datenbanken und serverseitigen Programmiersprachen
Course content
Expand all 274 lectures 36:03:59
+ HTML Grundlagen
27 lectures 02:34:18
Grundgerüst einer HTML Datei
09:14
Kommentare
03:02
HTML Unterlagen
00:08
Was passiert wenn man eine Seite besucht
09:49
Woraus besteht Webentwicklung
10:29
Installieren der Live Server Extension
03:25
Überschriften in HTML
06:21
Absätze und Zeilenumbrüche
04:50
Quiz 1
4 questions
Links in HTML
11:35
Bilder
10:05
Übung 1 Text
00:21
Übung 1
05:17
Ungeordnete und geordnete Liste
08:19
Quiz 2
4 questions
Das Lang Attribut
03:57
Text formatieren in HTML
06:04
Verwendung von Symbolen
05:03
Übung 2 Text
00:15
Übung 2
05:54
UTF - 8 und seine Geschichte
11:58
UTF-8 und die Auswirkung auf HTML
05:19
Formulare
06:33
Formulare mit Radiobuttons
03:17
Weitere Input Typen
07:12
Quiz 3
3 questions
Input Attribute
03:27
Übung 3 Text
00:18
Übung 3
05:31
+ CSS Grundlagen
32 lectures 03:07:19
Was ist CSS
04:47
CSS Unterlagen
00:08
Unser erstes Style - Inline CSS
06:56
Internes Style Sheet
06:50
Kommentieren in CSS
03:49
Das Div Tag
06:10
Quiz 4
4 questions
Farbenlehre
12:26
CSS Übung 1 Text
00:16
CSS Übung 1
03:56
Links stylen
07:29
Fonts
07:04
ID Selektor
06:08
Class Selektor
05:01
CSS Übung 2 Text
00:20
CSS Übung 2
04:57
Quiz 5
4 questions
Selektoren gruppieren
01:35
Selektoren erweitert
09:43
Hintergrundfarbe und - bild ändern
11:41
Margin, Padding, Border
11:08
Listen stylen
06:40
Tabellen stylen
04:48
CSS Übung 3 Text
00:26
CSS Übung 3
05:16
Position
16:06
Float
05:19
Display
05:32
Allign
06:04
Pseudoklassen
02:32
Quiz 6
4 questions
Formulare stylen
13:09
CSS Übung 4 Text
00:17
CSS Übung 4
07:19
Overflow
03:26
+ Projekt HTML und CSS
10 lectures 55:55
Unterlagen für unser erstes HTML & CSS-Projekt
00:03
Worum geht es in diesem Abschnitt
01:09
Projektstart
03:11
Container mittig platzieren
08:13
Bild einbinden und display block
04:17
Bild verschönern (box-shadow)
06:00
Text- vs. Box-Shadow
03:47
externe Schriftart laden
11:44
Etwas Feinschliff
03:08
Weitere Unterseiten einbauen und Projekt abschließen
14:23
+ Expertenwissen: CSS (Teil 1)
8 lectures 48:07
Unterlagen für das Expertenwissen CSS (Teil 1)
00:03
Animationen in CSS
09:07
Animationen in CSS (Teil 2)
06:47
Position: absolute vs. relative
04:44
Farbverläufe: Linear-Gradient
07:08
Projekt: Position und Gradient (inkl. Aufgabe)
13:20
Projekt: Position und Gradient (Musterlösung)
03:29
Expertenwissen (optional): vw vs. vh
03:29
+ Expertenwissen CSS (Teil 2)
6 lectures 34:11
Unterlagen für das Expertenwissen CSS (Teil 2)
00:03
Expertenwissen Gradients
05:57
Pseudoselectors in CSS
09:53
Pseudoelemente
03:01
Exkurs: Font-Awesome
07:55
@media-Queries
07:22
+ Javascript Grundlagen
22 lectures 03:44:41
Was ist Javascript
04:00
Javascript Unterlagen
00:08
Unsere erste Interaktion via Click
07:44
Chrome Console, Script Tag und Element via ID ansprechen
10:58
Variablen und Zählerwebseite
12:41
Datentypen und typeof
10:54
Infos aus Formular in Javascript nutzen
06:37
If und Else If Bedingung
12:26
Arrays
09:49
Einstieg in Funktionen
08:43
Parsint
07:38
Funktionen mit Parametern
12:53
Array Funktionen
16:55
Return Statement
09:34
Javascript Quiz 1
5 questions
Lokale vs globale Variablen
04:58
Mathematische und Zuweisungsoperatoren
10:23
Do While Schleife
07:26
While Schleife, prompt und Durchschnittsrechner Challenge
20:14
For Schleife
11:03
Javascript Quiz 2
4 questions
Zufallsgenerator - Random
11:29
Zitate Webseite Intro
02:29
Zitate Webseite Lösung
25:39
Javascript Quiz 3
3 questions
+ jQuery Grundlagen
11 lectures 01:21:21
jQuery Unterlagen
00:08
Erster jQuery Code
11:22
Style ändern mit jQuery
05:05
Verblassen von Inhalten
06:21
jQuery Quiz 1
4 questions
Animationen
09:16
Chaining
03:21
Hide, append, prepend, before, after
11:52
Werte auslesen mit val()
04:05
Selektoren in jQuery
07:04
Tastatureingabe nutzen - Listen und remove
11:53
Events
10:54
jQuery Quiz 2
4 questions
+ Flexbox
11 lectures 01:19:27
Unterlagen für Flexbox
00:02
Erste Schritte mit Flexbox
07:47
Flex-Basis und Flex-Grow
07:35
Flex-Basis und Flex-Shrink
09:51
Layout entwickeln (mit Flexbox)
08:10
Navigation bauen (justify-content)
12:10
Navigation bauen (align-self, align-items)
06:23
Navigation bauen (flex-direction)
07:56
Aufgabe: Würfel modellieren
02:59
Musterlösung: Würfel modellieren (Teil 1)
09:06
Musterlösung: Würfel modellieren (Teil 2)
07:28
Requirements
  • Kein Vorwissen nötig - Der Wille zu lernen reicht :)
  • Ein PC, Mac oder Linux wird benötigt (gelehrt wird mit PC und Mac)
  • Alles was du brauchst, wird im Kurs installiert
Description

Über 20.000 Teilnehmer haben im zweiten Teil ("Der komplette Webentwickler 2.0") alle Details über die moderne Webentwicklung gelernt. Jetzt gibt es eine komplett überarbeitete Fassung mit einer gänzlich anderen Herangehensweise. Frische Inhalte, besserer Video- und Audioqualität. Mit 32 Stunden Kursmaterial bekommst du alles was du über die Front- und Backend-Webentwicklung wissen musst!

Massimo schrieb über den Kurs
★★★★★

"Ich absolviere diesen Online-Kurs neben einem Web-Developer Lehrgang und bisher bin ich sehr zufrieden.2 sympathische Dozenten, ein angenehmes Tempo, sehr angenehme Stimmen. Gefällt mir wirklich gut bisher. Bin gespannt was noch alles kommt! LG aus der Schweiz!"

**Aufbau des Kurses**
In über 15 Kapiteln behandeln wir alle Details der Webentwicklung. Jedes Kapitel enthält Übungsaufgaben, die einen sicheren Umgang mit dem neuen Wissen garantieren.

Los geht’s mit den Grundlagen. Du lernst die richtigen Programme und Tricks kennen, so dass du schon in wenigen Tagen die Basics von HTML5, CSS3 und Javascript beherrschst.

Danach geht es an fortgeschrittene Themen und Techniken, die Dir beispielsweise ermöglichen Responsive Websites zu erstellen. Dazu gehört jQuery, Twitter Bootstrap, PHP7, MySQL5 und .

Entwickle Webseiten wie sie im Jahr 2018 geliebt werden

Bis dahin wirst du in der Lage sein eigene Blogs, Portfolio- und eCommerce Seiten mit Wordpress zu erstellen.

Wie wir alle wissen, macht Übung den Meister. Daher ist dieser Kurs mit interessanten und spannenden Übungsaufgaben vollgepackt, um das neu gelernte Wissen direkt umsetzen zu können.

Natürlich findest du auch jede Menge Quizze, die dir helfen dein Wissen zu prüfen.

Du entwickelst dynamische Webseiten

Natürlich sind dynamische Webseiten der Standard. Die Sprache überhaupt dafür ist PHP. Hier lernst Du sie kennen. 

Mit diesem Wissen befindest Du Dich in guter Gesellschaft. Viele erfolgreiche Projekte setzen darauf. Große eCommerce Lösungen wie Magento, Content Management Systeme wie WordPress und Typo3 und viele andere Projekte.

Sicher kennst Du auch die prominenteste PHP-Webseite der Welt: Facebook! Im Kurs lernst Du die Sprache kennen, mit der die größte Webseite der Welt arbeitet.

**Inhalte des Kurses**

  • Wie funktioniert das Web

  • Wie setzt man seine eigene Webseite auf

  • HTML

  • CSS

  • Javascript

  • jQuery

  • Bootstrap und Responsive Design

  • Contentmanagementsysteme wie Wordpress

  • SEO (Suchmaschinenoptimierung)

  • PHP Programmierung

  • MySQL Datenbanken

Erstellen von zwei kompletten und umfangreichen Projekten - von 0 bis 100

Anders als in bisherigen Kursen, in denen nur die Grundlagen der Themen behandelt werden und ein paar kleiner Beispiele gezeigt werden, werden in diesem Kurs zwei komplette Projekte umgesetzt.
Du lernst hierbei wie man alle erlernten Grundlagen direkt in einem ECHTES PROJEKT einsetzt und dieses effizient und sauber umsetzt.

Dazu werden wir nach jedem größeren Meilenstein direkt in die Umsetzung gehen und an dem Projekt weiterarbeiten.

Z.B. nachdem du HTML, CSS und Javascript gelernt hast, wird das Projekt ausgebaut und nutzt alle diese Sprachen.
Wenn dies bewerkstelligt ist, geht es daran die Seite wunderschön zu machen, mit jQuery und Bootstrap, geht das heutzutage am besten. Sobald du dann noch die Grundlagen der Backendentwicklung mit PHP und MySQL gelernt hast, wird ein Backend zur Projekt Webseite hinzugefügt und die Daten in der Datenbank gespeichert.


**Was Du sonst noch kriegst**

  • Eine Community die Dir bei jedem Schritt hilft.

  • Persönlichen Kontakt mit uns und unseren technischen Assistenten

  • Lebenslanges Zugriffsrecht auf alle Kursunterlagen

  • Übungsaufgaben um alles zu verinnerlichen

  • Verständnis zur Programmierung und Design

Deine einmalige Chance ist JETZT

Das digitale Zeitalter hat gerade erst begonnen. Du hast die Chance ein Teil dieser Entwicklung zu sein, eigene Ideen umzusetzen, Geld als Entwickler zu verdienen - die Zukunft unserer Gesellschaft aktiv zu gestalten. Lass sie die Chance nicht verstreichen. Ergreife diese Gelegenheit. Handle jetzt.

Wir freuen uns dich in diesem Kurs als neuen Teilnehmer begrüßen zu können und sind überzeugt, dass du mit den frisch angeeigneten Fähigkeiten neue Aufgaben im privaten und beruflichen Bereich übernehmen kannst. Bitte melde dich bei Fragen oder Unklarheiten direkt bei uns!

Who this course is for:
  • Alle die Programmieren lernen möchten
  • Alle die eine neue Einnahmequelle aufbauen möchten
  • Alle die Webseiten erstellen möchten
  • Alle die finanziell Unabhängig sein wollen
  • Alle die ein Unternehmen starten oder Freelancer werden möchten