CAS Applikationsentwicklung mit JavaScript & HTML5

Transkript

1 CAS Applikationsentwicklung mit JavaScript & HTML5

2 Inhaltsverzeichnis 1 Abstract 3 2 Umfeld und Motivation 3 3 Zielgruppe 3 4 Ausbildungsziele 3 5 Voraussetzungen 3 6 Kursübersicht 4 7 Kompetenzprofil 5 8 en Grundlagen Web-Technologien JavaScript JavaScript-Frameworks & Applikationsentwicklung HTML Interaction Design & Usability Integrationsprojekt 7 9 Kompetenznachweise, Qualifikation 8 10 Lehrmittel 8 11 Dozierende 8 12 Organisation 9 13 Termine 9 Study Guide CAS HTML5 2/10

3 1 Abstract Moderne Web-Technologien und aktuelle Browser bieten eine attraktive Plattform für flexible und plattformunabhängige Applikationen. Single-Page-Applikationen, HTML5 und Frameworks wie AngularJS ermöglichen die Realisierung von komplexen client-seitigen Anwendungen. Rund um JavaScript ist ein mächtiges Ökosystem von Entwicklungswerkzeugen entstanden. Das CAS Applikationsentwicklung mit JavaScript und HTML5 rüstet Sie mit dem notwendigen Knowhow aus. 2 Umfeld und Motivation Moderne Webapplikationen müssen heute höchsten Ansprüchen genügen: Sie sollen bedienbar sein wie native Rich-Client Anwendungen, nach dem Prinzip des Responsive-Design flexibel auf das Umfeld reagieren, auf klassischen Endgeräten wie auch auf Smartphones und z.b. Fernseher laufen, aktuellen Sicherheitsanforderungen genügen und gleichzeitig möglichst einfach und effizient entwickelt werden können. Noch vor 10 Jahren war dies undenkbar, heute mit dem HTML5-Standard und dank moderner Libraries wie jquery und grossen Frameworks wie AngularJS jedoch möglich. JavaScript kann mit Hilfe des entsprechenden Knowhows effizient und zielgerecht eingesetzt werden, um plattformunabhängige und effiziente Applikationen zu realisieren. 3 Zielgruppe Software-Entwickler und Applikationsverantwortliche, welche für die Konzeption und Realisierung von Applikationen auf Basis von JavaScript und HTML5 verantwortlich sind. 4 Ausbildungsziele Die Teilnehmenden: kennen die Technologien, Frameworks und Tools der modernen Web-Plattform können Applikationen effizient und kundengerecht auf Basis aktueller Web-Technologien realisieren. können die Integration von modernen Web-Applikationen im Zusammenwirken mit der IT- Architektur im eigenen Unternehmen optimal gestalten. 5 Voraussetzungen Ausbildung auf Stufe HF/FH in Informatik oder Engineering. Berufserfahrung in der Software-Entwicklung. Solide Kenntnisse im OO-Umfeld (Analyse, Design, Realisierung mit einer OO-Sprache). Vertrautheit mit verteilten Systemen. Kenntnisse im Bereich Web- und Enterprise-Technologien von Vorteil Study Guide CAS HTML5 3/10

4 6 Kursübersicht Kurs/Lehreinheit Präsenz (Lektionen) Projekt (Stunden in Eigenorganisation) Dozierende Grundlagen Web-Technologien 16 Martin Blumenthal JavaScript 36 Jonas Bandi JavaScript-Frameworks & Applikationsentwicklung 44 Jonas Bandi HTML5 20 Jonas Bandi Interaction Design & Usability 16 Philipp Murkowsky Integrationsprojekt ~120 Total 132 ~120 Das CAS umfasst insgesamt 12 ECTS Punkte. Für die einzelnen Kurse ist entsprechend Zeit für Selbststudium, Prüfungsvorbereitung etc. einzurechnen. Study Guide CAS HTML5 4/10

5 7 Kompetenzprofil Legende: 1. Kenntnisse von Begriffen, Definitionen und Regeln; Faktenwissen 2. Verstehen von Zusammenhängen, Erklären von Sachverhalte erklären können 3. Anwendung des Wissen in einfachen Situationen 4. Analyse der eigenen Lösung 5. Synthese neuer Lösungen und Anwendung in komplexen Situationen 6. Beurteilung der Anwendbarkeit für bestimmte Probleme und Situationen, methodische Abwägung und Evaluation von Alternativen, Beziehungen zu anderen Fachgebieten Study Guide CAS HTML5 5/10

6 8 en Nachfolgend sind die einzelnen Kurse dieses Studienganges beschrieben. 8.1 Grundlagen Web-Technologien Lernziele Die Teilnehmenden kennen die grundlegenden Technologien auf welchen moderne Webapplikationen aufbauen. Themen Grundlagen HTML, CSS Zusammenspiel HTML, CSS und JavaScript: Der DOM Webapplikationen und HTTP Responsive-Web mit Material Design Lehrmittel Slides, Übungen und Code-Beispiele 8.2 JavaScript Lernziele Die Teilnehmenden: kennen die korrekte Anwendung von JavaScript. können JavaScript effizient einsetzen. Themen Grundlagen & Tooling Korrekte Anwendung der JavaScript Sprachfeatures Struktur, Modularisierung, typische JavaScript-Patterns Lehrmittel Slides, Übungen und Code-Beispiele 8.3 JavaScript-Frameworks & Applikationsentwicklung Lernziele Die Teilnehmenden können Applikationen auf Basis von State oft he Art JavaScript Frameworks Applikationen realisieren. Der Fokus liegt auf AngularJS. Themen JQuery AngularJSAngular 2 und React Architektur und Kommunikation mit einem Backend Deployment-Szenarios Lehrmittel Slides, Übungen und Code-Beispiele Study Guide CAS HTML5 6/10

