SlideShare uma empresa Scribd logo
1 de 59
Baixar para ler offline
WorkShop
Getting Start With
ANGULAR
2015, Alexandre Marreiros
2015
Alexandre
Marreiros
About You
Present Yourself
Tell us what brings you here
What you want to take
WorkShoprGettingStartWith
ANGULAR
Startatsv.com
2015
Alexandre
Marreiros
About
CTO @ Innovagency
Technical Trainer, Speaker & Consultant as Self Employee
Lecturer @ EDIT
Software Developer & Architect as Consultant
Tech Writer and Reviewer as Self Employee
Digital Technical UX Consultant
Microsoft DevCamp Trainer
Microsoft Most Valuable Professional for Windows Platform
MCPD
Alexandre Marreiros
Contacts:
amarreiros@innovagency.com / amarreiros@gmail.com
@alexmarreiros
http://www.linkedin.com/pub/alexandre-marreiros/8/4b8/a21
www.digitalmindignition.com
WorkShoprGettingStartWith
ANGULAR
Fundamentals
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
Agenda
WorkShoprGettingStartWith
ANGULAR
Fundamental Angular Blocks:
Expressions
Directives
Scopes
Agenda
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
Agenda
WorkShoprGettingStartWith
ANGULAR
# 1 State of the Web Development
#2 What’s Angular JS
#3 Building Blocks
#4 Controllers and Modules
#5 Directives and Views
2015
Alexandre
Marreiros
Agenda
WorkShoprGettingStartWith
ANGULAR
#6 Services
#7 Routing
#8 Comunication With Events
State Of the Art
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Vca.au.net
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Introduction
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
JavaScript Challenge
Cross Browsing
Help on Responsive Behaviour
Help With Async
Ritch Client Interface
Data Exploring on client
Operating System Native Action
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
JavaScript Story
Not Type Safe
Based on a Old Standard
Functional based
Written in 2 Weeks
Uncopled from modern Web
Expensive learning curve
Big Investement
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Angular
Written by Misko Hevery
“With the intent to extend HTML Acording to standards
and good pratices. Allow tohave ritch components
that help reach data and have data driven event handling”
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Angular atual HeadQuarter
Angularjs.org
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Angular Future
Angular.io
Start Engines
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
Start Engines
WorkShoprGettingStartWith
ANGULAR
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.js">
</script>
<body ng-app>
<!-- Other examples in this chapter will be inserted here. -->
</body>
Include Angular on Project
Define Angular Boundaries
* There are no dependicies to other script files all the Angular Core is here
* Ng is the short name for angular, this directive tell that this area is controlled by Angular
First Demos
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
Binding Boxes
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
Math example
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
Helho World
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
ShowCase
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
Plunker is made with AngularJS
WorkShoprGettingStartWith
ANGULAR
Our example live editor to build our demos are also build with Angular
Development
Enviroment
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Angular
Usage Benefits
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
Deveopment time reduction
WorkShoprGettingStartWith
ANGULAR
Pluralsight.com
2015
Alexandre
Marreiros
Code Reduction and reusage
WorkShoprGettingStartWith
ANGULAR
Pluralsight.com
80% to 90%
2015
Alexandre
Marreiros
Data Binding
WorkShoprGettingStartWith
ANGULAR
Pluralsight.com
Forms (validation and save)
One Way Binding
Two Way Binding
Optimized
Support out of the box
2015
Alexandre
Marreiros
Includes all the major features of
webapps
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
Support for accebility
WorkShoprGettingStartWith
ANGULAR
Using the directive ng-area to develop
future on the workshop
2015
Alexandre
Marreiros
Strong communitie and Popular
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
Unit Tests Ready
WorkShoprGettingStartWith
ANGULAR
JavaScript
Patterns & Pratices
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
JavaScript Patterns
WorkShoprGettingStartWith
ANGULAR
Functions and Abstrations
Functions to build Modules
Functions as variables
Functions as modelation methods
Abstract Functions
Pattern Demos
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
SPA
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Single Page APP
“Why do we want to write single page apps?
The main reason is that they allow us to
offer a more-native-app-like experience to
the user.” From SinglePageAppBook
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
SPA
Controllers
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
MVC
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
MVM
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Controllers
Controller directive in HTML (ng-controller)
Controller will be a function that Angular invokes
Controller takes a $scope parameter
Attach model to $scope
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Controllers
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Controllers
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Controllers
$scope:
“Scopes provide a single source of truth within your
application. The idea is that no matter in how many places
you display some data in your view layer, you should only
have to change it in one place (a scope property), and the
change should automatically propagate throughout the
view.”
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Controllers
Multiple controllers
Complex objects
Nest controllers
Directives
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Directives
“Directives are the heart and soul of Angular.”
https://docs.angularjs.org/guide/directive
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Directives
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Directives
http://www.cheatography.com/proloser/cheat-sheets
/angularjs/
Directives
Demo / Exercises
Training Angular
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Experiment Directives on your own
Showing common bugs
Showing api documentation problems
Show the different discussed Javascript patterns aplied in Angular development
WrapUP
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Feel free to put your Questions now
Or if you prefer use one off my contacts
@alexmarreiros
amarreiros@gmail.com
amarreiros@innovagency.com 2015
Alexandre
Marreiros
WorkShoprGettingStartWith
ANGULAR
Questions
Get satrted angular js

