One Framework to Rule Them All

35
ONE FRAMEWORK TO RULE THEM ALL SIRAR SALIH SOFTWARE ENGINEER

description

 

Transcript of One Framework to Rule Them All

Page 1: One Framework to Rule Them All

ONE FRAMEWORK TO RULE THEM ALL

SIRAR SALIH

SOFTWARE ENGINEER

Page 2: One Framework to Rule Them All

About me

C++

2D Games Algorithms

C#.NET

Desktop appsWeb apps

HTML 5JavaScript

Web apps

Page 3: One Framework to Rule Them All

About me

Page 4: One Framework to Rule Them All

HTML enhanced for web apps!

Page 5: One Framework to Rule Them All
Page 6: One Framework to Rule Them All

GET (once)

POST (later)

From wikipedia

Page 7: One Framework to Rule Them All

• Directives– Powerful, Angular-only feature– Simplify DOM manipulation by reusable custom functionality

• Data binding– Models

• Controllers– Behavior– Avoid DOM manipulation

• Form validation– Easy client-side validation

• Localization– Filter directives

• Testability– Designed to be testable– Easy dependency injection

• +++

Page 8: One Framework to Rule Them All

«With great power, comes great responsibility.» – Uncle Ben

Page 9: One Framework to Rule Them All

• Module– Sub-modules

Page 10: One Framework to Rule Them All

• Controller

Page 11: One Framework to Rule Them All

• Directive

Page 12: One Framework to Rule Them All

• Service– Data

Page 13: One Framework to Rule Them All

• Service– Data

Page 14: One Framework to Rule Them All

Demo time!

Page 15: One Framework to Rule Them All

Best Practices

Page 16: One Framework to Rule Them All

Naming Conventions

• File naming– mainCtrl.js– mainSvc.js– mainDirective.js

• JavaScript – mainController– mainService– mainDirective

• HTML– <main-directive></main-directive>

Page 17: One Framework to Rule Them All

Design Patterns

• Feature Pattern– Break into feature folders

Page 18: One Framework to Rule Them All

Design Patterns

• Enterprise Pattern– Break into component folders

Page 19: One Framework to Rule Them All

Design Patterns

• App Pattern– Break into module folders

Page 20: One Framework to Rule Them All

TDD All the Way

Page 21: One Framework to Rule Them All

«With great power, comes great responsibility.» – Uncle Ben

• Jasmine

Page 22: One Framework to Rule Them All

«With great power, comes great responsibility.» – Uncle Ben

• Jasmine

Page 23: One Framework to Rule Them All

«With great power, comes great responsibility.» – Uncle Ben

• Jasmine

Page 24: One Framework to Rule Them All

«With great power, comes great responsibility.» – Uncle Ben

• Karma test runner

Page 25: One Framework to Rule Them All

«With great power, comes great responsibility.» – Uncle Ben

• Karma test runner

Page 26: One Framework to Rule Them All

«With great power, comes great responsibility.» – Uncle Ben

• Karma coverage (Istanbul plugin)

Page 27: One Framework to Rule Them All

«With great power, comes great responsibility.» – Uncle Ben

• Karma coverage (Istanbul plugin)

Page 28: One Framework to Rule Them All

Test Automation

«With great power, comes great responsibility.» – Uncle Ben

Page 29: One Framework to Rule Them All

«With great power, comes great responsibility.» – Uncle Ben

• Grunt

Page 30: One Framework to Rule Them All

«With great power, comes great responsibility.» – Uncle Ben

• Karma TeamCity (TeamCity plugin)

Page 31: One Framework to Rule Them All

«With great power, comes great responsibility.» – Uncle Ben

• Karma TeamCity (TeamCity plugin)

Page 32: One Framework to Rule Them All

«With great power, comes great responsibility.» – Uncle Ben

• Karma TeamCity (TeamCity plugin)

Page 33: One Framework to Rule Them All

«With great power, comes great responsibility.» – Uncle Ben

• Karma coverage (Istanbul plugin)

Page 34: One Framework to Rule Them All

Thank you / Questions?

Blog: http://sirars.com/ • [email protected] / [email protected]• @SirarSalih

Page 35: One Framework to Rule Them All