DATE: Wednesday the 25th of March
Many services and applications have demonstrated the power of HTML5 platform. However, designing, building and maintaining a complex JS app is a challenge. The workshop presents an ever more popular Open Source framework, the extremely robust, productive and simple Angular JS (updated for 1.3).
The workshop is full-day (8 hours) from 9:00 to 18:00, with one hour lunch break.
c/o Polo Didattico | Piazza Oderico da Pordenone – 00145 – Rome
CHECK IN: 8:30 – 9:00
Super Early Bird: 105 €,from the 28 th of January to the 17 th of February;
Early Bird: 125 €,from the 18 th of February to the 4 th of March;
Full: 145 €, from the 5th of March to the end of the sales.
“The workshop presents an ever more popular and Open Source framework, the extremely robust, productive and simple Angular JS.
Angular JS provides a set of almost “magic” tools that simplify front-end development, making it remarkably easier to:
-develop web apps that can be ported on Desktop & Mobile
-easy to test
-extremely modular and reusable
-easy to integrate with graphic resources (CSS, HTML), integrated Designer->Developer workflow
while at the same time being extremely productive
The workshop has been fully updated with new features of Angular 1.3, and the roadmap to 1.4/2.0.
TABLE OF CONTENTS
“Features of a modern HTML5 web application
-ease of use
-responsive design and multi-device support
-REST services integration
Limitation of traditional frameworks
The ideal framework
An example: managing online orders for Pizza5 franchise
Enter Angular JS
Main concepts: MVC, data binding, HTML-oriented
Lab: writing Pizza5 Home Page
Data binding (two-way, applied to both values and tag attributes)
Lab: customer registration form
From Data Binding to MVC / MVVM
-controllers and their role
-form values initialization
-basic form definition and validations
Lab: defining model and controller for pizza menu and order cart
Managing state with scopes (local and global)
Lab: sharing data between page sections
Development and Debug tools: AngularJS Batarang, Angular Hint
Advanced Data Binding: iterating on collections
Lab: generating the pizza menu
Writing controllers: reacting to page events and user actions
-the “”controller as”” approach
Lab: adding pizzas to cart
Lab: filtering pizzas by name and ingredients
AngularJS’s secret: Dependency Injection
-what is it?
-how to configure it
Lab: creating a Service
Accessing Back-End resources
Lab: integrating REST services with $resource
Lab: splitting the menu and cart modules
Navigation, $routeProvider, partial views
Lab: splitting the app in navigable and bookmarkable sections
Test support (in two minutes)
Lab: unit testing controllers
References for further exploration
-Angular-ready component libraries
-integrating custom code
-what are directives?
-Angular Material Design
“This workshop distilles a mix of theory and practice. Course topics will be explored by developing a simple but realistic web application, and Angular APIs and features will be introduced and demonstrated by implementing the requirements of a modern HTML5 app:
-integration with REST or event-based backends
-integrating components of heterogeneous libraries
-managing state and browser history
At the end of the workshop the learner will have acquired the tools and know-how needed to structure an AngularJS applications, including
-Angular features and potential
-the why’s and how’s of MVC
-exploiting Dependency Injection for modular and reusable apps
-making testing easier
The minimum necessary theory, and lots of examples and experiments to learn “hands on”.
WHO THE WORKSHOP IS DEDICATED TO?
NEEDED FROM ATTENDEES
Familiarity with HMTL and basic knowledge of programming language.
HARDWARE AND SOFTWARE REQUIREMENTS
The workshop will be held only if the minimun number of attendees is reached