際際滷

際際滷Share a Scribd company logo
Why Angular?
Sergey Bielanovskiy
There is no One size fits
all"
- not exists framework that will fit any situation
- in this slides outlined subjective opinion about frontend
framework selection that will fit next needs
- should work fast on wide range of devices
- should have strong architecture to force proper
development and reduce cost of changes
A few words about
competitors: React
- React
- simple enough solution with low learning curve
- seems best fit for one-man or just little teams
- probably can be built good enough solution with it,
but it will have frontendish smell, not OOP, SOLID
and so on
A few words about
competitors: Vue.js
- Vue.js
- fork of angularJS (first version of Angular), first
release 02.2014
- have very similar architecture to angular but more
loose
- again in pluses low learning curve but more robust
solution than on React
- team size 30 https://github.com/orgs/vuejs/people
- supported by enthusiasts
- sites that use https://madewithvuejs.com/
- Other
- maybe exists other but this seems most prominent
A few words about
competitors: Others
- maybe exists other but this seems most prominent
Angular overview
- Angular is rebuilt from ground up version of AngularJs,
firstsecond release 09.2016
- current version is 6, and Google promise 2 versions per
year
- robust solution but with higher learning curver than
competitors because of that
- supported by ~60 team members -
https://github.com/orgs/angular/people
- supported by Google
- https://www.madewithangular.com/
Speed
- angular has modular system that allow loading only
needed modules
- at septemberoctober in plan release of angular 7 that
besides others changes should bring new rendering
engine that should increase speed
- Ivy has been engineered with Tree shaking in mind, which
means that application bundles will only include the parts
of Angular source code that is actually used by the
application.
Documentation
- like Code Complete, it not just solve issues it enforce and
suggest best software engineering practices
- link with live examples where you can debug without
spending time for setup locally anything
Top Notch SEO
- really native seossr support done by guys that actually do
the search
DI
- inbuilt dependency injections system that helps code
organization, and enforce speed
Two Way Data Binding
- no code to populate input with data, just set this and model
will be loaded to display and changed
Styles organization
- have one global on app level and import it and separate on
component level
Project folder structure
example
- https://medium.com/@motcowley/angular-folder-structure-
d1809be95542
- great solution for really big projects
Architecture
- live example:https://angular.io/generated/live-examples/toh-pt3/stackblitz.html
- all decision is done, needed to force and follow, no discussions about this
Conclusion
- for me this is no brainer that Angular is best frontend
framework
- it is fast
- enforce best practices by design
- no discussions about how and so just focus on
implementation of the tasks, like with Symfony, in
doubts link to doc

More Related Content

What's hot (20)

