ZFI Logo JWEB

Dieser Kurs kann jederzeit als Firmenkurs sowie als Privatkurs durchgeführt werden.

Kursbeschreibung

Der komplette Web-Entwickler-Kurs
Praxisnahes Erstellen von Webseiten mittels modernem HTML, CSS und Javascript / JQuery.

Verwandte Kurse

    Voraussetzungen

    • Schnelles Schreiben am Computer
    • Guter Umgang mit dem Computer
    • Gute allgemeine Informatik-Kenntnisse

    Teilnehmerbeitrag

    Der Teilnehmerbeitrag versteht sich rein netto. Das ZFI ist (gemäss MwSt-Gesetz) nicht Mehrwertsteuerpflichtig und erhebt somit keine MwSt. Bei länger als einen Monat dauernden Lehrgängen ist die Zahlung des Teilnehmerbeitrages in mehreren Raten möglich (pro rata temporis).

    Kursinhalt

    Welcome

    • Introduction of course participants & teacher
    • Discuss expectation and suggested procedure of course
    Getting started
    • Review the state of knowledge
    • Installing environment
    • Hello world page
    • Clone complex webpages
    • Analyse webpage
    HTML
    • Quick going through tags their usage
    • HTML5 / 6 tags
    • Forms
    • Get & post
    • Input types
    • Attributes
    • W3C as a reference
    CSS Part 1
    • CSS Introduction
    • Selector-Priority
    • All important CSS-Properties
    Legacy layout techniques
    • Table layout and where to use it (E-Mail)
    • Float layout and where to use it
    Modern layout techniques
    • Introduction to flexbox
    • Flexbox limitations
    • Support
    • Gradients
    Toolbox
    • Google Chrome inspector
    • Good references
    • Does and don’t
    CSS Part 2
    • Advanced CSS techniques
    • Responsiveness
    Typical HTML components
    • How to create a navbar
    • How to implement a responsive menu (without js)
    • How to create a three-column layout
    • How to create a footer
    Project 1:
    • Create a news portal site
    • Style the news portal site
    NPM
    • Introduction to node and npm
    Sass
    • Introduction to sass
    Gulp
    • What is gulp
    • How to use gulp
    • Compile sass
    CSS-Frameworks
    • What is a framework
    • Typical framework components
    Project 2:
    • Create your own little CSS framework
    JavaScript
    • Form validation
    • Accessing the DOM effectively
    • Project: Writing a JavaScript calculator
    • Event handling
    • Constructor functions
    • Drag and drop
    JavaScript ES6 / 7
    • Classes in JavaScript
    • What is new in ES6 / 7
    Project 3:
    • Simple JavaScript presentator tool
    HTML Part 2
    • Canvas
    • Geolocation API
    • Desktop-Messages
    • Request for access
    Project 4
    • Create an online CV-Application for yourself (another project)
    Review & further information
    • What’s next
    • Great blog posts & communities