Webentwicklung Meisterkurs: Lerne HTML, CSS & Java Script
4.9 (9 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
917 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Webentwicklung Meisterkurs: Lerne HTML, CSS & Java Script to your Wishlist.

Add to Wishlist

Webentwicklung Meisterkurs: Lerne HTML, CSS & Java Script

In einfachen Beispielen erkläre ich Ihnen, wie Sie mit HTML, CSS & Javascript eine Webseite selbst erstellen.
4.9 (9 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
917 students enrolled
Last updated 6/2017
German
Current price: $12 Original price: $200 Discount: 94% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 6.5 hours on-demand video
  • 23 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Webseiten erstellen mit HTML, CSS & JavaScript
  • Prinzip vom WWW (World Wide Web) kennen
  • Planen und skizzieren von Webseitenstrukturen
  • Eigenständig Web-Aufträge entgegen nehmen
  • Hilfreiche Tools mit JavaScript programmieren
  • Eigenständig im Netz recherchieren (Googeln)
  • Ein internes Netzwerk für das Hosting verwenden
  • HTML lesen, verstehen & schreiben
  • Fremde Webseiten analysieren & anpassen
  • CSS lesen, verstehen & schreiben
  • JavaScript lesen, verstehen & schreiben
  • Sie sind bereit für die Erlernung von PHP in der Webentwicklung
  • Sie sind bereit für die Erlernung von ASP .NET
  • Webapplikationen für Unternehmen zu realisieren
  • Ihren Freunden und Verwandten die Webentwicklung beibringen
View Curriculum
Requirements
  • Basiskenntnisse im Umgang mit einem Computer haben
  • Interesse an der Webtechnologie
Description

Du wolltest schon immer mal wissen wie eine Webseite funktioniert & wie man eine selbst codiert?

Die Grundlagen der Web-Entwicklung werden dir hier sehr simpel und verständlich beigebracht. Du wirst lernen, wie die Web-Technologie funktioniert und wie du selbst Webseiten mit HTML, CSS und JavaScript erstellen kannst. Da sich dieser Kurs an Anfänger widmet, lernst du sogleich auch die Grundlagen der Programmierung mit dazu und bekommst eine Vielzahl an Tipps, wie du dir die Kompetenzen am leichtesten aneignest. Hierfür teilt sich der Kurs stets in Theorie, Übungspraxis und Auftrag auf und wechselt somit in alle Gebiete für den bestmöglichen Lerneffekt.

SCHÜLERMEINUNGEN 

"Burim ist ein absolutes Genie auf seinem Gebiet! Ich wünschte ich hätte diesen Kurs schon viel früher entdeckt. In den letzten Jahren habe ich oft unnötig viel Geld für Programmierkurse ausgegeben, aber keiner hatte mir wirklich geholfen bis ich eines Tages auf diesen gestoßen bin...Einfach nur TOP! Burim erklärt sehr verständlich und sein Lektionenformat ist sehr praxisbetont. Kann den Kurs nur weiter empfehlen!" 

- Paul F., Berlin, Deutschland

Falls du noch irgendwelche Fragen hast, stehen wir dir jederzeit zur Verfügung! 

NICHT VERGESSEN: Du hast eine Geld zurück Garantie! Wenn dir dieser Kurs nicht gefällt, kannst du innerhalb der ersten 30 Tage dein Geld zurück bekommen!

Worauf wartest du also noch?! Starte noch heute deine Karriere als professioneller Programmierer! 

Who is the target audience?
  • Einsteiger / Anfänger
  • Interessierte Personen der Webtechnologie
  • Zukünftige Webentwickler
Compare to Other CSS Courses
Curriculum For This Course
76 Lectures
06:15:01
+
Herzlich Willkommen
5 Lectures 09:31

Dies ist Video #1 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Preview 00:49

Dies ist Video #2 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Preview 00:57

Dies ist Video #3 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Preview 03:21

Dies ist Video #4 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Persönliche Bitte
00:30

Dies ist Video #5 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Was wirst du in diesem Kurs lernen?
03:54
+
Lerntechniken für bestmögliche Ergebnisse
4 Lectures 09:58

Dies ist Video #6 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Intro: Kapiteleinführung (Lernziele)
00:48

Du lernst hier wie du am effektivsten im Web recherchierst und dich optimal mit Wissen selbst versorgst. Googeln ist das Stichwort.

Preview 04:33

Du lernst hier wie du das gesamte Wissen dieses Kurses am optimalsten erfolgreich lernst. Hier helfen Notizen und Zusammenfassungen als Grundausrüstung.

Notizen und Zusammenfassungen schreiben
01:17

Du bist dir im klaren, wie wichtig das Verständnis von Code ist und kannst deine Lerneffizienz auf ein höheres Level bringen.

Nachbauen mit Verstand
03:20
+
Theorie 1: Web 101
5 Lectures 28:14

Dies ist Video #10 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Intro: Kapiteleinführung (Lernziele)
00:54

Du lernst hier wie die Architektur eines Netzwerks prinzipiell aussieht und wie das Internet aufgebaut ist. Zusätzlich erkennst du den Nutzen von Webseiten und kannst den Ursprungsgedanken der ersten Webseite verstehen.

Preview 05:25

Du kennst nun die Bedeutung von Http und deren Funktionalität

Http (Hypertext Transfer Protokoll)
05:32

Du kennst nun die Sicherheitsvariante von Http, nämlich Https. Zusätzlich weisst du wie die Kommunikation im Web mit einem Server vor Angreifern geschützt wird.

Https (Hypertext Transfer Protokoll Secure)
05:40

In dieser Lektion wird das Prinzip von IP-Adressen erläutert. Du bist somit befähigt Webseiten via Console anzupingen.

IP-Adressierungen
10:43
+
Beispielauftrag 1: Einrichtung Intranet
5 Lectures 15:41

Dies ist Video #15 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Intro: Kapiteleinführung (Lernziele)
00:57

Hier wird der erste Beispielauftrag genauer erläutert. Nämlich eine Menü-Liste in ein Privatnetzwerk "online" zur Verfügung zu stellen.

Auftragserklärung
01:17

Hier lernst du wie man ein Privatnetzwerk mit den gegebenen Umständen erstellt.

Erstellung Intranets (Home-Netzwerk)
01:23

Du weisst nun was XAMPP ist, wofür es nützlich ist und wie man es korrekt installiert.

XAMPP installieren
06:43

Du kannst nun eine Datei (Menü Liste) auf einem Netzwerk für andere Netzwerkteilnehmer bereitstellen. Zusätzlich weisst du, wie du mit einem Smartphone darauf zugreifen kannst.

Preview 05:21
+
Theorie 2: HTML (Hypertext Markup Language)
10 Lectures 01:17:41

Dies ist Video #20 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Intro: Kapiteleinführung (Lernziele)
01:11

In dieser Lektion zeige ich dir, was HTML ist und wie du Webseiten analysieren und manipulieren kannst. Spassfaktor garantiert!

Preview 09:23

In dieser Lektion stelle ich dir die Wissensplattform https://selfhtml.org/ vor. Hier sind so ziemlich alle HTML Elemente aufgelistet und einfach beschrieben.

SelfHTML: Introducing des Wissenslexikons
04:10

Hier erfährst du, wie so ziemlich jede Webseite grundsätzlich aufgebaut ist.

SelfHTML: Grundgerüst jeder Webseite
09:17

Du bist nach dieser Lektion befähigt verschiedene Überschriften in HTML zu nutzen und kannst sie hierarchisch anordnen.

Überschriften
04:54

Nach dieser Lektion kennst du die verschiedenen Listen-Elemente von Html und kannst diese fachgerecht anwenden.

Preview 10:26

In dieser Lektion erkläre ich dir die Struktur von Tabellen und wie diese anzuwenden sind.

Tabellen
07:34

Nach dieser Lektion bist du imstande Webseiten in Komponenten zu unterteilen und weisst wofür das DIV-Element gut ist. 

Preview 06:09

Du bist imstande Links einzufügen und weisst, wie du mit Html Attributen Texte formatierst.

Links, Umbrüche und Textauszeichnungen
09:47

Du kannst nun Formular-Elemente anwenden und weisst wie man aus einem Passwort Feld ein Textfeld abändert. Spassfaktor garantiert!

Formulare, Eingabefelder und Buttons
14:50
+
Beispielauftrag 2: Menü-Liste mit HTML erstellen
11 Lectures 01:05:13

Dies ist Video #30 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Intro: Kapiteleinführung (Lernziele)
00:56

In dieser Lektion definieren wir unsere Ziele welche wir für die Implementierung von HTML beziehungsweise für das erlernen brauchen. 

Auftragserklärung
01:10

Nach dieser Lektion bist du befähigt Webseiten wie ein Profi zu entwerfen und die Grundstruktur vor der Implementierung zu planen. 

Preview 16:38

Wir installieren gemeinsam den Text-Editor Atom und ich zeige dir auf, wie dieser zu nutzen ist.

Text-Editor Atom installieren
04:04

Zeit zum Codeschreiben! Hier implementieren wir die erste Komponente unserer Webseite, nämlich den Headerbereich.

Realisieren: Header
11:20

Du lernst, wie eine Navigation mit HTML implementiert wird und baust diese in unserem Beispiel nach.

Realisieren: Navigation
07:48

In dieser Lektion nutzen wir den Table Tag um eine Menüliste zu kreieren. Hier lernst du den Umgang mit Tabellen im praktischem Beispiel.

Preview 07:27

Du lernst, wie ein footer aussieht und für was es nützlich ist.

Realisieren: Footer
05:00

Wir fügen gemeinsam ein Video in unsere Webseite ein.

Realisieren: Video einbinden
04:04

Wir fügen gemeinsam eine Audio Datei in unsere Webseite ein.

Realisieren: Mp3 einbinden
04:09

Die Seite steht grundsätzlich, jedoch wirkt sie eher "unschön". Wie gestalte ich das nun so, dass es den Besucher erstaunt? -> Mit CSS

Outro: Wie mache ich meine Seite nun "schön"?
02:37
+
Theorie 3: CSS (Cascading Style Sheets)
8 Lectures 24:34

Dies ist Video #41 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Intro: Kapiteleinführung (Lernziele)
01:21

Nach dieser Lektion weisst du, was CSS genau ist, wofür es verwendet wird und wo du deinen Wissensdurst stillen kannst.

Was ist CSS?
02:49

Hier erläutere ich einpaar Beispiele zu Inline CSS und weshalb wir das bislang leicht genutzt haben.

Beispiel: Inline CSS
02:08

Du erfährst warum es sinnvoll ist eine externe CSS-Datei zu erstellen und wie dies zu machen ist.

Preview 05:31

Hier lernst du die gängigsten HTML Objekte zu stylen und wie du auf diese von einer externen Datei aus zugreifen kannst.

Allgemein-/ & Typenelemente
03:29

Du lernst mit Klassen zu arbeiten und vereinfachst die "Verschönerung" deiner Webseite.

Preview 04:23

Der Sinn, Nutzen und Zweck von ID's wird hier genauer erläutert. Anschliessend weisst du, wie du die ID's zu deinem Vorteil nutzen kannst.

Beispiel: Id's
02:23

Du lernst die Pseudoklassen kennen und erkennst deren mächtigen Nutzen.

Beispiel: Pseudoklassen
02:30
+
Beispielauftrag 3: Menü-Liste verschönern
9 Lectures 01:00:57

Dies ist Video #49 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Intro: Kapiteleinführung (Lernziele)
01:15

In dieser Lektion definieren wir die Implementierungsziele des Kapitels.

Auftragserklärung
01:17

In dieser Lektion bearbeiten und stylen wir die allgemeinen Elemente auf unserer Webseite, damit jeder Browser den gleichen Stil anzeigt und wir ein Standard-Design haben.

Allgemeiner Stil (*, span, h1, h2, h3 etc.)
03:55

Dies ist Video #52 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Header pimpen
17:29

Dies ist Video #53 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Atom Tipp: Package Pigments
04:01

Dies ist Video #54 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Tabelle pimpen (Hover, Farben, First Row)
11:26

Dies ist Video #55 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Preview 07:35

Dies ist Video #56 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Footer pimpen
11:41

Dies ist Video #57 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Outro: Wie interagiere ich mit dem Benutzer?
02:18
+
Theorie 4: JavaScript
8 Lectures 40:58

Dies ist Video #58 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Intro: Kapiteleinführung (Lernziele)
01:10

Dies ist Video #59 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Was ist JavaScript?
02:50

Dies ist Video #60 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Preview 02:41

Dies ist Video #61 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Grundkenntnisse: Prozeduraler Stil
02:50

Dies ist Video #62 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Grundkenntnisse: Variablen
08:44

Dies ist Video #63 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Grundkenntnisse: Funktionen
08:03

Dies ist Video #64 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Grundkenntnisse: If-Schleife und Operatoren
09:46

Dies ist Video #65 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Grundkenntnisse: For Loop
04:54
+
Beispielauftrag 4: Kostenrechner
8 Lectures 33:59

Dies ist Video #66 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Intro: Kapiteleinführung (Lernziele)
01:12

Dies ist Video #67 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Auftragserklärung
01:17

Dies ist Video #68 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Realisieren: Preiswerte und Ergebnistabelle
07:10

Dies ist Video #69 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Realisieren: OnClick Event auswerten
03:53

Dies ist Video #70 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Realisieren: Funktion fürs hinzufügen
06:23

Dies ist Video #71 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Preview 07:19

Dies ist Video #72 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Realisieren: Ausrechnen lassen
05:08

Dies ist Video #73 aus dem Kurs "Webentwicklung Meisterkurs: Lerne HTML, CSS & JavaScript", in dem wir dich zum Programmierer ausbilden! 

Preview 01:37
2 More Sections
About the Instructor
Burim Cakolli
4.9 Average rating
8 Reviews
917 Students
1 Course
Professioneller App Entwickler & Webprogrammierer

Ich bin ausgebildeter Applikationsentwickler und liebe es mein Wissen mit interessierten Menschen zu teilen. Während meiner Ausbildung zum Informatiker bei der Siemens Schweiz AG erlernte ich nebst schulischem Fachwissen auch vielerlei Kompetenzen im Bereich „Selfmade-Learning“. Dies war für meine Projekte (Webshop, Zutritt-Systeme, Projektplaner, etc.) zwingend notwendig und ich kämpfte mich durch zahlreiche veraltete & schwere Tutorials durch. Nun möchte ich meine Kernkompetenzen im Bereich Webprogrammierung weitergeben und meinen Schülern diesen anstrengenden Weg ersparen.  

Zusätzlich betreue ich drei Lokalunternehmen im Raum Zürich bei Ihrem Webauftritt und berate Sie in Punkto Softwarelösungen. Dies bringt mir viel Verantwortungsbewusstsein und Wissen im Bereich Auftragsmanagement.

Mein Ziel ist es, meinen Schülern alle Werkzeuge und Kompetenzen in die Hand zu geben damit Sie eine neue Einkommensquelle damit generieren. Über eine neu entstandene Community von Neu-Programmierern würde ich mich extrem freuen!

Du wirst lernen, wie du Programmier-Aufträge einholst, sie planst, realisierst und anschließend abkassierst. Steig ein ins Team und werde Teil der digitalisierten Revolution!

Wenn du irgendwelche Fragen an mich hast, dann schicke mir jetzt ein Nachricht über das Udemy Messaging Tool! 

Teaching Hero
4.3 Average rating
259 Reviews
11,775 Students
32 Courses
More than just education!

★★★★★ "Enrolling in a Teaching Hero course is the safest bet on Udemy. I now enrolled in 6 Teaching Hero courses and was surprised how densely packed the courses were with incredibly valuable information and how their instructors seemed to be very passionate about online teaching [...]. All in all, there's nothing negative I can say - amazing courses, great instructors and invaluable support!" - (Anna Oberheim, The Hague, Netherlands) 

★★★★★ "The instructor in this course [Complete Productivity Course - Become Productive Fast] is very passionate - HE EVEN ARRANGED A MEETUP WITH ME. The course way beyond anything I ever expected." - (Lars Barthold, Berlin, Germany)

ABOUT TEACHING HERO - #1 Online Teaching Agency from Berlin, Germany

Teaching Hero (owner Leon Chaudhari) was founded in October 2016 in Berlin, Germany. Teaching Hero is linked to universities, educational companies and other institution all over the world. Currently, Teaching Hero offers the following services: Professional mentoring, an accelerator for educational startups, a 160.000+ advertising network, translation to 15+ languages, design & filming support, SEO for educational products, and web solutions for educational online shops. 

What we offer our students...

Certified courses in various subjects 

Expert instructors with years of experience in their field 

24/7 support for all our students, Skype calls and personal meetups (if requested) 

Additional resources and regularly updated courses 

Alumni meetups and online groupings for further exchange 

Linkedin recommendation letters for students who enrolled in our courses and completed them

and much more! 

OUR PROMISE: If you should be unsatisfied in any way with one of our instructors or their course, you will get your money back within the first 30 days of purchase! 

ENROLL NOW and we will see you in the course!