- Следующая дата:
- 19.08.2024
- Курс заканчивается:
- 06.12.2024
- Общая продолжительность:
- 640 Stunden
- Практика:
- Nein
- язык обучения:
- Deutsch
- Вид мероприятия:
- Weiterbildung
- Форма предложения:
- Virtuelles Klassenzimmer
- E-Learning
- Время проведения:
- Tagesveranstaltung
- Montag bis Freitag von 08:30 bis 15:35 Uhr (in Wochen mit Feiertagen von 8:30 bis 17:10 Uhr)
- Участники мин.:
- 6
- Участники макс.:
- 25
- Цена:
- keine Angaben
- Поддержка:
- Bildungsgutschein
- Qualifizierungschancengesetz
- Deutsche Rentenversicherung
- EU/Bund/Land
- Вид документа об образовании:
- Zertifikat/Teilnahmebestätigung
- Итоговый экзамен:
- Ja
- Окончательный титул:
- Zertifikat „Frontend-Entwickler:in“, Zertifikat „Webdesign mit HTML/CSS/Dreamweaver“, Zertifikat „JavaScript Developer“
- Сертификация курса:
- SGB III-Maßnahmezulassung
- Номер мера:
- 955/342/24
- Курсы только для женщин:
- Nein
- Присмотр за детьми:
- Nein
- Качество информации:
- Suchportal Standard nicht erfüllt - больше информации
- Целевые группы:
- Webdesigner:innen, Webprogrammierer:innen, Grafiker:innen, Mediengestalter:innen, Fachkräfte aus künstlerischen Berufen oder Personen, die bei der Konzipierung, Gestaltung und praktischen Umsetzung von Internet-Auftritten verantwortlich mitwirken und die dafür notwendigen Kenntnisse und Fähigkeiten erwerben wollen.
- Профессиональные условия:
- keine Angaben
- Технические условия:
- Die Teilnahme am Unterricht erfolgt über Internet per Videotechnik. Voraussetzung für die Nutzung deiner eigenen Hardware ist die Installation der Applikation alfaview®: https://cloud.alfanetz.de/test Falls du keinen geeigneten Computer hast, erhältst du von uns das technische Equipment, um von zuhause aus am Kurs teilnehmen zu können. Sollten die räumlichen und technischen Voraussetzungen dir eine Teilnahme von zuhause aus nicht ermöglichen, kannst du deinen Kurs auch in einem unserer Bildungszentren absolvieren.
- Систематика терминов агентств по трудоустройству Германии:
- C 1435-10-60 Webentwicklung
Содержание
Nach diesem Lehrgang kennst du den kompletten Workflow für modernes Webdesign und produzierst anspruchsvolle Webseiten. Du verfügst über sichere Kenntnisse in JavaScript und Ajax und erfährst, wie Künstliche Intelligenz (KI) in deinem beruflichen Umfeld eingesetzt wird.
Webdesign mit HTML, CSS und Dreamweaver
HTML (ca. 5 Tage)
Grundgerüst
Tags zur Texterstellung (h1-h6, p, br)
Grundlagen CSS
Text-Format-Befehle
Gerüstbildende HTML-Tags (z. B. header, nav)
Grafiken einbinden und in Photoshop aufbereiten
Favicons
Verlinkungen
Interne-, Externe-, Tel.-, mailto-Links
Listen und Tabellen
Formulare in HTML
Formularelemente
Einbindung von Video- und Audioelementen
Einbindung von YouTube und Google-Maps
Unterschiede zwischen XHTML und HTML
Künstliche Intelligenz (KI) im Arbeitsprozess
Vorstellung von konkreten KI-Technologien im beruflichen Umfeld
Anwendungsmöglichkeiten und Praxis-Übungen
Grundlagen CSS (ca. 5 Tage)
Grundlagen Dreamweaver
Einbindungsmöglichkeiten von CSS-Angaben (intern, extern, inline-Style)
Textgestaltung mit CSS
CSS-Attribute zur Gestaltung von Bordern und Abständen (padding, margin)
Hintergrundgestaltung per CSS
Grundlagen float/clear
Spaltigkeit mit float
Farben mit CSS
Clearfix
Pseudoelemente (::before/::after)
Pseudoklassen (:nth-of-type)
Listen/display/Link-Pseudo-Klassen
Navigation mit ul/li (horizontal/vertikal)
CSS-Flexbox (ca. 5 Tage)
Spaltigkeit mit Flex
Ausrichtung von Elementen mit Flex
Spalten in Spalten mit Flex
Individuelle Schrift verwenden (@font-face)
Schriften mit Dreamweaver
Dreamweaver – CSS-Designer
CSS-Position
Positionen: relative/absolute/fixed
Möglichkeiten zur Formulargestaltung per CSS
CSS-Farbverläufe
CSS – transition/transform
Responsives Webdesign (ca. 6 Tage)
Breakpoints, Viewport, Media-Querys
Header und header-img responsiv gestalten
Picture-Elemente in HTML
Mobile Navigation mit hover
Hover in click auf Apple-Handys ermöglichen
Klick-Event per CSS (mittels checkbox)
Responsive Navigationen mit click
Animierter Burger-Button
CSS-Akordeon (mittels Radio-Buttons)
Drop-Down-Menü für Desktop und Mobile
Unterschiedliche Designs
CSS-Pseudoklasse :target
One-Page-Site – Seitenstruktur
Responsive Navigation mit :target-Steuerung
Vorteile von One-Page-Sites
JavaScript (ca. 9 Tage)
Anwendungen einbinden
Einstieg in JavaScript/jQuery
If-then-else
Variablen
Data Objekt
Array Datentyp
ScrollTop
For-Schleife
Math-Objekt
Sticky-menu (js/css)
Menu mit Scrollen ein-/ausblenden
Verwendung von vh/vw und calc
Pflichtangaben Impressum/Datenschutz
Cookiehinweis
Font-awesome – Symbol Bibliothek
CSS-Filter
CSS-Variablen
Optim. der Site für die Suchmaschinen (SEO)
Object fit – Rahmenfüllende Grafiken
CSS-Animation
CSS-Grid
Grid-template-areas
Einführung in CSS-Framework: Bootstrap
Projektarbeit (ca. 10 Tage)
Zur Vertiefung der gelernten Inhalte
Präsentation der Projektergebnisse
JavaScript Developer
JavaScript Grundlagen (ca. 7 Tage)
Einführung
Einbinden in HTML-Seiten
Sprachelemente
Variablen, Konstanten und Datentypen
Operatoren
Kontrollstrukturen
Bedingte Anweisungen
Schleifen
Funktionen
Arrays
Objekte
Cookies
Webstorage
Fehlerbehandlungen
Künstliche Intelligenz (KI) im Arbeitsprozess
Vorstellung von konkreten KI-Technologien im beruflichen Umfeld
Anwendungsmöglichkeiten und Praxis-Übungen
DOM-Manipulation mit JavaScript (ca. 3 Tage)
Grundlagen
HTML-Selektieren
Inhalt und Attribute
Styling
Events
DOM-Elemente anlegen
DOM-Elemente kopieren, verschieben, löschen
AJAX (ca. 3 Tage)
Einführung
Funktionsweise
Voraussetzungen
http-Anfragen
XMLHttpRequest-Objekt
Synchrone und asynchrone Requests
Web Services/Übertragungen:
- JSON
- XML/XML-Response
Frameworks/Libraries (ca. 2 Tage)
Eigene Bibliothek erstellen
jQuery
Vor- und Nachteile
Projektarbeit (ca. 5 Tage)
Zur Vertiefung der gelernten Inhalte
Präsentation der Projektergebnisse
JavaScript Vertiefung (ca. 6 Tage)
Programmierrichtlinien
ECMA-Script-Versionen
Globaler und lokaler Scope, Blockscope
Arrow-Funktionen, Unterschied zu klassicher Syntax
DOM: das Event-Objekt
Rest-Parameter
Array-Methode
High-Order-Funktionen für Arrays
Spread-Syntax, Destructuring
Objekte anlegen mit Konstruktoren, Klassen, Factories
Getter und Setter, Dynamische Attribute
Prototyping, Objekte vererben
Maps- und Set-Collection anlegen und verwalten
Iteratoren und Generatoren
NodeJS (ca. 4 Tage)
Aufbau und Installation
Module
NPM
Webserver erstellen (Express)
Eigene Middleware
REST-Methoden
GET und POST
Datenübertragung
Dateien auf Server hochladen
Kommunikation mit MySQL-Datenbank
Fetch-Syntax für AJAX-Anfragen
Promise für asynchrone Funktionen
Websockets
Canvas-Element
Formen zeichnen
Füllmethoden
Pixelgrafiken einbinden und animieren
Single Page Application (ca. 3 Tage)
ReactJS:
- Einführung, theoretische Betrachtung, Installation
- Virtuelle DOM Funktionsweise und Vorteile
- Komponenten, Verschachtelung, Parameterübergabe
- Inhaltsupdate, Eventlistener
VueJS:
- Einführung, theoretische Betrachtung
- Virtuelles DOM, Bidirektionale Datenbindung
- Expressions, Direktiven, Bindings
- Eigene Direktiven, Computed Properties Komponenten
Projektarbeit (ca. 7 Tage)
Zur Vertiefung der gelernten Inhalte
Präsentation der Projektergebnisse
Änderungen möglich. Die Lehrgangsinhalte werden regelmäßig aktualisiert.
Цель образования
Nach Abschluss des Lehrgangs kennst du den kompletten Workflow für ein modernes Webdesign und erstellst benutzerfreundliche und anspruchsvolle Webseiten. Außerdem verfügst du über sichere Kenntnisse in der Anwendung von JavaScript und Ajax und bist in der Lage, diese zur Realisierung anspruchsvoller Internet-Anwendungen einzusetzen.
Все сведения предоставляются без гарантии. За правильность сведений ответственность несут исключительно сами поставщики.
Впервые опубликовано на 14.05.2024, последнее обновление на 06.09.2024