SlideShare a Scribd company logo
1 of 9
Explorons AngularJS
[EN]Let’s explore AngularJS
Sacha Leprêtre
@sachalepretre
2013-06-26
Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal
Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal
ANGULARJS http://angularjs.org
• Un cadre de développement MVC Javascript
de Google
• Mais en fait, c’est bien plus que ça…
[EN]
• Google Javascript MVC Framework
• But more than a framework…
ANGULARS c’est quoi ?(30 min de parole)
[EN] What it is ? (30 min of speech)
• MVC
• Binding (monodirectionnel, bidirectionnel, intelligent, compilation, linkage) [EN] (one way
/2 ways/ smart, compile, link)
• Injection
• Template
• Directives WOW ! DSL Domain Specific Language http://en.wikipedia.org/wiki/Domain-
specific_language
• Jquery lite
• Routes I18N etc…
• + yeoman, WS, grunt, Karma
Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal
Impact au w3c
[EN] Impact on w3c
• Web components
http://www.w3.org/TR/2013/WD-
components-intro-20130606/
• MDV (Model Driven View)
… une prochaine présentation au GDG Montréal
[EN] … will be a next talk at GDG
Montrealhttp://www.polymer-project.org/
Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal
Jouons avec AngularJS
[EN] Let’s play with AngularJS
Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal
Jouons avec AngularJS
[EN] Let’s play with AngularJS
Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal
Jouons avec AngularJS
[EN] Let’s play with AngularJS
(Two-way binding)
Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal
Directives
Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal
Plus d’explications…
[EN] More explanation…
Questions ?
Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal

More Related Content

Viewers also liked

4 lnpt nota kemasukan penilaian prestasi pyd (4)
4 lnpt nota kemasukan penilaian prestasi pyd (4)4 lnpt nota kemasukan penilaian prestasi pyd (4)
4 lnpt nota kemasukan penilaian prestasi pyd (4)
Zulkanadi Garip
 
Comunidades 9
Comunidades 9Comunidades 9
Comunidades 9
granate2
 

Viewers also liked (20)

Dr.nanyingi ifvm cc_2012
Dr.nanyingi ifvm cc_2012 Dr.nanyingi ifvm cc_2012
Dr.nanyingi ifvm cc_2012
 
BENBROOK
BENBROOKBENBROOK
BENBROOK
 
Saving Cane Toads
Saving Cane ToadsSaving Cane Toads
Saving Cane Toads
 
Chrome Dev Summit Summary 2013 part 1 - what’s hot ?
Chrome Dev Summit Summary 2013 part 1 - what’s hot ?Chrome Dev Summit Summary 2013 part 1 - what’s hot ?
Chrome Dev Summit Summary 2013 part 1 - what’s hot ?
 
4 lnpt nota kemasukan penilaian prestasi pyd (4)
4 lnpt nota kemasukan penilaian prestasi pyd (4)4 lnpt nota kemasukan penilaian prestasi pyd (4)
4 lnpt nota kemasukan penilaian prestasi pyd (4)
 
Fernox Product Presentation
Fernox Product PresentationFernox Product Presentation
Fernox Product Presentation
 
ICT, IT market and HR in Colombia
ICT, IT market and HR in Colombia ICT, IT market and HR in Colombia
ICT, IT market and HR in Colombia
 
History of Google Local from 2004-2011
History of Google Local from 2004-2011 History of Google Local from 2004-2011
History of Google Local from 2004-2011
 
Bridging The Gap Executive Summary Dutch
Bridging The Gap Executive Summary DutchBridging The Gap Executive Summary Dutch
Bridging The Gap Executive Summary Dutch
 
Business Process Management Presentation
Business Process Management PresentationBusiness Process Management Presentation
Business Process Management Presentation
 
Presentaciónweb
PresentaciónwebPresentaciónweb
Presentaciónweb
 
Imágenes biofísica clase inaugural
Imágenes biofísica clase inauguralImágenes biofísica clase inaugural
Imágenes biofísica clase inaugural
 
Presentaciónweb
PresentaciónwebPresentaciónweb
Presentaciónweb
 
Benedicto16 año.fe15.yo creo en dios el padre todopoderoso
Benedicto16 año.fe15.yo creo en dios el padre todopoderosoBenedicto16 año.fe15.yo creo en dios el padre todopoderoso
Benedicto16 año.fe15.yo creo en dios el padre todopoderoso
 
Gavina01 (1) - I Jornada del Fòrum CIS
Gavina01 (1) - I Jornada del Fòrum CISGavina01 (1) - I Jornada del Fòrum CIS
Gavina01 (1) - I Jornada del Fòrum CIS
 
Web 2.0 e..
Web 2.0 e..Web 2.0 e..
Web 2.0 e..
 
Ein griechischer akademiker geißelt die empörende ausbeutung der lager von ti...
Ein griechischer akademiker geißelt die empörende ausbeutung der lager von ti...Ein griechischer akademiker geißelt die empörende ausbeutung der lager von ti...
Ein griechischer akademiker geißelt die empörende ausbeutung der lager von ti...
 
Benedicto16 año.fe.5.caminos al conocimiento dios
Benedicto16 año.fe.5.caminos al conocimiento diosBenedicto16 año.fe.5.caminos al conocimiento dios
Benedicto16 año.fe.5.caminos al conocimiento dios
 
Primaria
PrimariaPrimaria
Primaria
 
Comunidades 9
Comunidades 9Comunidades 9
Comunidades 9
 

Similar to Let's explore AngularJS / [fr]Explorons AngularJS. GDG Montreal

Prototyping app using JS and HTML5 (Ciklum Kharkiv)
Prototyping app using JS and HTML5 (Ciklum Kharkiv)Prototyping app using JS and HTML5 (Ciklum Kharkiv)
Prototyping app using JS and HTML5 (Ciklum Kharkiv)
Yuriy Silvestrov
 