Mais conteúdo relacionado

Mais procurados

Angular js interview question answer for fresher
Angular js interview question answer for fresherAngular js interview question answer for fresher
Angular js interview question answer for fresherRavi Bhadauria
 
Angular.js interview questions
Angular.js interview questionsAngular.js interview questions
Angular.js interview questionscodeandyou forums
 
Angular.js - JS Camp UKraine 2013
Angular.js - JS Camp UKraine 2013Angular.js - JS Camp UKraine 2013
Angular.js - JS Camp UKraine 2013Max Klymyshyn
 
AngularJS interview questions
AngularJS interview questionsAngularJS interview questions
AngularJS interview questionsUri Lukach
 
Beyond AngularJS: Best practices and more
Beyond AngularJS: Best practices and moreBeyond AngularJS: Best practices and more
Beyond AngularJS: Best practices and moreAri Lerner
 
Single Page Applications in SharePoint with Angular
Single Page Applications in SharePoint with AngularSingle Page Applications in SharePoint with Angular
Single Page Applications in SharePoint with AngularSparkhound Inc.
 
Angular js best practice
Angular js best practiceAngular js best practice
Angular js best practiceMatteo Scandolo
 
Angular 6 - The Complete Guide
Angular 6 - The Complete GuideAngular 6 - The Complete Guide
Angular 6 - The Complete GuideSam Dias
 
Angular 10 course_content
Angular 10 course_contentAngular 10 course_content
Angular 10 course_contentNAVEENSAGGAM1
 
Angular Js Advantages - Complete Reference
Angular Js Advantages - Complete ReferenceAngular Js Advantages - Complete Reference
Angular Js Advantages - Complete ReferenceEPAM Systems
 
Angular1x and Angular 2 for Beginners
Angular1x and Angular 2 for BeginnersAngular1x and Angular 2 for Beginners
Angular1x and Angular 2 for BeginnersOswald Campesato
 
Mastering angular - Dot Net Tricks
Mastering angular - Dot Net TricksMastering angular - Dot Net Tricks
Mastering angular - Dot Net TricksGaurav Singh
 
Developing a Demo Application with Angular 4 - J2I
Developing a Demo Application with Angular 4 - J2IDeveloping a Demo Application with Angular 4 - J2I
Developing a Demo Application with Angular 4 - J2INader Debbabi
 

Mais procurados (20)

Angular js interview question answer for fresher
Angular js interview question answer for fresherAngular js interview question answer for fresher
Angular js interview question answer for fresher
 
Angular.js interview questions
Angular.js interview questionsAngular.js interview questions
Angular.js interview questions
 
Angular.js - JS Camp UKraine 2013
Angular.js - JS Camp UKraine 2013Angular.js - JS Camp UKraine 2013
Angular.js - JS Camp UKraine 2013
 
AngularJS interview questions
AngularJS interview questionsAngularJS interview questions
AngularJS interview questions
 
AngularJS
AngularJSAngularJS
AngularJS
 
Beyond AngularJS: Best practices and more
Beyond AngularJS: Best practices and moreBeyond AngularJS: Best practices and more
Beyond AngularJS: Best practices and more
 
Single Page Applications in SharePoint with Angular
Single Page Applications in SharePoint with AngularSingle Page Applications in SharePoint with Angular
Single Page Applications in SharePoint with Angular
 
Angular js best practice
Angular js best practiceAngular js best practice
Angular js best practice
 
