CAS Applikationsentwicklung mit JavaScript & HTML5

Transkript

1 CAS Applikationsentwicklung mit JavaScript & HTML5 Frühlingssemester 2015

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 HTML Applikationsintegration Integrationsprojekt 7 9 Kompetenznachweise, Qualifikation 8 10 Lehrmittel 8 11 Dozierende 8 12 Organisation 9 13 Termine 9 Study Guide CAS HTML5 Frühlingssemester /10

3 1 Abstract Aktuelle Frameworks wie Single-Page-Applications mit AngularJS sind zusammen mit HTML5 zur Drehscheibe für moderne, flexible und plattformunabhängige Applikationen geworden. Das CAS Applikationsentwicklung mit JavaScript und HTML5 rüstet Sie mit dem notwendigen Know-how 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 dank moderner Libraries wie jquery und grossen Frameworks wie AngularJS jedoch möglich. Javascript kann mit entsprechendem Know-How 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 Applikation auf Basis von Javascript und HTML5 verantwortlich sind. 4 Ausbildungsziele Die Teilnehmenden: können Applikationen effizient und kundengerecht auf Basis aktueller Web-Technologien realisieren. kennen wichtige Protokolle, um externe Dienste zu nutzen und können geeignete Schnittstellen definieren. können die Integration von HTML5-Applikationen im Zusammenwirken mit der IT-Architektur im eigenen Unternehmen optimal gestalten, insbesondere unter Nutzung von firmeneigenen Service- Schnittstellen oder global verfügbaren Cloud-Diensten (PaaS- und SaaS-Services). 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 Frühlingssemester /10

4 6 Kursübersicht Kurs/Lehreinheit Präsenz (Lekt ionen) Projekt (Stunden in Eigenorganisation) Dozierende Grundlagen Web-Technologien 16 Philippe Seewer Javascript 24 Jonas Bandi Javascript-Frameworks 28 Jonas Bandi HTML5 20 Jonas Bandi Applikationsintegration 24 Philippe Seewer, Jonas Bandi Usability 8 Philipp Murkowsky Integrationsprojekt ~120 Tot al 120 ~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 Frühlingssemester /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 Frühlingssemester /10

6 8 en Nachfolgend sind die einzelnen Kurse dieses Studienganges beschrieben. 8.1 Grundlagen Web-Technologien 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 Lehrmittel Skript, das alle wesentlichen Lerninhalte umfasst 8.2 Javascript 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 Skript, das alle wesentlichen Lerninhalte umfasst 8.3 JavaScript-Frameworks Die Teilnehmenden können Applikationen auf Basis von jquery und AngularJS effizient umsetzen. Themen JQuery (1 Tag) AngularJS (2 Tage) Bootstrap (½ Tag) Lehrmittel Skript, das alle wesentlichen Lerninhalte umfasst Study Guide CAS HTML5 Frühlingssemester /10

7 8.4 HTML5 Die Teilnehmenden kennen die neuen Möglichkeiten die HTML5 bringt und können diese einsetzen. Themen Übersicht neue HTML5 Features und APIs Offline Web-Apps Persistenz Canvas WebSockets & WebWorkers Lehrmittel Skript, das alle wesentlichen Lerninhalte umfasst 8.5 Applikationsintegration Die Teilnehmenden sind in der Lage HTML5-Applikationen optimal in das Unternehmensumfeld zu integrieren. Themen Integration Frontend und Backend: Webservices (SOAP, REST), Security (Authentisierung, Sessionhandling, Cross-Site-Problematik) Projektintegration: Technologiebruchproblematik, Integration in Build- Systeme, Deployment in Enterprise-Umgebungen Integration in mobile Frameworks: Apache Cordova Lehrmittel Skript, das alle wesentlichen Lerninhalte umfasst 8.6 Integrationsprojekt 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ürtests zur Ausleihe zur Verfügung. Thema Entwicklung einer grösseren Applikation. Study Guide CAS HTML5 Frühlingssemester /10

8 9 Kompetenznachweise, Qualifikation Für die Anrechnung der 12 ECTS-Punkte ist das erfolgreiche Bestehen der Kompetenznachweise (Prüfungen, Projektarbeiten) erforderlich, gemäss folgender Aufstellung: Kompetenznachweis Gewicht Art der Qualifikation Erfolgsquote St udierende Grundlagen Web-Technologien 1 Prüfung 0-100% Javascript 1.5 Prüfung 0-100% Javascript-Frameworks 1.5 Prüfung 0-100% HTML5 1.5 Prüfung 0-100% Applikationsintegration 1 Prüfung 0-100% Usability 0.5 Prüfung 0-100% Integrationsprojekt 3 Gruppenarbeit 0-100% Gesamtgewicht 10 Gesamterfolgsquote 0 100% ECTS Not e 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 Philippe Seewer BFH philippe.seewer@bfh.ch Jonas Bandi BFH jonas.bandi@bfh.ch Philipp Murkowsky Puzzle ITC GmbH philipp.murkowsky@bfh.ch Study Guide CAS HTML5 Frühlingssemester /10

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

10 Dokumenteninformation Study Guide CAS HTML5 FS 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 Frühlingssemester /10