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
290
wordpress talk
codebar
0
29
Getting Started With Git
codebar
0
73
Codebar pitch in JumpstartPakistan
codebar
0
49
CodeBar Launch
codebar
0
270
Other Decks in Programming
See All in Programming
Design Foundational Data Engineering Observability
sucitw
3
190
print("Hello, World")
eddie
1
530
テストカバレッジ100%を10年続けて得られた学びと品質
mottyzzz
2
570
Putting The Genie in the Bottle - A Crash Course on running LLMs on Android
iurysza
0
140
FindyにおけるTakumi活用と脆弱性管理のこれから
rvirus0817
0
490
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
cc4966
0
180
今だからこそ入門する Server-Sent Events (SSE)
nearme_tech
PRO
0
110
Rancher と Terraform
fufuhu
2
240
ファインディ株式会社におけるMCP活用とサービス開発
starfish719
0
290
Android端末で実現するオンデバイスLLM 2025
masayukisuda
1
120
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
290
HTMLの品質ってなんだっけ? “HTMLクライテリア”の設計と実践
unachang113
4
2.7k
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Embracing the Ebb and Flow
colly
87
4.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Context Engineering - Making Every Token Count
addyosmani
1
31
RailsConf 2023
tenderlove
30
1.2k
4 Signs Your Business is Dying
shpigford
184
22k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
What's in a price? How to price your products and services
michaelherold
246
12k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
For a Future-Friendly Web
brad_frost
180
9.9k
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