Webentwicklung 02: HTML5 & CSS3
HTML5 und CSS3 Praxisschulung

Du willst HTML5 und CSS3 schnell und effektiv lernen, um damit anspruchsvolle Webseiten erstellen zu können? Oder Du arbeitest bereits mit Tools, welche HTML5 und CSS3 Code generieren, aber willst gerne verstehen, was dieser Code eigentlich tut und wie Du ihn manuell anpassen und verbessern kannst? Dann ist dieser Kurs wie für Dich gemacht. In nur drei Tagen lernst Du alle wichtigen HTML5 Tags sowie die CSS3 Grundlagen und bist dann in der Lage, sowohl neue Webseiten von Grund auf entwickeln zu können als auch bestehenden HTML5 und CSS3 Code zu verstehen, erweitern und anzupassen. Erfahre mehr über diese HTML5 und CSS3 Praxisschulung...

Nutzen

  • Schneller und sicherer Einstieg in HTML5 und CSS3
  • Einarbeitungszeit in HTML5 und CSS3 deutlich verkürzen
  • Webseiten von Grund auf neu erstellen können 
  • Bestehenden HTML5 und CSS3 Code verstehen und anpassen

Diese HTML5 und CSS3 Schulung ist nach der im Patentamt angemeldeten und an der LMU über 10 Jahre erprobten Lehrmethode-Marke (RAED-METHOD) aufgebaut. Dabei wird die Theorie auf das Wesentliche reduziert und der Schwerpunkt auf die Praxis gesetzt. Ziel ist, dass Du im Anschluss an diese Schulung HTML5 und CSS3 Code in laufenden Projekten verstehen, anpassen und komplett neu schreiben kannst. Wir wollen nicht, dass Du nur die komplette Theorie über HTML5 und CSS3 vorgetragen bekommst und in ein paar Wochen wieder alles vergisst, sondern dass Du die wesentlichen Grundlagen auf eine Weise erlernst, so dass Du sie unmittelbar in der Praxis in Deinen laufenden Projekten einsetzen kannst. Können statt kennen ist unser Leitsatz. Deshalb basiert der Kurs auf vielen anschaulichen Beispielen und zu jedem Thema gibt es kleine Programmieraufgaben, die Du in kleinen homogenen Gruppen gemeinsam erarbeitest. Dieser spannende Kurs kombiniert die Freude am Lernen mit viel neuem Wissen.

Kursformate

1-Tages-Crash-Kurs

Live-Training

Live oder online large

Lehrmaterial

Lehrmaterial

Video-Clips

Video clips
3-Tages-Kurs

Live-Training

Live oder online large

Lehrmaterial

Lehrmaterial

Verpflegung

Snacks large
4-Wochen Trainingsprogramm

Live-Training

Online large

Lehrmaterial

Lehrmaterial

Video-Clips

Video clips

Alle Kurse beinhalten zusätzlich den zeitlich unbegrenzten Zugang zu unserem Member-Bereich mit vielen weiteren Videos, Tutorials und Infos rund ums Coden.

Inhalte

Der Kurs behandelt eine Auswahl folgender Themen:

  • HTML5 Basics
  • CSS3 Basics
  • Testing HTML
  • Structuring a Web Page
  • Formatting with CSS3
  • CSS Box Model
  • Creating Lists
  • Creating Links
  • Page Layout
  • Working with Images
  • Working with Tables
  • Working with Forms
  • Adding Audio 
  • Adding Videos
  • CSS3 Transitions
  • Designing a Website
  • Over 15 Workshops
  • Final Project

Für weitere Details bitte die untenstehende Agenda ansehen.

Vorkenntnisse

Dieser HTML5 und CSS3 Kurs richtet sich an Personen mit wenigen oder gar keinen Programmierkenntnissen, aber auch an Front-End Entwickler, die in kurzer Zeit einen tiefen und praktischen Einstieg in HTML5 und CSS3 haben wollen, um ihren durch andere Technologien automatisch generierten HTML5 Code zu verstehen und anzupassen.  Seminarteilnehmer sollten lediglich über Standard PC-Kenntnisse zu Windows, MacOS oder Linux verfügen. 

Inzwischen werden unsere Einsteigerseminare aber auch von Führungskräften gebucht, die ihre Teams im Bereich der Front-End Programmierung künftig besser steuern möchten und dazu HTML5 Grundkenntnisse und Fachbegriffe erlernen möchten. 

  • Individuell: wir gehen gezielt auf Dich ein und berücksichtigen Deine Vorkenntnisse, Wunschthemen und Schwerpunkte

  • Strukturiert und leicht verständlich

  • Bringe deine Karriere, Studium oder Ausbildung auf die nächste Stufe: mit Zertifikat

  • Sicher und eigenständig Programme entwickeln (ob privat, beruflich oder für dein Startup)

  • Viel, viel, viel Praxis: sofort anwendbare Ergebnisse

  • kleine Gruppen: max. 8 Teilnehmer im 3-Tages-Kurs max. 15 Teilnehmer im Online-Coaching

  • Von Experten nach der Raed- Methode® entwickelt & auf die Anforderungen von Tech-Unternehmen im Jahr 2020 ausgerichtet

  • E-Mail-Support auch nach Ende des Kurses