Training On Angular Js
Training On Angular JsTraining On Angular Js
Training On Angular Js
 
Angular js PPT
Angular js PPTAngular js PPT
Angular js PPT
 
Angular 6 - The Complete Guide
Angular 6 - The Complete GuideAngular 6 - The Complete Guide
Angular 6 - The Complete Guide
 
Angular 10 course_content
Angular 10 course_contentAngular 10 course_content
Angular 10 course_content
 
Angular Js Advantages - Complete Reference
Angular Js Advantages - Complete ReferenceAngular Js Advantages - Complete Reference
Angular Js Advantages - Complete Reference
 
Introduction to Angular JS
Introduction to Angular JSIntroduction to Angular JS
Introduction to Angular JS
 
Angular 2 - Better or worse
Angular 2 - Better or worseAngular 2 - Better or worse
Angular 2 - Better or worse
 
AngularJS 101
AngularJS 101AngularJS 101
AngularJS 101
 
Angular1x and Angular 2 for Beginners
Angular1x and Angular 2 for BeginnersAngular1x and Angular 2 for Beginners
Angular1x and Angular 2 for Beginners
 
Mastering angular - Dot Net Tricks
Mastering angular - Dot Net TricksMastering angular - Dot Net Tricks
Mastering angular - Dot Net Tricks
 
Lean Quality & Engineering
Lean Quality & EngineeringLean Quality & Engineering
Lean Quality & Engineering
 
Developing a Demo Application with Angular 4 - J2I
Developing a Demo Application with Angular 4 - J2IDeveloping a Demo Application with Angular 4 - J2I
Developing a Demo Application with Angular 4 - J2I
 

Destaque

Angular 2 overview
Angular 2 overviewAngular 2 overview
Angular 2 overviewJesse Warden
 
Why angular js Framework
Why angular js Framework Why angular js Framework
Why angular js Framework Sakthi Bro
 
Getting Started with Angular JS
Getting Started with Angular JSGetting Started with Angular JS
Getting Started with Angular JSAkshay Mathur
 
Understanding angular js
Understanding angular jsUnderstanding angular js
Understanding angular jsAayush Shrestha
 
Building Universal Applications with Angular 2
Building Universal Applications with Angular 2Building Universal Applications with Angular 2
Building Universal Applications with Angular 2Minko Gechev
 
Pt xug xamarin pratices on big ui consumer apps
Pt xug  xamarin pratices on big ui consumer appsPt xug  xamarin pratices on big ui consumer apps
Pt xug xamarin pratices on big ui consumer appsAlexandre Marreiros
 
Quick View of Angular JS for High School
Quick View of Angular JS for High SchoolQuick View of Angular JS for High School
Quick View of Angular JS for High SchoolAlexandre Marreiros
 
Xamarin Dev Days - Introduction to Xamarin.Forms, Insights, Test Cloud
Xamarin Dev Days -  Introduction to Xamarin.Forms, Insights, Test CloudXamarin Dev Days -  Introduction to Xamarin.Forms, Insights, Test Cloud
Xamarin Dev Days - Introduction to Xamarin.Forms, Insights, Test CloudJames Montemagno
 
20140207 xamarin-red fabriq-microsoft-techdays-nativemobileappdevelopmentwith...
20140207 xamarin-red fabriq-microsoft-techdays-nativemobileappdevelopmentwith...20140207 xamarin-red fabriq-microsoft-techdays-nativemobileappdevelopmentwith...
20140207 xamarin-red fabriq-microsoft-techdays-nativemobileappdevelopmentwith...RedFabriQ
 
Extending, optimizing, and accelerating Xamarin and Xamarin.Forms app develop...
Extending, optimizing, and accelerating Xamarin and Xamarin.Forms app develop...Extending, optimizing, and accelerating Xamarin and Xamarin.Forms app develop...
Extending, optimizing, and accelerating Xamarin and Xamarin.Forms app develop...James Montemagno
 
Design patterns through refactoring
Design patterns through refactoringDesign patterns through refactoring
Design patterns through refactoringGanesh Samarthyam
 
C# Powered Robots, C# Powered Mobile Apps
C# Powered Robots, C# Powered Mobile AppsC# Powered Robots, C# Powered Mobile Apps
C# Powered Robots, C# Powered Mobile AppsJames Montemagno
 
The productive developer guide to Angular 2
The productive developer guide to Angular 2The productive developer guide to Angular 2
The productive developer guide to Angular 2Maurice De Beijer [MVP]
 