Building SPAs with AngularJS
Building SPAs with AngularJSBuilding SPAs with AngularJS
Building SPAs with AngularJS
Cezar Carneiro
WordPress + react
WordPress + reactWordPress + react
WordPress + react
Amit Rathi
Tren Pengembangan Aplikasi Android di 2021 - Ahmad Arif Faizin
Tren Pengembangan Aplikasi Android di 2021 - Ahmad Arif FaizinTren Pengembangan Aplikasi Android di 2021 - Ahmad Arif Faizin
Tren Pengembangan Aplikasi Android di 2021 - Ahmad Arif Faizin
DicodingEvent
Some Serious Competition: Angular vs Ext JS
Some Serious Competition: Angular vs Ext JSSome Serious Competition: Angular vs Ext JS
Some Serious Competition: Angular vs Ext JS
Dieter Ziegler
Back to the ng2 Future
Back to the ng2 FutureBack to the ng2 Future
Back to the ng2 Future
Jeremy Likness
JHipster React - Devoxx BE 2017
JHipster React - Devoxx BE 2017JHipster React - Devoxx BE 2017
JHipster React - Devoxx BE 2017
Deepu K Sasidharan
React Native for multi-platform mobile applications - Matteo Manchi - Codemo...
React Native for multi-platform mobile applications  - Matteo Manchi - Codemo...React Native for multi-platform mobile applications  - Matteo Manchi - Codemo...
React Native for multi-platform mobile applications - Matteo Manchi - Codemo...
Codemotion
EECS 497 Intro
EECS 497 IntroEECS 497 Intro
EECS 497 Intro
Jill Bender
JHipster for Spring Boot webinar
JHipster for Spring Boot webinarJHipster for Spring Boot webinar
JHipster for Spring Boot webinar
Julien Dubois
Angularjs 5,6,7
Angularjs 5,6,7Angularjs 5,6,7
Angularjs 5,6,7
ankitarasal
Ng spain
Ng spainNg spain
Ng spain
Christoffer Noring
Parallel development of Web Apps | Codesushi - Gliwice 2017
Parallel development of Web Apps | Codesushi - Gliwice  2017Parallel development of Web Apps | Codesushi - Gliwice  2017
Parallel development of Web Apps | Codesushi - Gliwice 2017
Krzysztof (Chris) Ozog
Standing out as a new grad candidate
Standing out as a new grad candidateStanding out as a new grad candidate
Standing out as a new grad candidate
Sashko Stubailo
Angular Introduction
Angular IntroductionAngular Introduction
Angular Introduction
Anoop Kumar Sharma
Lessons learned from a large scale OSGi web app
Lessons learned from a large scale OSGi web appLessons learned from a large scale OSGi web app
Lessons learned from a large scale OSGi web app
Paul Bakker
Angular coding: from project management to web and mobile deploy
Angular coding: from project management to web and mobile deployAngular coding: from project management to web and mobile deploy
Angular coding: from project management to web and mobile deploy
Corley S.r.l.
Mvvm is like born fraction
Mvvm is like born fractionMvvm is like born fraction
Mvvm is like born fraction
Ken Haneda
Gdg makurdi
Gdg makurdiGdg makurdi
Gdg makurdi
Nishu Goel
Meetup 24/3/2016 - Node.js User Group Belgium
Meetup 24/3/2016 - Node.js User Group BelgiumMeetup 24/3/2016 - Node.js User Group Belgium
Meetup 24/3/2016 - Node.js User Group Belgium
Digipolis Antwerpen
6th Salesforce Developer Group - Bilbao
6th Salesforce Developer Group - Bilbao6th Salesforce Developer Group - Bilbao
6th Salesforce Developer Group - Bilbao
northspainsalesforcedevelopergroup
Building SPAs with AngularJS
Building SPAs with AngularJSBuilding SPAs with AngularJS
Building SPAs with AngularJS
Cezar Carneiro
WordPress + react
WordPress + reactWordPress + react
WordPress + react
Amit Rathi
Tren Pengembangan Aplikasi Android di 2021 - Ahmad Arif Faizin
Tren Pengembangan Aplikasi Android di 2021 - Ahmad Arif FaizinTren Pengembangan Aplikasi Android di 2021 - Ahmad Arif Faizin
Tren Pengembangan Aplikasi Android di 2021 - Ahmad Arif Faizin
DicodingEvent
Some Serious Competition: Angular vs Ext JS
Some Serious Competition: Angular vs Ext JSSome Serious Competition: Angular vs Ext JS
Some Serious Competition: Angular vs Ext JS
Dieter Ziegler
Back to the ng2 Future
Back to the ng2 FutureBack to the ng2 Future
Back to the ng2 Future
Jeremy Likness
JHipster React - Devoxx BE 2017
JHipster React - Devoxx BE 2017JHipster React - Devoxx BE 2017
JHipster React - Devoxx BE 2017
Deepu K Sasidharan
React Native for multi-platform mobile applications - Matteo Manchi - Codemo...
React Native for multi-platform mobile applications  - Matteo Manchi - Codemo...React Native for multi-platform mobile applications  - Matteo Manchi - Codemo...
React Native for multi-platform mobile applications - Matteo Manchi - Codemo...
Codemotion
EECS 497 Intro
EECS 497 IntroEECS 497 Intro
EECS 497 Intro
Jill Bender
JHipster for Spring Boot webinar
JHipster for Spring Boot webinarJHipster for Spring Boot webinar
JHipster for Spring Boot webinar
Julien Dubois
Angularjs 5,6,7
Angularjs 5,6,7Angularjs 5,6,7
Angularjs 5,6,7
ankitarasal
Parallel development of Web Apps | Codesushi - Gliwice 2017
Parallel development of Web Apps | Codesushi - Gliwice  2017Parallel development of Web Apps | Codesushi - Gliwice  2017
Parallel development of Web Apps | Codesushi - Gliwice 2017
Krzysztof (Chris) Ozog
Standing out as a new grad candidate
Standing out as a new grad candidateStanding out as a new grad candidate
Standing out as a new grad candidate
Sashko Stubailo
Lessons learned from a large scale OSGi web app
Lessons learned from a large scale OSGi web appLessons learned from a large scale OSGi web app
Lessons learned from a large scale OSGi web app
Paul Bakker
Angular coding: from project management to web and mobile deploy
Angular coding: from project management to web and mobile deployAngular coding: from project management to web and mobile deploy
Angular coding: from project management to web and mobile deploy
Corley S.r.l.
Mvvm is like born fraction
Mvvm is like born fractionMvvm is like born fraction
Mvvm is like born fraction
Ken Haneda
Gdg makurdi
Gdg makurdiGdg makurdi
Gdg makurdi
Nishu Goel
Meetup 24/3/2016 - Node.js User Group Belgium
Meetup 24/3/2016 - Node.js User Group BelgiumMeetup 24/3/2016 - Node.js User Group Belgium
Meetup 24/3/2016 - Node.js User Group Belgium
Digipolis Antwerpen

