HTML, CSS und JavaScript Grundlagen, Web für Einsteiger
4.3 (29 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.
236 students enrolled
Wishlisted Wishlist

Please confirm that you want to add HTML, CSS und JavaScript Grundlagen, Web für Einsteiger to your Wishlist.

Add to Wishlist

HTML, CSS und JavaScript Grundlagen, Web für Einsteiger

In diesem Einsteigertraining für Blogger, Online-Redakteure und Entwickler lernst Du das Web hinter den Kulissen kennen.
4.3 (29 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.
236 students enrolled
Created by Jan Brinkmann
Last updated 2/2016
German
Price: $25
30-Day Money-Back Guarantee
Includes:
  • 8.5 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Einfache HTML-Dokumente erstellen
  • Webtexte optimal strukturieren (z.B. als Online-Redakteur)
  • Grundlegende Gestaltung mit CSS verstehen
  • JavaScript Grundkenntnisse beherrschen
View Curriculum
Requirements
  • Grundlegende Computerkenntnisse
  • Einen Editor bedienen können
Description

Der Umgang mit dem Web ist heute allgegenwärtig. Selbst wenn Du kein Software-Entwickler bist oder dies später werden willst, sind verschiedene Grundkenntnisse enorm wichtig. In fast jeder Branche müssen Texte für das Web erstellt und optimiert werden. Irgendwer füllt die Webseiten mit Inhalt. Warum nicht vielleicht in Zukunft auch Du? Auch Blogger und Online-Redakteure sind heute in vielen Unternehmen zu finden. Vielleicht gehörst Du bald auch dazu? Wie steht es mit Content-Marketing? Vollständig ohne das Web fast undenkbar! Auch - oder gerade - als Online-Marketer solltest Du zumindest einfache HTML-Dokumente erstellen und verstehen können.

Dieser Kurs baut auf den drei wichtigsten Säulen des Web auf. Er bereitet Dich praxisnah auf die Arbeit mit HTML, CSS und JavaScript vor. Er richtet sich an Einsteiger in die Webentwickler, aber geben auch an Menschen die mit dem Web eher oberflächlich in Berührung kommen. Blogger, Online-Marketer, Werbetexter und alle Menschen die eine Webseite betreuen vermittle ich wichtiges Grundlagenwissen.

Du lernst den Aufbau von HTML-Dokumenten kennen, lernst wie Du Webseiten lesbar unterteilst und unterschiedliche Elemente wie Bilder und JavaScripts einbindest. Mit CSS lernst Du wichtige Formatierungen kennen, die gerade für Anwender von Bedeutung sind. Dazu gehört unter anderem auch die Positionierung von Elementen, unterschiedlichste Formatierungen des Schriftbildes und ähnliche Anweisungen.

Im JavaScript-Teil geht es schließlich um dynamische Webseiten. Du lernst wie JavaScript in HTML-Dokumente eingebunden wird, ich erläutere das Document Object Model (DOM) und den Zugriff auf einzelne HTML-Elemente. Wichtige Grundlagen und Themen wie fortgeschrittene Konzepte sowie die Objektorientierung bieten sogar die Chance, einen Blick über den Tellerrand hinaus zu wagen.

Du bist im Anschluss in der Lage einfache HTML-Dokumente selbst zu erstellen und aufzubauen. Ganz besonders gut geeignet ist der Kurs für Dich, wenn Du in irgendeiner Form mit dem Web arbeitest oder dies in Zukunft tun wirst. Egal ob Entwickler oder Redakteur, wichtige Basiskenntnisse sind für optimale Suchmaschinen-Optimierung unerlässlich. In diesem Training vermittle ich Dir dafür die notwendigen Grundkenntnisse.

Who is the target audience?
  • Blogger
  • Online-Redakteure
  • Online-Marketer
  • Einsteiger in die Webentwicklung
  • Der Kurs richtet sich nicht an fortgeschrittene Entwickler.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
63 Lectures
08:14:38
+
Einführung
2 Lectures 01:49
Herzlich willkommen im Kurs!
Preview 01:48

Hier kannst Du den Beispielquellcode herunterladen.

Beispielquellcode herunterladen
00:01
+
HTML: Basics
3 Lectures 15:28

Für das Verständnis von HTML hilft es genauer zu verstehen was HTML eigentlich ist. Diese Lektion behandelt genau diese Frage.

Was ist HTML?
04:53

Die entscheidende Frage, wenn Du gerade einsteigst: Wie werden HTML Dokumente erstellt, angezeigt oder verändert? In diesem Video findest Du die Antwort.

HTML Dokumente erstellen, anzeigen und editieren
02:52

Die Basis von HTML Dokumenten sind die sogenannten Tags. Das Konzept lernst Du in dieser Lektion kennen.
Die DNA von HTML: Die Tags
07:43
+
HTML: Struktur von HTML-Dokumenten
3 Lectures 14:51
HTML-Dokumente bestehen aus einem Kopfbereiche mit Informationen über das Dokument und dem sichtbaren Inhalt. In dieser Lektion geht es zunächst um den Kopfbereich (head).
Der Kopfbereich und Metainformationen
08:20

Die eigentlichen Inhalte werden im body-Bereich hinterlegt. Diese grundlegende Unterteilung musst Du unbedingt verstanden haben. Diese Lektion ist daher in jedem Fall Pflicht!

Der Seitenbody mit den Hauptinhalten
02:49

Gerade umfangreiche Dokumente profitieren von Kommentaren, die nicht auf der Webseite selbst angezeigt werden. Sie können den Code übersichtlicher machen und dokumentieren. Lern sie zu erstellen.
Kommentare
03:42
+
HTML: Hyperlinks
4 Lectures 38:59

Im Web begegnen Dir immer wieder Pfadangaben - und zwar in zwei Varianten: als relative oder als absolute Pfadangabe. Schau diese Lektion um das Konzept zu verstehen.

Relative und absolute Pfadangaben
12:04

Verweise innerhalb einer Webseite sind extrem häufig. Die Umsetzung findest Du in diesem Beitrag.

Preview 13:42

Verweise auf andere Webseiten sind ebenso wichtig und gehören ebenfalls zum Alltag im Internet. Zudem gibt es mit dem Target eine Angabe, wie die Links geöffnet werden. Lern wie Du sie umsetzt.

Externe Links und Target
05:07

Verweise innerhalb von einem Dokument werden auch Anker genannt. Lern sie zu setzen und auf Bereiche auf der aktuellen Seite zu verweisen.

Verweise im Dokument
08:06
+
HTML: Dokumente unterteilen
5 Lectures 33:02
Zu einer hierarchischen Struktur gehören unter anderem Überschriften. Hier lernst Du die verfügbaren Elemente kennen.
Überschriften
06:52

Leerzeichen und Zeilenumbrüche in HTML Dokumenten sind begrenzt. Es ist wichtig, dass Du dieses Konzept kennst.
Zeilenumbrüche, Leerzeichen und Trennlinien
05:19

In einem Text spielen Absätze eine wichtige Rolle. Hier lernst Du sie zu setzen.

Absätze einfügen
06:19

Gerade im Web müssen Texte übersichtlich sein. Listen helfen dem Betrachter beim Überfliegen. Daher ist die Lektion über geordnete und ungeordnete Listen absolute Pflicht.

Preview 04:49

Tabellen sind enorm wichtig, um Daten tabellarisch aufzubereiten. Hier lernst Du die Grundlagen kennen.
Tabellen verwenden
09:43
+
HTML: Sonstige Elemente
4 Lectures 22:48

Ein Web ohne Bilder ist nicht vorstellbar. Du lernst hier, wie Du Bilder einbindest.

Bilder einbinden
07:14

Lern Sonderzeichen als HTML-Entitäten in Deinen Dokumenten unterzubringen.

HTML-Entitäten verwenden
06:44

Über iframes bettest Du andere Webseiten direkt in Deiner Webseite ein.

Einbinden von iframes
03:51

JavaScripts werden in HTML Dokumente eingebunden. Hier lernst Du wie das geht.
JavaScript einbinden
04:59
+
HTML: Übungen
3 Lectures 05:10
In der ersten HTML Praxisübung geht es um Textaufbereitung und das Setzen von Überschriften.
Übung #1: Texte und Überschriften
01:30

Hier erstellst Du ein Rezept als HTML Dokument und verwendest dabei grundlegende HTML-Elemente.

Übung #2: Ein Rezept selbst erstellen
01:11

Das Wissen rund um Tabellen wird hier nun in der Praxis angewandt.

Übung #3: Eine lange Tabelle
02:29

HTML Grundlagen
3 questions
+
CSS: Einführung
6 Lectures 57:01

Lern das Konzept der Cascading Stylesheets kennen.

Was ist CSS?
08:56

Lern CSS Statements direkt den Elementen zuzuweisen.

Inline Styles
08:47

Interne Stylesheets sind ein weiterer Weg, direkt im Dokument Anweisungen zu hinterlegen.

Internal Style Sheets
06:54

Ein sehr häufiger Fall: die Stylesheets werden in externe Dateien ausgelagert und eingebunden.

External Style Sheets
13:13

Für das Styling sind die Attribute class und id extrem wichtig. Lern sie hier kennen.

Preview 10:53

Gerade Container spielen eine wichtige Rolle bei der Arbeit mit CSS. Hier lernst du das Konzept am Beispiel vom div-Tag kennen.
Die Rolle der div-Container
08:18
+
CSS: Grundlagen
10 Lectures 01:13:26
Mit dem float-Attribut können Elemente unterschiedlich positioniert werden. Ein zentrales Element beim Design. Pflichtlektion!
Schwebende Elemente mit float
13:06

Auch das position-Attribut ist extrem wichtig und gehört auf jeden CSS-Lehrplan.
Elemente positionieren
09:48

Lern die verschiedenen Angaben für Abstände, padding und margin, kennen.

Innen- und Außenabstände
08:20

Die Breite und Höhe (height und width) sind Thema in dieser Lektion.

Preview 03:47

HTML-Elemente können mit einem Rahmen dargestellt werden. Dazu gibt es das border-Attribut, welches Du in diesem Video kennenlernst.

Rahmen (border) setzen
06:18

Verschiedene Schriftgrößen hat jeder schon einmal genutzt. Nach dieser Lektion kannst Du sie mit CSS festlegen.

Schriftgröße festlegen
08:41

Schriftarten sind nicht immer auf jedem Rechner verfügbar. Darum werden im Web eher Schriftfamilien definiert. Lern in diesem Video, wie das geht.
Schriftfamilien definieren
10:35

Die Basis der Textgestaltung: fetter, kursiver und unterstrichener Text. In dieser Lektion stelle ich Dir die CSS Anweisungen vor.
Fetter, kursiver und unterstrichener Text
04:59

Die Ausrichtung von Text ist auch aus der Textverarbeitung bekannt und auch im Web nicht unüblich. Finde heraus, wie das mit CSS funktioniert.

Text-Alignment verändern
01:59

Die Standarddesign von Links kann mittels CSS deutlich verbessert werden. Lern die verschiedenen Zustände von Links und die entsprechenden CSS-Anweisungen kennen.
Hyperlinks aufhübschen
05:53

CSS Grundlagen
2 questions
+
JavaScript: Eine Einführung
7 Lectures 01:09:34

Eine kurze Übersicht über die Frage "Was ist JavaScript" eigentlich genau?

Preview 11:33

In diesem Kurs bindest Du JavaScript in ein HTML Dokument ein. Zunächst lernst Du dies direkt im Dokument zu hinterlegen.

Internes JavaScript
08:40

Externe JavaScripts sind ebenfalls wichtig und im Web ständig präsent

Externe JavaScripts
05:29

Lern das Document Object Model kennen

Preview 13:29

Das Ausgeben von Daten ist mir JavaScript gerade bei der Entwicklung sehr praktisch.

Daten ausgeben
10:56

Ein wesentliches Feature von JavaScript ist die Steuerung durch Events. Hier lernst Du das Konzept am Beispiel von Klick Events kennen.
Klick Events behandeln
08:04

Lern wie Du auf Elemente zugreifst und den Wert ändern kannst.

Text tauschen
11:23
3 More Sections
About the Instructor
Jan Brinkmann
4.5 Average rating
1,624 Reviews
17,574 Students
15 Courses
Trainer für App- und Webentwicklung

Entwickler aus Leidenschaft! Ich bin seit über 15 Jahren Entwickler. Meine Schwerpunkte sind die Bereiche Web- und App-Technologie. Ich habe bereits mit Objective-C sehr gern gearbeitet. In Swift habe ich mich Hals über Kopf verliebt. Vor kurzem hat der Rheinwerk-Verlag das Training Programmieren mit Swift von mir veröffentlicht. Zudem verfasse ich Artikel für Fachzeitschriften wie das PHPMagazin, Entwickler Magazin und das Linux Magazin.