Destaque (20)

Get satrted angular js day 2
Get satrted angular js day 2Get satrted angular js day 2
Get satrted angular js day 2
 
Angular 2 overview
Angular 2 overviewAngular 2 overview
Angular 2 overview
 
Why angular js Framework
Why angular js Framework Why angular js Framework
Why angular js Framework
 
Getting Started with Angular JS
Getting Started with Angular JSGetting Started with Angular JS
Getting Started with Angular JS
 
Understanding angular js
Understanding angular jsUnderstanding angular js
Understanding angular js
 
Angular 2
Angular 2Angular 2
Angular 2
 
Building Universal Applications with Angular 2
Building Universal Applications with Angular 2Building Universal Applications with Angular 2
Building Universal Applications with Angular 2
 
Xamarin.forms
Xamarin.forms Xamarin.forms
Xamarin.forms
 
Pt xug xamarin pratices on big ui consumer apps
Pt xug  xamarin pratices on big ui consumer appsPt xug  xamarin pratices on big ui consumer apps
Pt xug xamarin pratices on big ui consumer apps
 
Quick View of Angular JS for High School
Quick View of Angular JS for High SchoolQuick View of Angular JS for High School
Quick View of Angular JS for High School
 
Xamarin Dev Days - Introduction to Xamarin.Forms, Insights, Test Cloud
Xamarin Dev Days -  Introduction to Xamarin.Forms, Insights, Test CloudXamarin Dev Days -  Introduction to Xamarin.Forms, Insights, Test Cloud
Xamarin Dev Days - Introduction to Xamarin.Forms, Insights, Test Cloud
 
20140207 xamarin-red fabriq-microsoft-techdays-nativemobileappdevelopmentwith...
20140207 xamarin-red fabriq-microsoft-techdays-nativemobileappdevelopmentwith...20140207 xamarin-red fabriq-microsoft-techdays-nativemobileappdevelopmentwith...
20140207 xamarin-red fabriq-microsoft-techdays-nativemobileappdevelopmentwith...
 
Extending, optimizing, and accelerating Xamarin and Xamarin.Forms app develop...
Extending, optimizing, and accelerating Xamarin and Xamarin.Forms app develop...Extending, optimizing, and accelerating Xamarin and Xamarin.Forms app develop...
Extending, optimizing, and accelerating Xamarin and Xamarin.Forms app develop...
 
Angular js
Angular jsAngular js
Angular js
 
Angular js
Angular jsAngular js
Angular js
 
Design patterns through refactoring
Design patterns through refactoringDesign patterns through refactoring
Design patterns through refactoring
 
C# Powered Robots, C# Powered Mobile Apps
C# Powered Robots, C# Powered Mobile AppsC# Powered Robots, C# Powered Mobile Apps
C# Powered Robots, C# Powered Mobile Apps
 
The productive developer guide to Angular 2
The productive developer guide to Angular 2The productive developer guide to Angular 2
The productive developer guide to Angular 2
 
Design Patterns in .Net
Design Patterns in .NetDesign Patterns in .Net
Design Patterns in .Net
 
Creational Design Patterns
Creational Design PatternsCreational Design Patterns
Creational Design Patterns
 

Semelhante a Get satrted angular js

Lean with MEAN (MEAN stack for Lean startup)
Lean with MEAN (MEAN stack for Lean startup)Lean with MEAN (MEAN stack for Lean startup)
Lean with MEAN (MEAN stack for Lean startup)Synerzip
 
Launch Academy Introduction to Lean UX Workshop - February 2014
Launch Academy Introduction to Lean UX Workshop - February 2014Launch Academy Introduction to Lean UX Workshop - February 2014
Launch Academy Introduction to Lean UX Workshop - February 2014Marc Baumgartner
 
How To Start An Online Store In 2021 With Odoo E-Commerce Website
How To Start An Online Store In 2021 With Odoo E-Commerce WebsiteHow To Start An Online Store In 2021 With Odoo E-Commerce Website
How To Start An Online Store In 2021 With Odoo E-Commerce WebsiteKsolves
 
Deksia webdevelopment salesdeck_v01_je
Deksia webdevelopment salesdeck_v01_jeDeksia webdevelopment salesdeck_v01_je
Deksia webdevelopment salesdeck_v01_jeDeksia
 