Similar to Why angular? (20)

What Are The Best Alternatives Of Angular_.pdf
What Are The Best Alternatives Of Angular_.pdfWhat Are The Best Alternatives Of Angular_.pdf
What Are The Best Alternatives Of Angular_.pdf
Moon Technolabs Pvt. Ltd.
LvivCSS: Web Components as a foundation for Design System
LvivCSS: Web Components as a foundation for Design SystemLvivCSS: Web Components as a foundation for Design System
LvivCSS: Web Components as a foundation for Design System
Vlad Fedosov
Angular
AngularAngular
Angular
TejinderMakkar
Learn reactjs, how to code with example and general understanding thinkwik
Learn reactjs, how to code with example and general understanding   thinkwikLearn reactjs, how to code with example and general understanding   thinkwik
Learn reactjs, how to code with example and general understanding thinkwik
Hetaxi patel
Angular js workshop
Angular js workshopAngular js workshop
Angular js workshop
Rolands Krumbergs
Web worker in your angular application
Web worker in your angular applicationWeb worker in your angular application
Web worker in your angular application
Suresh Patidar
AngularJS - A Powerful Framework For Web Applications
AngularJS - A Powerful Framework For Web ApplicationsAngularJS - A Powerful Framework For Web Applications
AngularJS - A Powerful Framework For Web Applications
Idexcel Technologies
Viacheslav Eremin interview about DOT NET (eng lang)
Viacheslav Eremin interview about DOT NET (eng lang)Viacheslav Eremin interview about DOT NET (eng lang)
Viacheslav Eremin interview about DOT NET (eng lang)
Viacheslav Eremin
MyReplayInZen
MyReplayInZenMyReplayInZen
MyReplayInZen
Viacheslav Eremin
10 Best Web Development Frameworks for Your Business Needs
10 Best Web Development Frameworks for Your Business Needs10 Best Web Development Frameworks for Your Business Needs
10 Best Web Development Frameworks for Your Business Needs
SofiaCarter4
Top Reasons to use the Angular Framework for developing Applications!
Top Reasons to use the Angular Framework for developing Applications!Top Reasons to use the Angular Framework for developing Applications!
Top Reasons to use the Angular Framework for developing Applications!
Shelly Megan
Passionate People Meetup - React vs Vue with a deepdive into Proxies
Passionate People Meetup - React vs Vue with a deepdive into ProxiesPassionate People Meetup - React vs Vue with a deepdive into Proxies
Passionate People Meetup - React vs Vue with a deepdive into Proxies
Harijs Deksnis
Code driven development in drupal
Code driven development in drupalCode driven development in drupal
Code driven development in drupal
Andriy Yun
Basics of Vue.js 2019
Basics of Vue.js 2019Basics of Vue.js 2019
Basics of Vue.js 2019
Paul Bele
Node.js Development Tools
 Node.js Development Tools Node.js Development Tools
