Erstelle eine Slideshow mit HTML, CSS und JavaScript - Programmieren Tutorial für Anfänger - Deutsc
Slideshows, Slider, Karusselle oder Galerien sind wichtiger Bestandteil der meisten Webseiten. Sie erlauben es uns, den Nutzern mehrere ähnliche Inhalte zu präsentieren und sie dabei nach Belieben durch die Inhalte navigieren zu lassen. Deshalb werden wir in diesem Video lernen, wie man genau so eine Slideshow mit reinem HTML, CSS und JavaScript erstellt und werden dabei einiges über Arrays und Array-ähnliche Objekte lernen.
Link zu Teil 2 für die Automatisierung der Slideshow: https://youtu.be/KrwvF8W6A6k
GitHub mit fertigem Code:
https://github.com/dev-planet-germany/slideshow
00:00 Ziel des Projekts
00:20 Erstellen der HTML-Datei
00:52 Erstellen des Slideshow-Divs und der CSS Datei
01:27 Gestalten des Slideshow Behälters
02:32 Positionierung der Slideshow
05:10 Erstellen & Gestalten der ersten Folie
06:18 Einfügen & Gestalten des Bildes
08:15 Erstellen & Gestalten des Textbereichs
12:30 Erstellen der weiteren Folien
13:03 Erstellen & Gestalten der Pfeile
19:25 Erstellen & Gestalten der Navigationspunkte
25:05 Erstellen der JavaScript Datei
25:56 Elemente in JS anhand ihres Klassennamens auswählen
26:40 Konstanten in JavaScript
28:00 HTMLCollections, Arrays und Array-ähnliche Objekte
29:50 Zugriff auf Elemente in einem Array
30:09 Hinzufügen von Klassen für Elemente mit JavaScript
32:49 Die Funktion(en) für die Pfeile
36:30 Fehlersuche
38:09 Implementieren der Karussell Funktionalität
40:09 Implementieren der Navigationspunkte Funktionalität
42:19 Übergänge mit CSS Transition
43:55 Abonniert den Kanal :)
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Erstelle eine Slideshow mit HTML, CSS und JavaScript - Programmieren Tutorial für Anfänger - Deutsc», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.