Kareem Farag Resume
Kareem Farag ResumeKareem Farag Resume
Kareem Farag ResumeKareem Farag
 
Operation Management PowerPoint Presentation Slides
Operation Management PowerPoint Presentation SlidesOperation Management PowerPoint Presentation Slides
Operation Management PowerPoint Presentation SlidesSlideTeam
 
Bring your Ideas to Life
Bring your Ideas to LifeBring your Ideas to Life
Bring your Ideas to LifeLabSharegroup
 
M-commerce [OpsWay]
M-commerce [OpsWay]M-commerce [OpsWay]
M-commerce [OpsWay]OpsWay
 
Countering Mistakes In Salesforce Application Development
Countering Mistakes In Salesforce Application DevelopmentCountering Mistakes In Salesforce Application Development
Countering Mistakes In Salesforce Application DevelopmentDamco Salesforce Services
 
Smile magento 1.9.1
Smile magento 1.9.1Smile magento 1.9.1
Smile magento 1.9.1Vlad Makarov
 
How to Optimize Job Descriptions to Attract Top Talent
How to Optimize Job Descriptions to Attract Top TalentHow to Optimize Job Descriptions to Attract Top Talent
How to Optimize Job Descriptions to Attract Top TalentGlassdoor
 
Minimum viable product @headstart pune Feb 2020
Minimum viable product @headstart pune Feb 2020Minimum viable product @headstart pune Feb 2020
Minimum viable product @headstart pune Feb 2020Parth Lawate
 
Master Your MarTech Migration: A Guide for Switching Web-Based Marketing and ...
Master Your MarTech Migration: A Guide for Switching Web-Based Marketing and ...Master Your MarTech Migration: A Guide for Switching Web-Based Marketing and ...
Master Your MarTech Migration: A Guide for Switching Web-Based Marketing and ...ObservePoint
 
Dzone webinar : Making integration suck less
Dzone webinar : Making integration suck lessDzone webinar : Making integration suck less
Dzone webinar : Making integration suck lessRoss Garrett
 
Rev Up Revenue Engine Using Marketo Engage - India VMUG May2k23_Deck.pptx
Rev Up Revenue Engine Using Marketo Engage - India VMUG May2k23_Deck.pptxRev Up Revenue Engine Using Marketo Engage - India VMUG May2k23_Deck.pptx
Rev Up Revenue Engine Using Marketo Engage - India VMUG May2k23_Deck.pptxDarshil35
 

Semelhante a Get satrted angular js (20)

Lean with MEAN (MEAN stack for Lean startup)
Lean with MEAN (MEAN stack for Lean startup)Lean with MEAN (MEAN stack for Lean startup)
Lean with MEAN (MEAN stack for Lean startup)
 
Why and how to build your career on Salesforce ?
Why and how to build your career on Salesforce ?Why and how to build your career on Salesforce ?
Why and how to build your career on Salesforce ?
 
PLCopen Webinar Presentation
PLCopen Webinar PresentationPLCopen Webinar Presentation
PLCopen Webinar Presentation
 
Who is Relax In The Air?
Who is Relax In The Air?Who is Relax In The Air?
Who is Relax In The Air?
 
Launch Academy Introduction to Lean UX Workshop - February 2014
Launch Academy Introduction to Lean UX Workshop - February 2014Launch Academy Introduction to Lean UX Workshop - February 2014
Launch Academy Introduction to Lean UX Workshop - February 2014
 
How To Start An Online Store In 2021 With Odoo E-Commerce Website
How To Start An Online Store In 2021 With Odoo E-Commerce WebsiteHow To Start An Online Store In 2021 With Odoo E-Commerce Website
How To Start An Online Store In 2021 With Odoo E-Commerce Website
 
Deksia webdevelopment salesdeck_v01_je
Deksia webdevelopment salesdeck_v01_jeDeksia webdevelopment salesdeck_v01_je
Deksia webdevelopment salesdeck_v01_je
 
Kareem Farag Resume
Kareem Farag ResumeKareem Farag Resume
Kareem Farag Resume
 
Operation Management PowerPoint Presentation Slides
Operation Management PowerPoint Presentation SlidesOperation Management PowerPoint Presentation Slides
Operation Management PowerPoint Presentation Slides
 
Bring your Ideas to Life
Bring your Ideas to LifeBring your Ideas to Life
Bring your Ideas to Life
 
Agular fromthetrenches2netponto
Agular fromthetrenches2netpontoAgular fromthetrenches2netponto
Agular fromthetrenches2netponto
 