7 8.4 HTML5 Lernziele Die Teilnehmenden kennen die neuen Möglichkeiten von HTML5 und können diese einsetzen. Themen Übersicht über die neuen HTML5 Features und APIs Offline Web-Apps Persistenz WebSockets & WebWorkers Lehrmittel Slides, Übungen und Code-Beispiele 8.5 Interaction Design & Usability Lernziele - Die Teilnehmenden können elementare Prinzipien der Usability und des Interaction Designs erläutern und ihre eigenen Applikationen nach diesen Prinzipien gestalten. - Die Teilnehmer kennen die einzelnen Schritte eines User-Centered Design Prozesses und können diese erläutern. Themen Grundlegende Usability-Regeln Grundprinzipien des Interaction Designs User-Centered Design Prozess Lehrmittel Skript, das alle wesentlichen Lerninhalte umfasst 8.6 Integrationsprojekt Lernziele Thema Begleitend zu den einzelnen Fachkursen des CAS HTML5 wird ein Integrationsprojekt in einer Gruppenarbeit mit 4 bis 5 Mitgliedern durchgeführt. Das Projekt führt die behandelten Themen in einer grösseren Applikation zusammen. Die Ziele hierbei sind: Auswahl und Anwendung geeigneter Technologien Entwicklung einer grösseren HTML5-Applikation Umsetzung der Lerninhalte Das Thema und die eingesetzten Technologien wählt die Gruppe selbst. Ausser für Reviews besteht während der Durchführung keine Präsenzpflicht. Die Fachdozierenden stehen bei Bedarf und nach Absprache zur Verfügung. Falls mobile Aspekte berücksichtigt werden sollen, stehen ausgewählte Devices für Tests zur Ausleihe zur Verfügung. Anwenden der Lerninhalte an einer selbstdefinierten HTML5 Applikation. Study Guide CAS HTML5 7/10

8 9 Kompetenznachweise, Qualifikation Für die Anrechnung der 12 ECTS-Punkte ist das erfolgreiche Bestehen der Kompetenznachweise (Prüfungen, Projekt- und Gruppenarbeiten) erforderlich, gemäss folgender Aufstellung: Kompetenznachweis Gewicht Art der Qualifikation Erfolgsquote Studierende Grundlagen Web-Technologien 1 Prüfung 0-100% JavaScript 2 Prüfung 0-100% JavaScript-Frameworks & Applikationsentwicklung 2.5 Prüfung 0-100% HTML5 1 Prüfung 0-100% Interaction Design & Usability 1 Gruppenarbeit 0-100% Integrationsprojekt 2.5 Gruppenarbeit 0-100% Gesamtgewicht 10 Gesamterfolgsquote 0 100% ECTS Note A bis F Jeder Studierende kann in einem Kompetenznachweis eine Erfolgsquote von 0 bis 100% erarbeiten. Die gewichtete Summe aus den Erfolgsquoten pro Thema und dem Gewicht des Themas ergibt eine Gesamterfolgsquote zwischen 0 und 100%. Die Gesamterfolgsquote wird in eine ECTS Note A bis E umgerechnet, gemäss Studienreglement. Weniger als 50% Gesamterfolgsquote ergibt eine ungenügende Note F. 10 Lehrmittel Ergänzende Lehrmittel werden jeweils bei Start der Einzelkurse bekanntgegeben. Die Beschaffung liegt im Ermessen der Studierenden. 11 Dozierende Vorname Name Firma Martin Blumenthal NTS Workspace AG mb@nts.ch Jonas Bandi IvoryCode GmbH Jonas.bandi@ivorycode.com Philipp Murkowsky Puzzle ITC GmbH philipp.murkowsky@bfh.ch Study Guide CAS HTML5 8/10

9 12 Organisation CAS-Leitung: Beatrice Amrhein Tel: CAS-Administration: Andrea Moser Tel: Termine Daten: KW bis KW Dienstag, von 08:30 Uhr bis 16:15 Uhr Donnerstag, ab 16:30 Uhr Für das Integrationsprojekt ist genügend Zeit einzuplanen, siehe Kursübersicht. Study Guide CAS HTML5 9/10

10 Dokumenteninformation Study Guide CAS HTML Die Inhalte und Angaben in diesem Study Guide können sich bis zum Studienstart noch verändern. Berner Fachhochschule Technik und Informatik Weiterbildung Wankdorffeldstrasse 102 CH-3014 Bern Telefon ti.bfh.ch/weiterbildung ti.bfh.ch/cas-html5 Study Guide CAS HTML5 10/10