Kursbeschreibung

HTML5 ist die Sprache des Internets. Allein mit HTML5 und CSS3 kannst Du optisch ansprechende, responsive Webseiten mit grundlegenden Funktionen aufbauen. Responsiv bedeutet übrigens, dass die Seiten auf allen Geräten wie Rechner, Laptop, Tablett oder auf Smartphon nichtig dargestellt werden. Das alleine wäre ja schon fast genug. Uns reicht das aber nicht. In unserem HTML5 und CSS3 Grundkurs gehen wir sogar auf einfache webbasierte Spiele ein. 

Die meisten Webentwickler arbeiten heutzutage mit Content Management Systems wie WordPress, Joomla oder Drupal. Damit sind natürlich auch responsive Webseiten möglich. Jedoch sind HTML5 und CSS3 Kenntnisse selbst bei solchen CMS von Vorteil, wenn Du Inhalte, Bilder oder die Formatierung anpassen möchtest. Auch im Bereich Front-End Entwicklung existieren viele Technologien, die aus einem bestimmten Code in einer Programmiersprache HTML5 Code generien, z.B. Java Server Face (JSF), Vaadin oder GWT (Google Web Toolkit). Selbst da, sind grundlegenden Kenntnisse von HTML5 und CSS3 sehr hilfreich, um den generierten HTML Code zu verstehen und ggf. Zu verbessern.

Der HTML5 mit CSS3 Kurs vermittelt Dir Schritt für Schritt und praxisorientiert alle wichtigen graphischen Elementen von HTML5 und deren Formatierung mit CSS3.  Darauf hin lernst Du die Einbettung von JavaScript oder PHP Code innerhalb von HTML5 Segmenten. Anhand von vielen Beispielen und Workshops lernst Du in pair-programmeng Session mit anderen Teilnehmern, wie Du mit HTML5 und CSS komplette Seiten aufbauen, bearbeiten und modifizieren kannst. Dies ermöglicht optimale Erfahrungsaustausch und funktioniert nach 4 Augen-Prinzip. Was für viel Freude, Spaß und Erfolg bei den Teilnehmer sorgt. 

Der Kurs wird von Dozenten an Elite-Universitäten zusammen mit Profi Webentwickler sorgfältig vorbereitet und durchgeführt. Theorie trifft auf Praxis! Viele Beispiele zusammen mit spannenden Workshops begleiten Dich in den 3 Tagen Kurs und sorgen für ausgewogene Mischung. Eine maximale Teilnehmer von acht sorgt auf für eine optimale Betreuung.  Moderne Seminarräume, Laptops und Techniken stehen Dir im gesamten Kurs zur Verfügung. 

Für Dein Wohlbefinden sind auch ganztägig Getränke und ein warmes Mittagessen inklusive dabei, so dass Du sich nur auf das Wesentliche konzentrieren, nähmen auf die HTML5 Schulung und auf Ihren Erfolg dabei.  

Was lernst Du am ersten Tag?

Du lernst zügig und schnell das Grundgerüst von HTML5 Code und wie Du CSS3 zur Formatierung anwenden kannst. Du lernst die wichtigen HTML Befehle (Tags) zur Erstellung von einfachen Webseiten, wie Du Developer Tools auch einsetzen kannst und wie Du den Inhalt Deiner Seite mit internen oder externen CSS3 File formatieren kannst.  Du lernst am ersten Tag die wichtige Grundlagen von HTML5 und CSS3 und wie Du HTML Code auch testen und validieren kannst. Bereits nach dem ersten Tag kannst Du schöne Webseiten mit HTML5 und CSS3 programmieren.  

Was lernst Du am zweiten Tag?

Wir wollen gerne responsive Webseiten erstellen, also sie sollen auf allen Geräten richtig dargestellt werden. Dafür lernen wir weitere CSS Elemente wie z.B. CSS Box Model, CSS3 Media Queries und Responsive WD und erweitern unsere HTML5 Kenntnisse um das Erstellen von Listen aller Arten ob Unordered oder Ordered List sowie Links zu anderen Webseiten, zu Media Files und E-Mail Links.  Nach diesem Tag weißt Du, wie Du Deine Webseite responsive machen kannst. Eine kleine Einführung in JavaScript geben wir auch an diesem Tag, so dass Du auch dynamische Inhalte realisieren kannst. 

Was lernst Du am dritten Tag?

Am letzten Tag lernst Du fortgeschrittene HTML5 Elemente, damit Du große Projekte und recht anspruchsvolle Webseiten damit realisieren kannst. Dazu gehört Page Layout mit den unterschiedlichen Layouts wie Box, und Grid Layouts, Arbeiten mit Bildern und Videos, erstellen von Tabellen und Formularen sowie fortgeschrittene CSS3 Transitions wie Filters und Animationen und zum Schluss geben wir Dir die Best-Practice in Design Guidelines und schließen diese spannende Schulung mit einem Abschluss-Projekt, das dafür sorgt, dass Du das Gelernte in die Praxis umsetzt und die Zusammenhänge und Interaktionen zwischen verschiedenen Elementen auch lernst.  Freude und Erfolg werden Dich in diesem Kurs begleiten. 

