Applikationsentwicklung mit JavaScript & HTML5 (CAS HTML5)

Transkript

1 Certificate of Advanced Studies Applikationsentwicklung mit JavaScript & HTML5 (CAS HTML5) 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.

2 Zielpublikum Das CAS HTML5 richtet sich an Softwareentwicklerinnen, Softwareentwickler sowie Applikationsverantwortliche, die Web-Lösungen mit Fokus auf HTML5 konzipieren und realisieren. 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. 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. Kompetenzprofil Kompetenzstufen 1. Kenntnisse/Wissen 2. Verstehen 3. Anwenden 4. Analyse 5. Synthese 6. Beurteilung Termine, Anmeldung und Durchführungsort Kursstart Kalenderwoche 17. Anmeldeschluss Ende Kalenderwoche 13. Das CAS dauert ein Semester und findet an zwei Tagen pro Woche statt. Kurszeiten sind entweder von 08:30h bis 16:15h oder von 16:30h bis 19:45h. Berner Fachhochschule, Weiterbildung, Wankdorffeldstrasse 102, 3014 Bern, Telefon ,

3 Inhaltsverzeichnis 1 Umfeld 4 2 Zielpublikum 4 3 Voraussetzungen 4 4 Ausbildungsziele 4 5 Kursübersicht 5 6 Kompetenzprofil 6 7 en Grundlagen Web-Technologien JavaScript HTML JavaScript-Frameworks & Applikationsentwicklung Interaction Design & Usability Integrationsprojekt 9 8 Kompetenznachweise 9 9 Ergänzende Lehrmittel Dozierende Organisation Termine 10

4 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 Frameworks wie Angular und React, 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 4/11

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

6 6 Kompetenzprofil Legende: 1. Kenntnisse von Begriffen, Definitionen und Regeln; Faktenwissen 2. Verstehen von Zusammenhängen, Sachverhalte erklären können 3. Anwendung des Wissens 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 6/11

7 7 en Nachfolgend sind die einzelnen Kurse dieses Studienganges beschrieben. Der Begriff Kurs schliesst alle Veranstaltungstypen ein, es ist ein zusammenfassender Begriff für verschiedene Veranstaltungstypen wie Vorlesung, Lehrveranstaltung, Fallstudie, Living Case, Fach, Studienreise, Semesterarbeiten usw. 7.1 Grundlagen Web-Technologien Lernziele Die Teilnehmenden kennen die grundlegenden Technologien auf welchen moderne Webapplikationen aufbauen. Themen Grundlagen HTML, CSS Webapplikationen in der Praxis Webapplikationen gestern, heute und morgen Lehrmittel Slides, Übungen und Code-Beispiele 7.2 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.3 HTML5 Lernziele Die Teilnehmenden kennen die neuen Möglichkeiten von HTML5 und können diese einsetzen. Themen Einblick über die neuen HTML5 Features und APIs Forms, Drag & Drop Storage, Notifications Web Socket Web- und Service Worker Lehrmittel Slides, Übungen und Code-Beispiele Study Guide CAS HTML5 7/11

8 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 den Single Page Application Framworks Angular und React. Themen Angular (neueste Version) React und Redux VueJS Architektur und Kommunikation mit einem Backend Deployment-Szenarios Lehrmittel Slides, Übungen und Code-Beispiele 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 in Form von Wireframes und Mockups. Themen Grundlegende Usability-Regeln Grundprinzipien des Interaction Designs User-Centered Design Prozess Wireframes und Mockups Lehrmittel Skript, das alle wesentlichen Lerninhalte umfasst Study Guide CAS HTML5 8/11

9 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ählen 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. Themen Anwenden der Lerninhalte an einer selbstdefinierten HTML5 Applikation. 8 Kompetenznachweise Für die Anrechnung der 12 ECTS-Punkte ist das erfolgreiche Bestehen der Qualifikationsnachweise (Prüfungen, Projektarbeiten) erforderlich, gemäss folgender Aufstellung: Kompetenznachweis Gewicht Art der Qualifikation Erfolgsquote Studierende JavaScript 2 Prüfung 0-100% JavaScript-Frameworks & Applikationsentwicklung 2.5 Prüfung 0-100% HTML5 2 Prüfung 0-100% Interaction Design & Usability 1 Gruppenarbeit 0-100% Integrationsprojekt 2.5 Gruppenarbeit 0-100% Gesamtgewicht 10 ECTS-Note A - F Alle Studierenden können in einem Qualifikationsthema 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. Study Guide CAS HTML5 9/11

10 9 Ergänzende 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 Jonas Bandi IvoryCode GmbH Stephan Fischli BFH Philipp Murkowsky Puzzle ITC GmbH 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 Dieser Study Guide gilt für die Publikation ab Frühlingsemester Während der Durchführung des CAS können sich Anpassungen bezüglich Inhalten, Lernzielen, Dozierenden und Kompetenznachweisen ergeben. Es liegt in der Kompetenz der Dozierenden und der Studienleitung, aufgrund der aktuellen Entwicklungen in einem Fachgebiet, der konkreten Vorkenntnisse und Interessenslage der Teilnehmenden, sowie aus didaktischen und organisatorischen Gründen Anpassungen im Ablauf eines CAS vorzunehmen. 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