M-commerce [OpsWay]
M-commerce [OpsWay]M-commerce [OpsWay]
M-commerce [OpsWay]
 
30.08.2017 React Meetup
30.08.2017 React Meetup30.08.2017 React Meetup
30.08.2017 React Meetup
 
Countering Mistakes In Salesforce Application Development
Countering Mistakes In Salesforce Application DevelopmentCountering Mistakes In Salesforce Application Development
Countering Mistakes In Salesforce Application Development
 
Smile magento 1.9.1
Smile magento 1.9.1Smile magento 1.9.1
Smile magento 1.9.1
 
How to Optimize Job Descriptions to Attract Top Talent
How to Optimize Job Descriptions to Attract Top TalentHow to Optimize Job Descriptions to Attract Top Talent
How to Optimize Job Descriptions to Attract Top Talent
 
Minimum viable product @headstart pune Feb 2020
Minimum viable product @headstart pune Feb 2020Minimum viable product @headstart pune Feb 2020
Minimum viable product @headstart pune Feb 2020
 
Master Your MarTech Migration: A Guide for Switching Web-Based Marketing and ...
Master Your MarTech Migration: A Guide for Switching Web-Based Marketing and ...Master Your MarTech Migration: A Guide for Switching Web-Based Marketing and ...
Master Your MarTech Migration: A Guide for Switching Web-Based Marketing and ...
 
Dzone webinar : Making integration suck less
Dzone webinar : Making integration suck lessDzone webinar : Making integration suck less
Dzone webinar : Making integration suck less
 
Rev Up Revenue Engine Using Marketo Engage - India VMUG May2k23_Deck.pptx
Rev Up Revenue Engine Using Marketo Engage - India VMUG May2k23_Deck.pptxRev Up Revenue Engine Using Marketo Engage - India VMUG May2k23_Deck.pptx
Rev Up Revenue Engine Using Marketo Engage - India VMUG May2k23_Deck.pptx
 

Mais de Alexandre Marreiros

Xamarin devdays 2017 - PT - connected apps
Xamarin devdays 2017 - PT - connected appsXamarin devdays 2017 - PT - connected apps
Xamarin devdays 2017 - PT - connected appsAlexandre Marreiros
 
ASP.NEt MVC and Angular What a couple
ASP.NEt MVC and Angular What a coupleASP.NEt MVC and Angular What a couple
ASP.NEt MVC and Angular What a coupleAlexandre Marreiros
 
Jws masterclass progressive web apps
Jws masterclass progressive web appsJws masterclass progressive web apps
Jws masterclass progressive web appsAlexandre Marreiros
 
Gab2015 azure search as a service
Gab2015 azure search as a serviceGab2015 azure search as a service
Gab2015 azure search as a serviceAlexandre Marreiros
 
Pragmatic responsive web design industry session 7
Pragmatic responsive web design   industry session 7Pragmatic responsive web design   industry session 7
Pragmatic responsive web design industry session 7Alexandre Marreiros
 
Universal Apps Development using HTML 5 and WINJS
Universal Apps Development using HTML 5 and WINJSUniversal Apps Development using HTML 5 and WINJS
Universal Apps Development using HTML 5 and WINJSAlexandre Marreiros
 
Windows8.1 html5 dev paradigm discussion netponto
Windows8.1 html5 dev paradigm discussion netpontoWindows8.1 html5 dev paradigm discussion netponto
Windows8.1 html5 dev paradigm discussion netpontoAlexandre Marreiros
 
Mobile first responsive industry sessions
Mobile first responsive industry sessionsMobile first responsive industry sessions
Mobile first responsive industry sessionsAlexandre Marreiros
 
Microsoft PT TechRefresh html win8.1
Microsoft PT TechRefresh html win8.1 Microsoft PT TechRefresh html win8.1
Microsoft PT TechRefresh html win8.1 Alexandre Marreiros
 
pragmatic Mobile apps choices frameworks and dev
pragmatic Mobile apps choices frameworks and devpragmatic Mobile apps choices frameworks and dev
pragmatic Mobile apps choices frameworks and devAlexandre Marreiros
 
Edit open day responsive design frameworks
Edit open day responsive design frameworksEdit open day responsive design frameworks
Edit open day responsive design frameworksAlexandre Marreiros
 

Mais de Alexandre Marreiros (20)

