Web Developer – Lehrgang

• Einführung in HTML5 - Das Grundgerüst
• HTML5 Syntax
• Änderungen zu HTML 4.01
• Semantische Elemente: section, header, footer
• Formate, Selektoren, Tags, Klassen und Attribute
• Konzeptioneller Aufbau einer Website: Blogs, Portale, Infoseiten
• Browserproblematiken (z.B. Kompatibilitäten)
• Quellcode einer typischen Website lesen und verstehen können
• Trennung von Inhalt (HTML), Gestaltung (CSS) sowie Funktion (Scriptsprachen)
• Allgemeine Skriptsprachen und Frameworks im Anriss
• Bilder, Formate und Bildgrößen in HTML5 bearbeiten
• Erstellen einfacher HTML5-Formulare
• Einführung in CSS3
  • Überblick und Einbindung von CSS3
  • ID, CLASS, DIV & SPAN
  • Zeichen- und Absatzformatierungen, Pseudoformate, Rahmen, Runde Ecken, Schatten, Animationen, etc.
  • Überblick über Transformation, Transitions und Animationen in CSS3
• Einführung in das HTML5-Canvas-Element
  
• Interaktivität-/Multimedia mit HTML5
• Wichtige Aspekte für die Website-Usability & SEO-Thematik
• Erstellen einer einfachen Website im Text-Editor-Modus
• Genieren von Quellcode und Webtexten mithilfe von ChatGPT (KI)
• Wertvolle Tipps & Tricks vom Trainer

Festigung des erlangten Wissens anhand von Fallbeispielen:

• Der Trainer erarbeitet mit Ihnen im Rahmen dieses Kurses spezielle Beispiele aus der Praxis um einen bestmöglichen Lerneffekt zu erzielen.

• Grundlagen zu Computing, Programmen und Programmiersprachen
• Programmlogik und Darstellungsmittel für Programmabläufe
• Werkzeuge der Softwareentwicklung
• Zahlensysteme und Zeichencodes
• Grundlegende Sprachelemente
• Kontrollstrukturen
• Elementare Datenstrukturen
• Methoden, Prozeduren und Funktionen
• Algorithmen
• Reaktion auf Ereignisse
• Grundlagen der Softwareentwicklung

• 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