Seite auswählen

Offene Schulungen in Nürnberg und Inhouse-Trainings & Kurse auch in München und Erlangen.

Website-Aufbautraining: HTML5, CSS3, jQuery und Bootstrap.
Responsive Website-Entwicklung + WebDesign Praxis-Training

»Termine frei nach Vereinbarung…

Dieser Entwicklerkurs vermittelt Ihnen das nötige Knowhow und Hintergrundwissen, um zukünftig selbst unter HTML5, CSS3, jQuery & Bootstrap – moderne und responsive Websites (RWD) zu erstellen. 

HTML5 - Programmierung

Erstellen Sie eine Website, die mit einer optimalen Darstellung und Bedienbarkeit auf allen Bildschirmgrößen punktet und somit für Ihre Besucher schneller und intuitiver zu bedienen ist. 

Schulungsziel:

Anhand eines praxisorientierten Projektes erlernen Sie Schritt für Schritt die Planung & Umsetzung einer geräteunabhängigen Webseite. Entlang des Prozesses vertiefen Sie Ihre HTML & CSS Kenntnisse, lernen das Bootstrap-Framework kennen, jQuery-Plugins anzuwenden, Bilder je nach Auflösung dynamisch zu tauschen, benutzerfreundliche Kontaktformulare zu erstellen und vieles mehr.

 

Zielgruppe:

  • allg. Anwender
  • Web-Designer
  • Web-Entwickler

Empfohlene Voraussetzungen:

  • sicheres Arbeiten unter Windows oder MacOS/X
  • solides Internet Knowhow
  • Solide Vorkenntnisse in HTML, CSS und Javascript

Inklusiv-Leistungen:

  • indiv. eingerichteter PC/MAC für jeden Teilnehmer
  • Verpflegung (Frühstück-Snacks, warme und kalte Pausengetränke, sowie das Mittagessen)
  • Teilnahme-Zertifikat
  • Kursunterlagen (PDF) & Übungen. Weiterführende Nachschlagewerke können gesondert bestellt werden

Schulungsinhalte – Tag 1:

  • Einführung & Konzeption
    • Warum responsives Webdesign?
  • Neu in HTML5
    • doctype
    • header
    • footer
    • nav
    • section
    • main
    • article
    • aside
    • picture
    • figure
    • figcaption
    • canvas
    • svg
    • video
    • audio
    • source
  • CSS Auffrischung
    • Kaskadierung
    • Spezifität
    • Vererbung
    • Box Modell
    • Displaytypen
    • Positionierung
    • Selektoren
    • Übungen

Schulungsinhalte – Tag 2:

  • Neu in CSS 3
    • Selektoren
    • Typografie
    • Pseudo Elemente
    • Transitions
    • Animations
    • Transforms
    • mehrfache Hintergründe
    • Verläufe
    • Neues zum Rahmen
    • Box Shadow
    • Filter
    • Opacity
    • Calc
    • CSS Spalten
  • Responsive Webdesign
    • Media Queries
    • Viewport Metatag
    • 'Mobile First' vs. 'Graceful Degradation'
    • Rastersysteme
    • Responsive Images
  • Brackets Einführung
    • Arbeitsbereich
    • Plugins
    • Mehrfache Cursors
    • Tastenkürzel

Schulungsinhalte – Tag 3:

  • Einführung in Chrome Developer Tools
  • Bootstrap
    • Einführung & Download
    • Dokumentation
    • Bootstrap Grid
  • Responsive Website Entwicklung mit Bootstrap
  • Responsive Navigationen
    • Off Canvas – wann macht es Sinn?
  • Demo Projekt ausarbeiten
    • Bootstrap Accordion
    • Slider einbauen
  • Performance Optimierungen
  • Hilfreiche Tipps & Tricks

Schulungsinhalte – Tag 4:

Optional – nach indiv. Vereinbarung

  • Individueller Workshop: Problemstellung – Konzeption – Umsetzung kundenspezifischer Beispielprojekte
  • Anwenden der gelernten Inhalte auf weiterführende Website-Projekte
  • Behandlung weiterführender Themen:
    • Bootstrap mit LESS anpassen
    • Einführung in LESS
    • Flexbox
    • u.a.

Dauer:

3 bis 4 Tage á 8 Unterrichtsstunden.(1) 
(9:30 Uhr bis ca. 16:30 Uhr)

Verfügbare Arbeitsplatz-Systeme:

Microsoft Windows und Apple MacOS/X

Weiter zu den Details…