Angular
Session 2: From HERO to SuperHERO
Do you Remember this ?
- Module
- Component
- Pipes
- Directives
- Metadata
- Services
- Dependency Injection
"MS Dhoni is a Microsoft Certified Professional Developer"
COMPONENTS
THE PARABLE OF THE TWO WATCHMAKERS
"Once upon a time, there were two watchmakers, named Hora and Tempus, who manufactured very fine watches...
Tempus
Hora
They both received a lot of orders and made lots of money...
However, Hora prospered while Tempus went broke and lost his shop...
WHY DID HORA SUCCEED?
Tempus' Manufacture
-
Consists of ~1000 parts
-
Assembled of individual parts in one go
-
Fell apart completely
Hora's Manufacture
-
Consists of ~1000 parts
-
Assembled of intermediate stable components
-
Fell apart into components only
...complex systems evolve from simple systems much more rapidly when there are stable intermediate forms...
Herbert A. Simon
Conclusion
Pages
We Tend to Develop on Two Levels
UI Elements
HIERARCHIC SYSTEMS
We need to build user interfaces like this...
...not like that
-
Should have Single Responsibility
-
Should be Simple
-
Should be Small
-
Should be Encapsulated
-
Should use Composition
5 Simple Rules for Components
Getting the semantics right, is the first step to a good application design.
-
UI Semantics
-
Domain Semantics
Semantic Levels in User Interfaces
-
Start with the smallest visible element
-
Try to apply UI Semantics
-
Try to apply Domain semantics
3 Simple Rules to Follow
USER INTERFACE DISSECTION EXCERCISE
What will be covered next?
- How to Handle Data for large scale applications with ngrx?
- Build routing with lazy loading
- How to write unit testing
- Performance checklist for Angular applications
Where to go from here?
- Do the exercise in the given slide
- Tweet @kookisajee
- We will meet again with the continued session "High level Angular application architecture"
- Join Stackoverflowers-SriLanka and volunteer Ng-SriLanka