CAS Applikationsentwicklung mit JavaScript & HTML5

Transkript

1 CAS Applikationsentwicklung mit JavaScript & HTML5

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

3 Hochwertige Webapplikationen sind nach dem Prinzip des Responsive-Designs aufgebaut, laufen auf verschiedensten Endgeräten und erfüllen die Anforderungen an eine moderne Software Architektur. Das CAS Applikationsentwicklung mit JavaScript & HTML5 (CAS HTML5) rüstet Softwareentwicklerinnen und entwickler mit dem Know-how aus, um robuste, benutzerfreundliche und sichere Webapplikationen zu entwickeln. 1 Umfeld HTML5 erlaubt es, plattformunabhängige, robuste und effiziente Applikationen zu realisieren. Mit den Libraries jquery und Angular, der Abstützung auf die Sprache JavaScript und ihre Erweiterung TypeScript, sowie einem starken Tool-Support bietet es zahlreiche Möglichkeiten für ein Software Engineering auf hohem Niveau. Hinzu kommen neue Architekturkonzepte wie Single-Page- Applications. Das HTML5 Ökosystem stellt heute die populärste Drehscheibe für moderne und flexible Webapplikationen dar. 2 Zielpublikum Das CAS HTML5 richtet sich an Softwareentwicklerinnen, Softwareentwickler sowie Applikationsverantwortliche, die Web-Lösungen mit Fokus auf HTML5 konzipieren und realisieren. 3 Voraussetzungen Sie bringen längere Erfahrung in der Softwareentwicklung mit. Von Vorteil sind solide Kenntnisse im OO-Umfeld (Analyse, Design, Realisierung mit einer OO- Sprache), Vertrautheit mit verteilten Systemen und Kenntnisse im Bereich Web- und Enterprise- Technologien. 4 Ausbildungsziele Sie können Applikationen effizient und kundengerecht auf Basis aktueller Web-Technologien realisieren. Sie kennen wichtige Protokolle, um externe Dienste zu nutzen, und können geeignete Schnittstellen definieren. Sie können die Integration von HTML5-Applikationen im Zusammenwirken mit der IT-Architektur im eigenen Unternehmen optimal gestalten. Study Guide CAS HTML5 3/11

4 5 Kursübersicht Kurs/Lehreinheit Präsenz (Lektionen) Projekt (Stunden in Eigenorganisation) Dozierende Grundlagen Web-Technologien 20 Martin Blumenthal HTML5 20 Martin Blumenthal JavaScript 36 Jonas Bandi JavaScript-Frameworks & Applikationsentwicklung 48 Jonas Bandi Interaction Design & Usability 16 Philipp Murkowsky Integrationsprojekt ~120 Total 140 ~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/11

5 6 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/11

6 7 en Nachfolgend sind die einzelnen Kurse dieses Studienganges beschrieben. 7.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 7.2 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 Study Guide CAS HTML5 6/11

7 7.3 JavaScript Lernziele Die Teilnehmenden: kennen die korrekte Anwendung von JavaScript. können JavaScript effizient einsetzen. Themen Grundlagen & Tooling ES5 Language Basics Object-Oriented and Functional JS Async JavaScript, Promises, Observables Korrekte Anwendung der JavaScript Sprachfeatures ES 2015 & TypeScript Lehrmittel Slides, Übungen und Code-Beispiele 7.4 JavaScript-Frameworks & Applikationsentwicklung Lernziele Die Teilnehmenden können Applikationen auf Basis von State of the Art JavaScript Frameworks Applikationen realisieren. Der Fokus liegt auf Angular. Themen JQuery und Lodash Angular (neueste Version) React und Redux VueJS Architektur und Kommunikation mit einem Backend Deployment-Szenarios Lehrmittel Slides, Übungen und Code-Beispiele Study Guide CAS HTML5 7/11

8 7.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. Die Teilnehmer erstellen ein Interaktionskonzept für ihr Integrationsprojekt und führen einfache Usability-Tests durch. Themen Grundlegende Usability-Regeln Grundprinzipien des Interaction Designs User-Centered Design Prozess Usability-Tests Lehrmittel Skript, das alle wesentlichen Lerninhalte umfasst 7.6 Integrationsprojekt Lernziele 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. Thema Anwenden der Lerninhalte an einer selbstdefinierten HTML5 Applikation. Study Guide CAS HTML5 8/11

9 8 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. 9 Lehrmittel Ergänzende Lehrmittel werden jeweils bei Start der Einzelkurse bekanntgegeben. Die Beschaffung liegt im Ermessen der Studierenden. 10 Dozierende Vorname Name Firma Martin Blumenthal NTS Workspace AG [email protected] Jonas Bandi IvoryCode GmbH [email protected] Philipp Murkowsky Puzzle ITC GmbH [email protected] Study Guide CAS HTML5 9/11

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

11 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 11/11