Whats a Chat bot
Whats a Chat botWhats a Chat bot
Whats a Chat bot
 
Type of angular 2
Type of angular 2Type of angular 2
Type of angular 2
 
Xamarin devdays 2017 - PT - connected apps
Xamarin devdays 2017 - PT - connected appsXamarin devdays 2017 - PT - connected apps
Xamarin devdays 2017 - PT - connected apps
 
ASP.NEt MVC and Angular What a couple
ASP.NEt MVC and Angular What a coupleASP.NEt MVC and Angular What a couple
ASP.NEt MVC and Angular What a couple
 
Jws masterclass progressive web apps
Jws masterclass progressive web appsJws masterclass progressive web apps
Jws masterclass progressive web apps
 
Gab2015 azure search as a service
Gab2015 azure search as a serviceGab2015 azure search as a service
Gab2015 azure search as a service
 
Pragmatic responsive web design industry session 7
Pragmatic responsive web design   industry session 7Pragmatic responsive web design   industry session 7
Pragmatic responsive web design industry session 7
 
Boot strapandresponsiveintro
Boot strapandresponsiveintroBoot strapandresponsiveintro
Boot strapandresponsiveintro
 
WebSite development using WinJS
WebSite development using WinJSWebSite development using WinJS
WebSite development using WinJS
 
Universal Apps Development using HTML 5 and WINJS
Universal Apps Development using HTML 5 and WINJSUniversal Apps Development using HTML 5 and WINJS
Universal Apps Development using HTML 5 and WINJS
 
GWAB Mobile Services
GWAB Mobile ServicesGWAB Mobile Services
GWAB Mobile Services
 
Html5ignition newweborder
Html5ignition newweborderHtml5ignition newweborder
Html5ignition newweborder
 
Windows8.1 html5 dev paradigm discussion netponto
Windows8.1 html5 dev paradigm discussion netpontoWindows8.1 html5 dev paradigm discussion netponto
Windows8.1 html5 dev paradigm discussion netponto
 
Mobile first responsive industry sessions
Mobile first responsive industry sessionsMobile first responsive industry sessions
Mobile first responsive industry sessions
 
Microsoft PT TechRefresh html win8.1
Microsoft PT TechRefresh html win8.1 Microsoft PT TechRefresh html win8.1
Microsoft PT TechRefresh html win8.1
 
pragmatic Mobile apps choices frameworks and dev
pragmatic Mobile apps choices frameworks and devpragmatic Mobile apps choices frameworks and dev
pragmatic Mobile apps choices frameworks and dev
 
Windows8.1overviewnetponto
Windows8.1overviewnetpontoWindows8.1overviewnetponto
Windows8.1overviewnetponto
 
Sharepoint dev preview
Sharepoint dev previewSharepoint dev preview
Sharepoint dev preview
 
Learning typescript
Learning typescriptLearning typescript
Learning typescript
 
Edit open day responsive design frameworks
Edit open day responsive design frameworksEdit open day responsive design frameworks
Edit open day responsive design frameworks
 

Último

CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024Brian Pichman
 
Where developers are challenged, what developers want and where DevEx is going
Where developers are challenged, what developers want and where DevEx is goingWhere developers are challenged, what developers want and where DevEx is going
Where developers are challenged, what developers want and where DevEx is goingFrancesco Corti
 
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - Tech
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - TechWebinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - Tech
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - TechProduct School
 
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024Alkin Tezuysal
 
Extra-120324-Visite-Entreprise-icare.pdf
Extra-120324-Visite-Entreprise-icare.pdfExtra-120324-Visite-Entreprise-icare.pdf
Extra-120324-Visite-Entreprise-icare.pdfInfopole1
 
Scenario Library et REX Discover industry- and role- based scenarios
Scenario Library et REX Discover industry- and role- based scenariosScenario Library et REX Discover industry- and role- based scenarios
Scenario Library et REX Discover industry- and role- based scenariosErol GIRAUDY
 
March Patch Tuesday
March Patch TuesdayMarch Patch Tuesday
March Patch TuesdayIvanti
 
Novo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4jNovo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4jNeo4j
 
Planetek Italia Srl - Corporate Profile Brochure
Planetek Italia Srl - Corporate Profile BrochurePlanetek Italia Srl - Corporate Profile Brochure
Planetek Italia Srl - Corporate Profile BrochurePlanetek Italia Srl
 
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENT
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENTSIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENT
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENTxtailishbaloch
 
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedIn
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedInOutage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedIn
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedInThousandEyes
 