Deine Trainer

Dieser HTML5 und CSS3 Kurs wird von einem der folgenden Trainer durchgeführt:

ZERTIFIKAT

Selbstverständlich erhältst Du als Teilnehmer am HTML5 und CSS3 Kurs ein Zertifikat. Voraussetzung dafür ist die komplette Teilnahme an allen Kurseinheiten und Programmier-Aufgaben und die erfolgreiche Programmierung eines kleinen Abschlussprojektes. Das allerdings wird Dir nach dieser intensiven HTML5 und CSS3 Schulung mehr Freude als Stress bereiten.

Agenda

Die Agenda ist aufgrund der zahlreichen Fachbegriffe in englischer Sprache verfasst. Beschreibungen sowie Kursmaterial bekommst Du auf Deutsch. Den Kurs kannst Du wahlweise in deutscher oder englischer Sprache buchen.

Alle Seminarinhalte werden individuell an die Wünsche unserer Teilnehmer angepasst. Sie können je nach Wissensstand variieren und werden gemeinsam mit dem Seminarleiter an Tag 1 definiert. Bei diesem Seminar hast Du die Wahl aus folgenden Themen:

HTML5 und CSS3 Schulung Tag 1

HTML5 Basics

  • Basic Structure
  • Coding elements
  • Coding tags
  • Coding attributes
  • Coding Comments
  • Coding Whitespace

CSS3 Basics

  • CSS Style Rules
  • CSS Comments
  • Coding Basic Selectors
  • Editing CSS3 File

Testing HTML5

  • Developer Tools
  • Testing a Web Page
  • Debugging a Web Page
  • Validating an HTML5 File
  • Validating a CSS3 File

Structuring a Webpage

  • Coding the Head Section
  • Coding Text Elements
  • Structuring the Content
  • Coding Lists and Images

Formatting with CSS3

  • Specifying measurements
  • Specifying Colors
  • Coding Selectors
  • Working with CSS
  • Working with Text
  • External CSS3 Files

HTML5 und CSS3 Schulung Tag 2

CSS3 Box Model

  • Box Model 
  • Sizing Elements
  • Spacing Elements
  • Setting Borders
  • Setting Backgrounds

Creating Lists

  • Unordered List
  • Ordered List

Creating Links

  • Linking to another page
  • Formatting Links
  • Linking to Media File
  • Creating E-Mail Link

Responsive Web Design

  • Introduction to Responsive WD
  • Implementing a fluid design
  • Using CSS3 Media Queries
  • A Responsive Web Page

Introduction to JavaScript

  • JavaScript in HTML5
  • JavaScript Functions

HTML5 und CSS3 Schulung Tag 3

Page Layout

  • Using CSS3 for Page Layout
  • Using Flexible Box Layout
  • Setting Flexbox Properties
  • Creating Basic Grid Layout
  • Defining the Grid Areas
  • Common Page Layouts

Working with Images

  • Including Images
  • Resizing an Image
  • Aligning and Floating an Image
  • The Picture Element
  • Doing Image Rollovers
  • Creating Image Maps

Working with Tables

  • Creating a Table
  • Merging Cells
  • Nested Tables
  • Responsive Tables

Working with Forms

  • Creating a Form
  • Creating a Button
  • Creating a Text Field
  • Creating Check Boxes
  • Creating Drop-Down Lists
  • Creating List Boxes
  • Creating Text Areas
  • Creating Labels
  • Grouping Controls
  • Uploading a File
  • Data Validation
  • HTML5 Controlls

Adding Audio and Videos

  • Adding Audio
  • Adding Videos
  • Browser Support
  • Encoding Media

CSS3 Transitions

  • CSS3 Transitions
  • CSS3 Transformations
  • CSS3 Animations
  • CSS3 Filters

Designing a Website

  • Design Guidelines
  • Final Project

Kursformate / Termine

1-Tages-Crash-Kurs

In München oder Online
830,00 €

3-Tages-Kurs

In München oder Online
ab 1.876,00 €

4-Wochen-Training

1.876,00 €
Einstieg jederzeit möglich

Für Teams

Haben Sie Interesse an einem Kurs für Ihr Team? Get in touch – wir finden eine perfekte Lösung. Gerne kommen unsere Profis auch zu Ihnen. Wir bieten u.a.:

  • Inhouse-Schulungen
  • Technisches Coaching
  • Consulting
Anfragen Anfragen

Fragen & Beratung

Unser Serviceteam berät Sie gerne persönlich. Mo-Fr von 9.00 bis 18.00 Uhr unter:
+49 89 17958-820
info@coding-academy.com

Referenzen

BMW Apple Draeger VW Sky Siemens 2000px TÜ V Süd Logo Agfa Kopie Samsung Fraunhofer
Kurs-Katalog Raketen-Kurse im Überblick: