Web Developer – Lehrgang

• Einführung in HTML5 – Das Grundgerüst
  • HTML5 Syntax und Neuerungen zu HTML 4.01
  • Semantische Elemente: section, header, footer
  • Formate, Selektoren, Tags, Klassen und Attribute
  • Konzeptioneller Aufbau einer Website: Blogs, Portale, Infoseiten
• Trennung von Inhalt, Design und Funktionalität
  • HTML für Struktur, CSS für Gestaltung, Skriptsprachen für Interaktivität
  • Überblick über gängige Skriptsprachen und Frameworks
  • Browserproblematiken und Kompatibilitätslösungen
• Arbeiten mit HTML5-Inhalten
  • Quellcode einer typischen Website lesen und verstehen
  • Bilder, Formate und Bildgrößen in HTML5 einbinden und optimieren
  • Erstellung einfacher HTML5-Formulare
• Einführung in CSS3 – Gestaltung und Layouts
  • Überblick und Einbindung von CSS3
  • ID, CLASS, DIV & SPAN – Strukturierung von Elementen
  • Zeichen- und Absatzformatierungen, Rahmen, runde Ecken und Schatten
  • CSS3 Animationen, Transitionen und Transformationen
• Interaktivität und Multimedia mit HTML5
  • Einführung in das HTML5-Canvas-Element
  • Einbindung von Audio- und Videodateien
  • Grundlagen der Website-Usability & SEO-Thematik
• Praxisprojekt & KI-gestützte Entwicklung
  • Erstellen einer einfachen Website im Text-Editor-Modus
  • Generieren von Quellcode und Webtexten mithilfe von ChatGPT (KI)
  • Wertvolle Tipps & Tricks vom Trainer
  • Praxisbeispiele und gemeinsame Erarbeitung von Fallbeispielen

• Einführung in die Programmierung
  • Grundlegende Funktionsweise von Computern
  • Zahlensysteme und Zeichencodes
  • Überblick über Programmiersprachen
  • Einrichtung der Entwicklungsumgebung
• Grundlegende Programmierkonzepte
  • Variablen und Datentypen
  • Operatoren und Ausdrücke
  • Kontrollstrukturen (Schleifen, Bedingungen)
• Arbeiten mit FunktionenDefinition und Aufruf von Funktionen
  • Parameter und Rückgabewerte
  • Modularisierung von Code
• Datenstrukturen und Arrays
  • Einführung in Arrays und Listen
  • Verarbeitung von Datenstrukturen
  • Einblick in fortgeschrittene Strukturen (z. B. Dictionaries)
• Netzwerkbegriffe für Programmierer
• Programmlogik und Darstellungsmittel für Programmabläufe

• Programmstrukturen (Variablen, Anweisungen, Ausdrücke und Funktionen)
• Funktionen mit Ausnahmen, Rekursion, Closures und Module
• Objekte und Verwendung von Prototypen sowie Vererbung
• Arrays in unterschiedlichen Dimensionen und Listen
• Überblick über gebräuchliche Methoden
• Aufbau einer Javascript Anwendung mit HTML5 und CSS3
• Nutzung von AJAX und REST Services
• Einbindung und Verwendung von Frameworks und Bibliotheken

• Einarbeitung in die Entwicklungsumgebungen, Browser und in die verschiedenen Javascript Standards
• Konzeption und Aufbau einer WebApplikation und deren Bestandteile (DOM Baum, Events, HTML5, CSS3, Layout)
• Komplexe Datenstrukturen und die Verwendung von Patterns
• Erkennen und Vermeiden von Fehlern sowie die Anwendung von Best Practices
• Objektorientierte Programmierung mit Javascript mit der Erstellung und Erweiterung von Objekten.
• Überblick und Verwendung von neuen HTML5 Javascript Funktionen, wie Application Caches, WebWorker, Canvas und Geolokation
• Debugging, Profiling und Geschwindigkeitsoptimierungen von Webapplikationen

React:

• React Tooling (Online, Visual Studio Code)
• React Project Structure
• React JSX and Babel
• Styling React Elements
• React Components (Class Components versus Function Components)
• React and Virtual DOM
• Regular Function versus Arrow Function
• React Import & Export Modules
• React State
• React Props
• React Lifecycle
• React Events
• MapFunction and other Functions
• Array Destructuring
• React Tooling with Command Line Interface (CLI) and NodeJS
• React Input
• ReactHooks (useState, useEffect, … )
• React Forms
• Managing a Component Tree
• Integrating CSS
• Spread Operator
• React Router
• React Frontend with Backend

React Native:

• React Native Introduction
• Setting up the development environment
• React Native Tooling (Online Tool, Visual Studio Code)
• React Native Project Structure
• React Native Core Components
• Create Custom Components
• Handling Text Input
• Using ScrollViews
• Using List Views
• Running On Device
• Styling
• Layout with Flexbox
• Handling Touches
• Naivgating between Screens
• Animations
• Adding an Image
• Using the Expo Tools and Expo SDK: BarCode –Scanner
• Expo Sensors
• Expo-Battery
• Expo-Camera
• Expo-Localization
• Expo-av to allow audioplayback
• Install Expo-Speech