The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)codyslingerland1
 
Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...DianaGray10
 
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptxGraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptxNeo4j
 
Trailblazer Community - Flows Workshop (Session 2)
Trailblazer Community - Flows Workshop (Session 2)Trailblazer Community - Flows Workshop (Session 2)
Trailblazer Community - Flows Workshop (Session 2)Muhammad Tiham Siddiqui
 
Top 10 Squarespace Development Companies
Top 10 Squarespace Development CompaniesTop 10 Squarespace Development Companies
Top 10 Squarespace Development CompaniesTopCSSGallery
 
20140402 - Smart house demo kit
20140402 - Smart house demo kit20140402 - Smart house demo kit
20140402 - Smart house demo kitJamie (Taka) Wang
 
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptx
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptxEmil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptx
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptxNeo4j
 
The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)IES VE
 

Último (20)

CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024
 
Where developers are challenged, what developers want and where DevEx is going
Where developers are challenged, what developers want and where DevEx is goingWhere developers are challenged, what developers want and where DevEx is going
Where developers are challenged, what developers want and where DevEx is going
 
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - Tech
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - TechWebinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - Tech
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - Tech
 
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
 
Extra-120324-Visite-Entreprise-icare.pdf
Extra-120324-Visite-Entreprise-icare.pdfExtra-120324-Visite-Entreprise-icare.pdf
Extra-120324-Visite-Entreprise-icare.pdf
 
Scenario Library et REX Discover industry- and role- based scenarios
Scenario Library et REX Discover industry- and role- based scenariosScenario Library et REX Discover industry- and role- based scenarios
Scenario Library et REX Discover industry- and role- based scenarios
 
March Patch Tuesday
March Patch TuesdayMarch Patch Tuesday
March Patch Tuesday
 
Novo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4jNovo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4j
 
Planetek Italia Srl - Corporate Profile Brochure
Planetek Italia Srl - Corporate Profile BrochurePlanetek Italia Srl - Corporate Profile Brochure
Planetek Italia Srl - Corporate Profile Brochure
 
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENT
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENTSIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENT
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENT
 
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedIn
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedInOutage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedIn
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedIn
 
The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)
 
Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...
 
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptxGraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
 
Trailblazer Community - Flows Workshop (Session 2)
Trailblazer Community - Flows Workshop (Session 2)Trailblazer Community - Flows Workshop (Session 2)
Trailblazer Community - Flows Workshop (Session 2)
 
Top 10 Squarespace Development Companies
Top 10 Squarespace Development CompaniesTop 10 Squarespace Development Companies
Top 10 Squarespace Development Companies
 
20140402 - Smart house demo kit
20140402 - Smart house demo kit20140402 - Smart house demo kit
20140402 - Smart house demo kit
 
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptx
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptxEmil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptx
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptx
 
The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)
 
SheDev 2024
SheDev 2024SheDev 2024
SheDev 2024
 

Get satrted angular js

Notas do Editor

  1. Ng-app is named the application directive and represents a area that is controlled by the Angular Technology, you only had one application definition with angular on a page. Angular only control this area. When you had the included script and it is detected this deirective Angular bootstrap himself to that area.
  2. Real time editor http://plnkr.co/
  3. Real time editor http://plnkr.co/
  4. Real time editor http://plnkr.co/
  5. Real time editor http://plnkr.co/
  6. Real time editor http://plnkr.co/
  7. Real time editor http://plnkr.co/
  8. Real time editor http://plnkr.co/
  9. Real time editor http://plnkr.co/
  10. The library includes routing doom handle, ajax technics, binding in two ways service consumption API
  11. Real time editor http://plnkr.co/
  12. A arvore de DOM surge com base de qualquer aplicação web e no casoi das SPA não é excessão, é aqui que se encontram registados as diferentes tags que constutuem as fundações HTML da aplicação. O Model representa o dominio dos dados apresentados e permitem uma abordagem content/ data centric. A View representa essencialmente a iterfce com o utilizador e reflete os conteudos/dados presentes no Modelo da aplicação. Para uma descrição mais detalhada e aprofundar os temas relaccionados com SPA sugerimos a consulta do seguinte post: https://blog.svpino.com/2014/10/15/is-a-single-page-application-what-you-really-need
  13. Controllers are in charge of a part of a page