SlideShare une entreprise Scribd logo
1  sur  6
Hello

Frontend Meetup Budapest, October
Barna Tóth

|

barna.toth@logmein.com
Why do we need templating?
jQuery
• Was a big leap forward
• Mark up nearly disappeared

Main mistake

• Simple tasks became complicated and hard to read
• Performance issues and vulnerabilities (XSS)

Templating
• Easy to see through
• Loose coupling between View and Controller
• Easibly testable
• Less code, more fun

MVC
Why AngularJS?
• Developed by Google
• Not only a MVC library but a whole framework
• Support for a wide variety of browsers (even ie7)
• Designed for testable code
• Dependency Injection
• Modularized

• Routing
• Built-in powerful features
• Good Docs
• Extension for HTML language
Robot Store Demo
https://github.com/Hacklone/HelloAngularJS-RobotStoreDemo
Questions?

Contenu connexe

En vedette

일하는 모든 이들을 위한 산재보험 10대 개혁 요구안
일하는 모든 이들을 위한 산재보험 10대 개혁 요구안일하는 모든 이들을 위한 산재보험 10대 개혁 요구안
일하는 모든 이들을 위한 산재보험 10대 개혁 요구안runkilsh
 
[2003] 현대삼호조선 노동자 근골격게 직업병 실태, 위험요인 및 노동강도 평가
[2003] 현대삼호조선 노동자 근골격게 직업병 실태, 위험요인 및 노동강도 평가[2003] 현대삼호조선 노동자 근골격게 직업병 실태, 위험요인 및 노동강도 평가
[2003] 현대삼호조선 노동자 근골격게 직업병 실태, 위험요인 및 노동강도 평가runkilsh
 
경희 보고서 1209
경희 보고서 1209경희 보고서 1209
경희 보고서 1209runkilsh
 
[2004] 사회보험 노동조합 경인본부 근골격계 직업병 실태 설문 결과
[2004] 사회보험 노동조합 경인본부 근골격계 직업병 실태 설문 결과[2004] 사회보험 노동조합 경인본부 근골격계 직업병 실태 설문 결과
[2004] 사회보험 노동조합 경인본부 근골격계 직업병 실태 설문 결과runkilsh
 
2014 6 일터
2014 6 일터2014 6 일터
2014 6 일터runkilsh
 
20140611 자료집 참사를막기위한출발선에서다
20140611 자료집 참사를막기위한출발선에서다20140611 자료집 참사를막기위한출발선에서다
20140611 자료집 참사를막기위한출발선에서다runkilsh
 
2014 4 일터
2014 4 일터2014 4 일터
2014 4 일터runkilsh
 
2014 4 일터
2014 4 일터2014 4 일터
2014 4 일터runkilsh
 

En vedette (10)

일하는 모든 이들을 위한 산재보험 10대 개혁 요구안
일하는 모든 이들을 위한 산재보험 10대 개혁 요구안일하는 모든 이들을 위한 산재보험 10대 개혁 요구안
일하는 모든 이들을 위한 산재보험 10대 개혁 요구안
 
[2003] 현대삼호조선 노동자 근골격게 직업병 실태, 위험요인 및 노동강도 평가
[2003] 현대삼호조선 노동자 근골격게 직업병 실태, 위험요인 및 노동강도 평가[2003] 현대삼호조선 노동자 근골격게 직업병 실태, 위험요인 및 노동강도 평가
[2003] 현대삼호조선 노동자 근골격게 직업병 실태, 위험요인 및 노동강도 평가
 
Nuts Carb
Nuts CarbNuts Carb
Nuts Carb
 
경희 보고서 1209
경희 보고서 1209경희 보고서 1209
경희 보고서 1209
 
2014 3 -_
2014 3 -_2014 3 -_
2014 3 -_
 
[2004] 사회보험 노동조합 경인본부 근골격계 직업병 실태 설문 결과
[2004] 사회보험 노동조합 경인본부 근골격계 직업병 실태 설문 결과[2004] 사회보험 노동조합 경인본부 근골격계 직업병 실태 설문 결과
[2004] 사회보험 노동조합 경인본부 근골격계 직업병 실태 설문 결과
 
2014 6 일터
2014 6 일터2014 6 일터
2014 6 일터
 
20140611 자료집 참사를막기위한출발선에서다
20140611 자료집 참사를막기위한출발선에서다20140611 자료집 참사를막기위한출발선에서다
20140611 자료집 참사를막기위한출발선에서다
 
2014 4 일터
2014 4 일터2014 4 일터
2014 4 일터
 
2014 4 일터
2014 4 일터2014 4 일터
2014 4 일터
 

Dernier

ENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptx
ENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptxENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptx
ENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptxAnaBeatriceAblay2
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfSumit Tiwari
 
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxHistory Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxsocialsciencegdgrohi
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
Science lesson Moon for 4th quarter lesson
Science lesson Moon for 4th quarter lessonScience lesson Moon for 4th quarter lesson
Science lesson Moon for 4th quarter lessonJericReyAuditor
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Biting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdfBiting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdfadityarao40181
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Celine George
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting DataJhengPantaleon
 
internship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developerinternship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developerunnathinaik
 

Dernier (20)

Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
ENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptx
ENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptxENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptx
ENGLISH5 QUARTER4 MODULE1 WEEK1-3 How Visual and Multimedia Elements.pptx
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
 
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxHistory Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
Science lesson Moon for 4th quarter lesson
Science lesson Moon for 4th quarter lessonScience lesson Moon for 4th quarter lesson
Science lesson Moon for 4th quarter lesson
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Biting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdfBiting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdf
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
 
internship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developerinternship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developer
 

Hello Angular js

  • 1. Hello Frontend Meetup Budapest, October Barna Tóth | barna.toth@logmein.com
  • 2. Why do we need templating? jQuery • Was a big leap forward • Mark up nearly disappeared Main mistake • Simple tasks became complicated and hard to read • Performance issues and vulnerabilities (XSS) Templating • Easy to see through • Loose coupling between View and Controller • Easibly testable • Less code, more fun MVC
  • 3.
  • 4. Why AngularJS? • Developed by Google • Not only a MVC library but a whole framework • Support for a wide variety of browsers (even ie7) • Designed for testable code • Dependency Injection • Modularized • Routing • Built-in powerful features • Good Docs • Extension for HTML language