Node.js Development Tools
SofiaCarter4
ReactJS vs Vue.js What to choose in 2019?
ReactJS vs Vue.js  What to choose in 2019?ReactJS vs Vue.js  What to choose in 2019?
ReactJS vs Vue.js What to choose in 2019?
PixelCrayons
Which technology has a better future_ AngularJS or ReactJS_.pdf
Which technology has a better future_ AngularJS or ReactJS_.pdfWhich technology has a better future_ AngularJS or ReactJS_.pdf
Which technology has a better future_ AngularJS or ReactJS_.pdf
Moon Technolabs Pvt. Ltd.
ReactJS with WordPress Headless Approach
ReactJS with WordPress Headless ApproachReactJS with WordPress Headless Approach
ReactJS with WordPress Headless Approach
JP Wallhorn
Reactjs
ReactjsReactjs
Reactjs
Mallikarjuna G D
tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...
tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...
tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...
Anil Sharma
What Are The Best Alternatives Of Angular_.pdf
What Are The Best Alternatives Of Angular_.pdfWhat Are The Best Alternatives Of Angular_.pdf
What Are The Best Alternatives Of Angular_.pdf
Moon Technolabs Pvt. Ltd.
LvivCSS: Web Components as a foundation for Design System
LvivCSS: Web Components as a foundation for Design SystemLvivCSS: Web Components as a foundation for Design System
LvivCSS: Web Components as a foundation for Design System
Vlad Fedosov
Learn reactjs, how to code with example and general understanding thinkwik
Learn reactjs, how to code with example and general understanding   thinkwikLearn reactjs, how to code with example and general understanding   thinkwik
Learn reactjs, how to code with example and general understanding thinkwik
Hetaxi patel
Web worker in your angular application
Web worker in your angular applicationWeb worker in your angular application
Web worker in your angular application
Suresh Patidar
AngularJS - A Powerful Framework For Web Applications
AngularJS - A Powerful Framework For Web ApplicationsAngularJS - A Powerful Framework For Web Applications
AngularJS - A Powerful Framework For Web Applications
Idexcel Technologies
Viacheslav Eremin interview about DOT NET (eng lang)
Viacheslav Eremin interview about DOT NET (eng lang)Viacheslav Eremin interview about DOT NET (eng lang)
Viacheslav Eremin interview about DOT NET (eng lang)
Viacheslav Eremin
10 Best Web Development Frameworks for Your Business Needs
10 Best Web Development Frameworks for Your Business Needs10 Best Web Development Frameworks for Your Business Needs
10 Best Web Development Frameworks for Your Business Needs
SofiaCarter4
Top Reasons to use the Angular Framework for developing Applications!
Top Reasons to use the Angular Framework for developing Applications!Top Reasons to use the Angular Framework for developing Applications!
Top Reasons to use the Angular Framework for developing Applications!
Shelly Megan
Passionate People Meetup - React vs Vue with a deepdive into Proxies
Passionate People Meetup - React vs Vue with a deepdive into ProxiesPassionate People Meetup - React vs Vue with a deepdive into Proxies
Passionate People Meetup - React vs Vue with a deepdive into Proxies
Harijs Deksnis
Code driven development in drupal
Code driven development in drupalCode driven development in drupal
Code driven development in drupal
Andriy Yun
Basics of Vue.js 2019
Basics of Vue.js 2019Basics of Vue.js 2019
Basics of Vue.js 2019
Paul Bele
Node.js Development Tools
 Node.js Development Tools Node.js Development Tools
Node.js Development Tools
SofiaCarter4
ReactJS vs Vue.js What to choose in 2019?
ReactJS vs Vue.js  What to choose in 2019?ReactJS vs Vue.js  What to choose in 2019?
ReactJS vs Vue.js What to choose in 2019?
PixelCrayons
Which technology has a better future_ AngularJS or ReactJS_.pdf
Which technology has a better future_ AngularJS or ReactJS_.pdfWhich technology has a better future_ AngularJS or ReactJS_.pdf
Which technology has a better future_ AngularJS or ReactJS_.pdf
Moon Technolabs Pvt. Ltd.
ReactJS with WordPress Headless Approach
ReactJS with WordPress Headless ApproachReactJS with WordPress Headless Approach
ReactJS with WordPress Headless Approach
JP Wallhorn
tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...
tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...
tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...
Anil Sharma

Recently uploaded (20)

