Web Developer – Lehrgang
Erlerne moderne, professionelle Webentwicklung von Grund auf
Webseiten sind heute weit mehr als reine Informationsseiten und bestehen zunehmend aus komplexen Webanwendungen und dynamischen Abläufen, bei denen Design, dynamischer Content, Performance, Skalierbarkeit sowie Responsive Webdesign eine zentrale Rolle spielen. Entsprechend stark an Bedeutung gewonnen hat in den letzten Jahren der Beruf des Web Developers bzw. Frontend Developers. In diesem intensiven Web-Developer-Lehrgang erlernen Sie alle relevanten Methoden, Programmier- und Skriptsprachen, um moderne, dynamische Webseiten zu konzipieren, zu planen und professionell umzusetzen. Nach einer Einführung in die Welt der Programmierung vermitteln Ihnen erfahrene TrainerInnen den grundlegenden Umgang mit HTML und CSS, um strukturierte Webseiten zu erstellen und individuell zu gestalten. Darauf aufbauend liegt der Schwerpunkt dieses Lehrgangs auf der Entwicklung mit JavaScript, um interaktive und dynamische Inhalte für Webseiten zu programmieren und zu implementieren. Ergänzend lernen Sie den Einsatz von React, mit dem Sie effiziente Webanwendungen entwickeln. Zusätzlich erhalten Sie einen Einblick in die App-Entwicklung mit React Native, um Anwendungen für Android und iOS umzusetzen. Nach Abschluss des Lehrgangs sind Sie optimal vorbereitet, um anspruchsvolle Webprojekte eigenständig zu realisieren.
Während des gesamten Web Developer Lehrganges erarbeiten Sie einen durchgängigen Usecase basierend auf den behandelten Themen um für Ihre zukünftige Tätigkeit in der Web-Entwicklung gerüstet zu sein.
Lernziele
- Grundlagen moderner Webentwicklung und Programmierung
- Strukturierte und responsive Webseiten mit HTML und CSS
- Interaktive und dynamische Inhalte mit JavaScript
- Komponentenbasierte Webanwendungen mit React
- Performante Frontend-Architekturen für moderne Webprojekte
- Grundlagen der mobilen App-Entwicklung mit React Native
- Planung und Umsetzung von Web- und App-Projekten
Module
HTML und CSS (HTMLCSS)
- Grundlagen der Webentwicklung und HTML
- Aufbau und Funktionsweise von Webseiten
- HTML-Grundlagen und Syntax
- Semantische HTML-Elemente (header, nav, section, article, footer)
- Elemente, Attribute, Klassen und IDs
- Block- und Inline-Elemente strukturieren
- Trennung von Inhalt, Design und Funktionalität
- HTML für Struktur, CSS für Gestaltung, Skripte für Interaktivität
- Quellcode einer Website lesen und verstehen
- HTML in der praktischen Anwendung
- Seitenstruktur und Navigation aufbauen
- Bilder einbinden und für das Web optimieren
- Links und Medien integrieren (Audio, Video)
- Erstellung einfacher HTML-Formulare
- Browserunterschiede und Darstellung testen
- Gestaltung mit CSS
- CSS-Grundlagen und Einbindung in HTML
- Selektoren, Klassen und Kaskade
- Farben, Schriften und Textgestaltung
- Abstände, Rahmen, Hintergründe und Schatten
- Strukturierung und Positionierung von Elementen
- Moderne Layouts und Responsive Design
- Layoutprinzipien im Web
- Flexible Layouts mit Flexbox
- Rasterlayouts mit CSS Grid
- Responsive Gestaltung für verschiedene Bildschirmgrößen
- Grundlagen zu Animationen und visuellen Effekten
- Benutzerfreundlichkeit und suchmaschinenfreundliche Struktur
- Grundlagen benutzerfreundlicher Webseiten
- Klare Struktur, Lesbarkeit und Navigation
- Suchmaschinenfreundliche HTML-Struktur (Überschriften, Inhalte, Links)
- Was SEO im Webdesign-Kontext bedeutet (Überblick)
- Praxisprojekt und moderne Workflows
- Planung und Aufbau einer einfachen Website
- Gemeinsame Umsetzung eines kleinen Webprojekts
- KI-gestützte Erstellung von HTML, CSS und Webtexten
- Tipps & Tricks aus der Praxis
Programmierung – Grundlagen (PROGRGL)
- 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
JavaScript – Grundlagen (JAVASGL)
- 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
JavaScript – Vertiefung (JAVASFG)
- Entwicklungsumgebung und JavaScript Grundlagen
- Einarbeitung in Entwicklungsumgebungen und Browser
- Überblick über verschiedene JavaScript-Standards
- Konzeption und Aufbau von Webanwendungen
- Struktur und Bestandteile moderner Webapplikationen
- DOM-Baum und Eventsteuerung
- Zusammenspiel von HTML5, CSS3 und Layout
- Datenstrukturen und Design Patterns
- Arbeiten mit komplexen Datenstrukturen
- Einsatz und Nutzen von Patterns
- Objektorientierte Programmierung mit JavaScript
- Erstellung und Erweiterung von Objekten
- Strukturierte Entwicklung mit OOP-Konzepten
- Fehlervermeidung und Best Practices
- Typische Fehler erkennen und vermeiden
- Anwendung bewährter Best Practices
- Moderne Webtechnologien und APIs
- Überblick über aktuelle HTML5- und JavaScript-Funktionen
- Einsatz von Web Worker, Canvas und Geolocation
- Grundlagen moderner Browsertechnologien
- Debugging, Profiling und Performance
- Analyse und Behebung von Fehlern
- Profiling von Webanwendungen
- Optimierung von Geschwindigkeit und Performance
React und React Native – Programmierung von modernen User Interfaces und Apps (REACT)
- 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
- Grundlagen der Webentwicklung und HTML
Zielgruppe
Neueinsteiger in der Webentwicklung, Angehende Web Developer, Frontend Entwickler, Personen die bereits erste Erfahrungen mit der Erstellung und Bearbeitung von Webseiten gesammelt habenVoraussetzungen
Allgemeiner Umgang mit AnwenderprogrammenAbschluss & Bestätigung
Nach Seminarabschluss erhalten Sie ein tecTrain-Teilnahmezertifikat.
Buchen Sie Ihren Termin
Alle Preise zzgl. MwSt.
Angebot einholen
Ihr individuelles Kursangebot
Kostenvoranschlag
Unverbindlich herunterladen
Training Services
Services zu Ihrem Seminar
