Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AngularJS Fundamentals
Search
codebar
February 10, 2016
Programming
0
180
AngularJS Fundamentals
slides for talk about how to get started with angularjs and some of its basic features.
codebar
February 10, 2016
Tweet
Share
More Decks by codebar
See All by codebar
front-end 101
codebar
0
280
wordpress talk
codebar
0
27
Getting Started With Git
codebar
0
71
Codebar pitch in JumpstartPakistan
codebar
0
42
CodeBar Launch
codebar
0
260
Other Decks in Programming
See All in Programming
データアナリストが行うDatabricksを活用したETLの自動化事例
shinoa
0
270
Komplexe Oberflächen mit SVG und der Web Animation API
joergneumann
0
670
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
130
Fragment Composition of GraphQL
quramy
4
810
SwiftUIで使いやすいToastの作り方 / How to build a Toast system which is easy to use in SwiftUI
lovee
3
140
"config" ってなんだ? / What is "config"?
okashoi
0
240
AWS Application Composerで始める、 サーバーレスなデータ基盤構築 / 20240406-jawsug-hokuriku-shinkansen
kasacchiful
1
260
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
1.2k
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
26
8.2k
try!Swift Tokyo 2024 参加報告 LT
akidon0000
1
220
SIMD Parallel Programming with the Vector API
josepaumard
0
160
코틀린으로 멀티플랫폼 만들기
pangmoo
0
150
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
Web development in the modern age
philhawksworth
202
10k
What's in a price? How to price your products and services
michaelherold
237
11k
Navigating Team Friction
lara
178
13k
4 Signs Your Business is Dying
shpigford
175
21k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
Adopting Sorbet at Scale
ufuk
68
8.6k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Building Your Own Lightsaber
phodgson
99
5.7k
A Modern Web Designer's Workflow
chriscoyier
689
190k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Transcript
AngularJS Fundamentals By Najam sikander
Najam Sikander http://codebarpk.com Twitter @najamsikander Blog
Transclusion Restriction Scope Directive Linking
Agenda • AngularJS Features • Getting Started • Directives ,
Filters and Data Binding • Views , Controllers and Scope • Modules , Routes and Factories
Getting Started
Single Page Application (SPA) View View View View View
The Challenge with SPAs DOM Manipulation History Module Loading Routing
Catching Object Modeling Data Binding Ajax/Promises View Loading
Data Binding MVC Routing Testing jqLite Templates History Factories ngularJs
is a full-featured SPA framework ViewModel Controllers Views Directives Services Dependency Injection Validation
None
None
None
Directives, Filters and Data Binding
What are Directives ? They teach HTML new tricks!
Using Directives and Data Binding Syntax Directive Directive Data Binding
Expression
None
None
Iterating with the ng-repeat directive
Iterating with the ng-repeat directive(browse)
None
The AngulaJS API Reference for Directives
ngRepeat Documentation
Using Filters
Using Filters Demo
Views, Controllers and Scope
Views, Controllers and Scope View Scope Controllers $scope is a
“glue” (ViewModel) Between a controller and a view
Creating a View And Controller
Creating a View And Controller $scope injected Dynamically
None
Modules ,Routes and factories
Modules Config Routes View $Scope Controllers Directives *Factories
Module are Container Module Module Config Routes Filter Directive Controller
Controller Factory Service Provider Value
Creating a Module What’s the Array for
Creating a Module What’s the Array for Module that demo
app depend on
Creating a Controller in a Module Define a module Define
a Controller
Role of Routes /view1 /view4 /view2 /view3 View4 View1 View3
View2
Defining Routes Defining module routes
Defining Routes Demo
View 1
View 2
None
None
Using Factories and Services Module Module Config Routes Filter Directive
Controller Factory Service Provider Value
The Role of Factories Factories injected into controller at runtime
Factory Demo
Najam Sikander http://najamsikandar.co Twitter @najamsikandar Blog