Chemical_Safety | Chemical Safety Management | Gaurav Singh Rajput
Chemical_Safety | Chemical Safety Management | Gaurav Singh RajputChemical_Safety | Chemical Safety Management | Gaurav Singh Rajput
Chemical_Safety | Chemical Safety Management | Gaurav Singh Rajput
Gaurav Singh Rajput
LA11-Case study of motherboard and internal components of motheroard.docx
LA11-Case study of motherboard and internal components of motheroard.docxLA11-Case study of motherboard and internal components of motheroard.docx
LA11-Case study of motherboard and internal components of motheroard.docx
VidyaAshokNemade
BSS_1_E1.2_ElectromobilityElectromobility.pdf
BSS_1_E1.2_ElectromobilityElectromobility.pdfBSS_1_E1.2_ElectromobilityElectromobility.pdf
BSS_1_E1.2_ElectromobilityElectromobility.pdf
jungdan064
Virtual Power plants-Cleantech-Revolution
Virtual Power plants-Cleantech-RevolutionVirtual Power plants-Cleantech-Revolution
Virtual Power plants-Cleantech-Revolution
Ashoka Saket
Explainability and Transparency in Artificial Intelligence: Ethical Imperativ...
Explainability and Transparency in Artificial Intelligence: Ethical Imperativ...Explainability and Transparency in Artificial Intelligence: Ethical Imperativ...
Explainability and Transparency in Artificial Intelligence: Ethical Imperativ...
AI Publications
MODULE 01 - CLOUD COMPUTING [BIS 613D] .pptx
MODULE 01 - CLOUD COMPUTING [BIS 613D] .pptxMODULE 01 - CLOUD COMPUTING [BIS 613D] .pptx
MODULE 01 - CLOUD COMPUTING [BIS 613D] .pptx
Alvas Institute of Engineering and technology, Moodabidri
CS50x: CS50's Introduction to Computer Science.pdf
CS50x: CS50's Introduction to Computer Science.pdfCS50x: CS50's Introduction to Computer Science.pdf
CS50x: CS50's Introduction to Computer Science.pdf
Naiyan Noor
M21 BUILDING INFORMATION MODELLING - BIM.pdf
M21  BUILDING INFORMATION MODELLING - BIM.pdfM21  BUILDING INFORMATION MODELLING - BIM.pdf
M21 BUILDING INFORMATION MODELLING - BIM.pdf
Ajaharuddin1
windrose1.ppt for seminar of civil .pptx
windrose1.ppt for seminar of civil .pptxwindrose1.ppt for seminar of civil .pptx
windrose1.ppt for seminar of civil .pptx
nukeshpandey5678
22PCOAM16 ML UNIT 2 NOTES & QB QUESTION WITH ANSWERS
22PCOAM16 ML UNIT 2 NOTES & QB QUESTION WITH ANSWERS22PCOAM16 ML UNIT 2 NOTES & QB QUESTION WITH ANSWERS
22PCOAM16 ML UNIT 2 NOTES & QB QUESTION WITH ANSWERS
Guru Nanak Technical Institutions
Intro of Airport Engg..pptx-Definition of airport engineering and airport pla...
Intro of Airport Engg..pptx-Definition of airport engineering and airport pla...Intro of Airport Engg..pptx-Definition of airport engineering and airport pla...
Intro of Airport Engg..pptx-Definition of airport engineering and airport pla...
Priyanka Dange
"Introduction to VLSI Design: Concepts and Applications"
"Introduction to VLSI Design: Concepts and Applications""Introduction to VLSI Design: Concepts and Applications"
"Introduction to VLSI Design: Concepts and Applications"
GtxDriver
Electromechanical Engineering Portfolio RJH
Electromechanical Engineering Portfolio RJHElectromechanical Engineering Portfolio RJH
Electromechanical Engineering Portfolio RJH
rhoustonx1
Kamal 2, new features and practical examples
Kamal 2, new features and practical examplesKamal 2, new features and practical examples
Kamal 2, new features and practical examples
Igor Aleksandrov
Intro PPT SY_HONORS.pptx- Teaching scheme
Intro PPT SY_HONORS.pptx- Teaching schemeIntro PPT SY_HONORS.pptx- Teaching scheme
Intro PPT SY_HONORS.pptx- Teaching scheme
Priyanka Dange
Introduction to CLoud Computing Technologies
Introduction to CLoud Computing TechnologiesIntroduction to CLoud Computing Technologies
Introduction to CLoud Computing Technologies
cloudlab1
LA2-64 -bit assemby language program to count number of positive and negative...
LA2-64 -bit assemby language program to count number of positive and negative...LA2-64 -bit assemby language program to count number of positive and negative...
LA2-64 -bit assemby language program to count number of positive and negative...
VidyaAshokNemade
he Wright brothers, Orville and Wilbur, invented and flew the first successfu...
he Wright brothers, Orville and Wilbur, invented and flew the first successfu...he Wright brothers, Orville and Wilbur, invented and flew the first successfu...
he Wright brothers, Orville and Wilbur, invented and flew the first successfu...
HardeepZinta2
hyderabad ins tech and management cyber security
hyderabad ins tech and management cyber securityhyderabad ins tech and management cyber security
hyderabad ins tech and management cyber security
aramaky
OFFICE AUTOMATION USING ESP32 AND ESP RAINMAKER
OFFICE AUTOMATION USING ESP32 AND ESP RAINMAKEROFFICE AUTOMATION USING ESP32 AND ESP RAINMAKER
OFFICE AUTOMATION USING ESP32 AND ESP RAINMAKER
AdityaSK5
Chemical_Safety | Chemical Safety Management | Gaurav Singh Rajput
Chemical_Safety | Chemical Safety Management | Gaurav Singh RajputChemical_Safety | Chemical Safety Management | Gaurav Singh Rajput
Chemical_Safety | Chemical Safety Management | Gaurav Singh Rajput
Gaurav Singh Rajput
LA11-Case study of motherboard and internal components of motheroard.docx
LA11-Case study of motherboard and internal components of motheroard.docxLA11-Case study of motherboard and internal components of motheroard.docx
LA11-Case study of motherboard and internal components of motheroard.docx
VidyaAshokNemade
BSS_1_E1.2_ElectromobilityElectromobility.pdf
BSS_1_E1.2_ElectromobilityElectromobility.pdfBSS_1_E1.2_ElectromobilityElectromobility.pdf
BSS_1_E1.2_ElectromobilityElectromobility.pdf
jungdan064
Virtual Power plants-Cleantech-Revolution
Virtual Power plants-Cleantech-RevolutionVirtual Power plants-Cleantech-Revolution
Virtual Power plants-Cleantech-Revolution
Ashoka Saket
Explainability and Transparency in Artificial Intelligence: Ethical Imperativ...
Explainability and Transparency in Artificial Intelligence: Ethical Imperativ...Explainability and Transparency in Artificial Intelligence: Ethical Imperativ...
Explainability and Transparency in Artificial Intelligence: Ethical Imperativ...
AI Publications
CS50x: CS50's Introduction to Computer Science.pdf
CS50x: CS50's Introduction to Computer Science.pdfCS50x: CS50's Introduction to Computer Science.pdf
CS50x: CS50's Introduction to Computer Science.pdf
Naiyan Noor
M21 BUILDING INFORMATION MODELLING - BIM.pdf
M21  BUILDING INFORMATION MODELLING - BIM.pdfM21  BUILDING INFORMATION MODELLING - BIM.pdf
M21 BUILDING INFORMATION MODELLING - BIM.pdf
Ajaharuddin1
windrose1.ppt for seminar of civil .pptx
windrose1.ppt for seminar of civil .pptxwindrose1.ppt for seminar of civil .pptx
windrose1.ppt for seminar of civil .pptx
nukeshpandey5678
Intro of Airport Engg..pptx-Definition of airport engineering and airport pla...
Intro of Airport Engg..pptx-Definition of airport engineering and airport pla...Intro of Airport Engg..pptx-Definition of airport engineering and airport pla...
Intro of Airport Engg..pptx-Definition of airport engineering and airport pla...
Priyanka Dange
"Introduction to VLSI Design: Concepts and Applications"
"Introduction to VLSI Design: Concepts and Applications""Introduction to VLSI Design: Concepts and Applications"
"Introduction to VLSI Design: Concepts and Applications"
GtxDriver
Electromechanical Engineering Portfolio RJH
Electromechanical Engineering Portfolio RJHElectromechanical Engineering Portfolio RJH
Electromechanical Engineering Portfolio RJH
rhoustonx1
Kamal 2, new features and practical examples
Kamal 2, new features and practical examplesKamal 2, new features and practical examples
Kamal 2, new features and practical examples
Igor Aleksandrov
Intro PPT SY_HONORS.pptx- Teaching scheme
Intro PPT SY_HONORS.pptx- Teaching schemeIntro PPT SY_HONORS.pptx- Teaching scheme
Intro PPT SY_HONORS.pptx- Teaching scheme
Priyanka Dange
Introduction to CLoud Computing Technologies
Introduction to CLoud Computing TechnologiesIntroduction to CLoud Computing Technologies
Introduction to CLoud Computing Technologies
cloudlab1
LA2-64 -bit assemby language program to count number of positive and negative...
LA2-64 -bit assemby language program to count number of positive and negative...LA2-64 -bit assemby language program to count number of positive and negative...
LA2-64 -bit assemby language program to count number of positive and negative...
VidyaAshokNemade
he Wright brothers, Orville and Wilbur, invented and flew the first successfu...
he Wright brothers, Orville and Wilbur, invented and flew the first successfu...he Wright brothers, Orville and Wilbur, invented and flew the first successfu...
he Wright brothers, Orville and Wilbur, invented and flew the first successfu...
HardeepZinta2
hyderabad ins tech and management cyber security
hyderabad ins tech and management cyber securityhyderabad ins tech and management cyber security
hyderabad ins tech and management cyber security
aramaky
OFFICE AUTOMATION USING ESP32 AND ESP RAINMAKER
OFFICE AUTOMATION USING ESP32 AND ESP RAINMAKEROFFICE AUTOMATION USING ESP32 AND ESP RAINMAKER
OFFICE AUTOMATION USING ESP32 AND ESP RAINMAKER
AdityaSK5