Lesson 203 18 sep13-1500-ay
Lesson 203 18 sep13-1500-ayLesson 203 18 sep13-1500-ay
Lesson 203 18 sep13-1500-ay
Codecademy Ren
 

Similar to Let's explore AngularJS / [fr]Explorons AngularJS. GDG Montreal (20)

AngularJS - What is it & Why is it awesome ? (with demos)
AngularJS - What is it & Why is it awesome ? (with demos)AngularJS - What is it & Why is it awesome ? (with demos)
AngularJS - What is it & Why is it awesome ? (with demos)
 
Angular JS - Introduction
Angular JS - IntroductionAngular JS - Introduction
Angular JS - Introduction
 
Angular JS, A dive to concepts
Angular JS, A dive to conceptsAngular JS, A dive to concepts
Angular JS, A dive to concepts
 
Integrating AngularJS into the Campus CMS
Integrating AngularJS into the Campus CMSIntegrating AngularJS into the Campus CMS
Integrating AngularJS into the Campus CMS
 
A socially Geo-localized Web
A socially Geo-localized WebA socially Geo-localized Web
A socially Geo-localized Web
 
Building Better Web Apps with Angular.js (SXSW 2014)
Building Better Web Apps with Angular.js (SXSW 2014)Building Better Web Apps with Angular.js (SXSW 2014)
Building Better Web Apps with Angular.js (SXSW 2014)
 
Prototyping app using JS and HTML5 (Ciklum Kharkiv)
Prototyping app using JS and HTML5 (Ciklum Kharkiv)Prototyping app using JS and HTML5 (Ciklum Kharkiv)
Prototyping app using JS and HTML5 (Ciklum Kharkiv)
 
JS FAST Prototyping with AngularJS & RequireJS
JS FAST Prototyping with AngularJS & RequireJSJS FAST Prototyping with AngularJS & RequireJS
JS FAST Prototyping with AngularJS & RequireJS
 
Deep crawl the chaotic landscape of JavaScript
Deep crawl the chaotic landscape of JavaScript Deep crawl the chaotic landscape of JavaScript
Deep crawl the chaotic landscape of JavaScript
 
Typescript 102 angular and type script
Typescript 102   angular and type scriptTypescript 102   angular and type script
Typescript 102 angular and type script
 
Creating Modular Test-Driven SPAs with Spring and AngularJS
Creating Modular Test-Driven SPAs with Spring and AngularJSCreating Modular Test-Driven SPAs with Spring and AngularJS
Creating Modular Test-Driven SPAs with Spring and AngularJS
 
Lesson 203 18 sep13-1500-ay
Lesson 203 18 sep13-1500-ayLesson 203 18 sep13-1500-ay
Lesson 203 18 sep13-1500-ay
 
Quick prototyping apps using JS - Ciklum, Vinnitsa
Quick prototyping apps using JS - Ciklum, VinnitsaQuick prototyping apps using JS - Ciklum, Vinnitsa
Quick prototyping apps using JS - Ciklum, Vinnitsa
 
AngularJS roadmap.
AngularJS roadmap.AngularJS roadmap.
AngularJS roadmap.
 
SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph
SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft GraphSharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph
SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph
 
Single page apps a bleeding edge new concept or a revived old one?
Single page apps   a bleeding edge new concept or a revived old one?Single page apps   a bleeding edge new concept or a revived old one?
Single page apps a bleeding edge new concept or a revived old one?
 
Angular js for enteprise application
Angular js for enteprise applicationAngular js for enteprise application
Angular js for enteprise application
 
Clojure web dev history
Clojure web dev historyClojure web dev history
Clojure web dev history
 
AngularJs advanced Topics
AngularJs advanced TopicsAngularJs advanced Topics
AngularJs advanced Topics
 
WebGL Awesomeness
WebGL AwesomenessWebGL Awesomeness
WebGL Awesomeness
 

Recently uploaded

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Recently uploaded (20)

CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 

Let's explore AngularJS / [fr]Explorons AngularJS. GDG Montreal

  • 1. Explorons AngularJS [EN]Let’s explore AngularJS Sacha Leprêtre @sachalepretre 2013-06-26 Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal
  • 2. Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal ANGULARJS http://angularjs.org • Un cadre de développement MVC Javascript de Google • Mais en fait, c’est bien plus que ça… [EN] • Google Javascript MVC Framework • But more than a framework…
  • 3. ANGULARS c’est quoi ?(30 min de parole) [EN] What it is ? (30 min of speech) • MVC • Binding (monodirectionnel, bidirectionnel, intelligent, compilation, linkage) [EN] (one way /2 ways/ smart, compile, link) • Injection • Template • Directives WOW ! DSL Domain Specific Language http://en.wikipedia.org/wiki/Domain- specific_language • Jquery lite • Routes I18N etc… • + yeoman, WS, grunt, Karma Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal
  • 4. Impact au w3c [EN] Impact on w3c • Web components http://www.w3.org/TR/2013/WD- components-intro-20130606/ • MDV (Model Driven View) … une prochaine présentation au GDG Montréal [EN] … will be a next talk at GDG Montrealhttp://www.polymer-project.org/ Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal
  • 5. Jouons avec AngularJS [EN] Let’s play with AngularJS Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal
  • 6. Jouons avec AngularJS [EN] Let’s play with AngularJS Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal
  • 7. Jouons avec AngularJS [EN] Let’s play with AngularJS (Two-way binding) Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal
  • 8. Directives Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal Plus d’explications… [EN] More explanation…
  • 9. Questions ? Blog http://gtugmontreal.blogspot.ca / Twitter: @gtugmontreal / Google+ page: GDG Montreal