DATE: Thursday November 24th
LOCATION: Politecnico di Milano – Bovisa | Building BL27
Via R. Lambruschini, 4 – Milano
In your first Angular project, the framework helped you quickly create an HTML5 app. But you now face new challenges as the UI complexity increases and more code moves to the front-end. The workshop shares Patterns and Best Practices on how to structure and implement complex, real-world Angular apps
The workshop is full-day (8 hours) from 9:00 to 18:00, with one hour lunch break.
CHECK IN: 8:30 – 9:00
Every 8 hours workshop ticket costs:
– 150 € until the 22nd of September;
– 190 € from the 23rd of Septemeber to the 31st of October;
– 230 € from the 1st of November to the 16th of November;
– 250 € from the 17th of November to the end of sale.
In your first Angular project, you have experienced first hand how Angular lets developers from any background quickly create HTML5 apps. However, as the UI complexity increases and more code moves to the front-end, you face new challenges such as how to manage huge Controllers, avoid application fragility and increase code reuse. In the workshop, Carlo shares his experience in developing several large scale Angular applications in the last two years, and proposes Patterns and Best Practices on how to structure and implement complex, real-world Angular apps with a Component-based approach.
TABLE OF CONTENTS
– Issues and challenges in developing complex / large HTML5 applications
– From huge controllers and “scope soup” to Component-based Uis
– How to identify application Components
– How to develop a simple Component in Angular 1.5
– Adding inputs to the Component through bindings
– Returning outputs through events and callbacks
– Lifecycle callbacks
– How to interconnect multiple collaborating Components to achieve complex UI interactions
– “Smart”, “dumb” and “stateless” components
– When to use two-way DataBinding and when One-Way Data Flow
– From AngularJS 1.5 to Angular 2.0: syntax changes, but Component-based architecture remains
– How to incrementally upgrade an application from 1.5 to 2.0 with ng-upgrade
– Sidenote: performance tips
During the workshop, all concepts will be explained through extensive code examples, and participants will implement first-hand a simple but representative Component-based application using modern Angular 1.5 style and constructs.
A final lab will demonstrate porting the application to Angular 2.0.
The workshop will make you understand:
– The challenges in developing large/complex Angular applications
– The advantages of a Component-based approach to the UI
– The differences between various types and roles of UI components
After the workshops you will be able to:
– Design a complex UI by splitting it into separate, reusable components
– Implement the components in Angular JS 1.5
– Create complex interactions by having multiple components talk to each other
– If needed, incrementally port your application to Angular 2.0
WHO THE WORKSHOP IS DEDICATED TO?
AngularJS Developers who master the basics of the framework and would like to learn an effective approach to design and implement complex real-world Angular applications in a robust, modular and future-proof way
PREREQUISITES NEEDED FROM ATTENDEES
– Working knowledge of AngularJS syntax, Controllers and Services is required as these topics will NOT be explained in the workshop.
– Knowledge of AngularJS Directive is useful, but not required.
– Basic knowledge of HTML5 and of the DOM.
HARDWARE AND SOFTWARE REQUIREMENTS
– Web Browser (Chrome or Firefox)
– Text Editor (Sublime, Atom, Visual Studio Code,…) and/or IDE (Eclipse, NetBeans, Intellij, Visual Studio,.. )
– The Open Source Visual Studio Code editor is recommended to participants who have never used a JS-specific editor or IDE
Partecipants need to bring to the workshop their own laptop.
Seats are limited.
The workshop will be held only if the minimun number of attendees is reached.