Why angular?

  • 2. There is no One size fits all" - not exists framework that will fit any situation - in this slides outlined subjective opinion about frontend framework selection that will fit next needs - should work fast on wide range of devices - should have strong architecture to force proper development and reduce cost of changes
  • 3. A few words about competitors: React - React - simple enough solution with low learning curve - seems best fit for one-man or just little teams - probably can be built good enough solution with it, but it will have frontendish smell, not OOP, SOLID and so on
  • 4. A few words about competitors: Vue.js - Vue.js - fork of angularJS (first version of Angular), first release 02.2014 - have very similar architecture to angular but more loose - again in pluses low learning curve but more robust solution than on React - team size 30 https://github.com/orgs/vuejs/people - supported by enthusiasts - sites that use https://madewithvuejs.com/ - Other - maybe exists other but this seems most prominent
  • 5. A few words about competitors: Others - maybe exists other but this seems most prominent
  • 6. Angular overview - Angular is rebuilt from ground up version of AngularJs, firstsecond release 09.2016 - current version is 6, and Google promise 2 versions per year - robust solution but with higher learning curver than competitors because of that - supported by ~60 team members - https://github.com/orgs/angular/people - supported by Google - https://www.madewithangular.com/
  • 7. Speed - angular has modular system that allow loading only needed modules - at septemberoctober in plan release of angular 7 that besides others changes should bring new rendering engine that should increase speed - Ivy has been engineered with Tree shaking in mind, which means that application bundles will only include the parts of Angular source code that is actually used by the application.
  • 8. Documentation - like Code Complete, it not just solve issues it enforce and suggest best software engineering practices - link with live examples where you can debug without spending time for setup locally anything
  • 9. Top Notch SEO - really native seossr support done by guys that actually do the search
  • 10. DI - inbuilt dependency injections system that helps code organization, and enforce speed
  • 11. Two Way Data Binding - no code to populate input with data, just set this and model will be loaded to display and changed
  • 12. Styles organization - have one global on app level and import it and separate on component level
  • 13. Project folder structure example - https://medium.com/@motcowley/angular-folder-structure- d1809be95542 - great solution for really big projects
  • 14. Architecture - live example:https://angular.io/generated/live-examples/toh-pt3/stackblitz.html - all decision is done, needed to force and follow, no discussions about this
  • 15. Conclusion - for me this is no brainer that Angular is best frontend framework - it is fast - enforce best practices by design - no discussions about how and so just focus on implementation of the tasks, like with Symfony, in doubts link to doc