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
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
azukiazusa1
24
12k
Ruby Parser progress report 2025
yui_knk
1
460
CJK and Unicode From a PHP Committer
youkidearitai
PRO
0
110
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
2.6k
速いWebフレームワークを作る
yusukebe
5
1.7k
Putting The Genie in the Bottle - A Crash Course on running LLMs on Android
iurysza
0
140
基礎から学ぶ大画面対応(Learning Large-Screen Support from the Ground Up)
tomoya0x00
0
4.4k
testingを眺める
matumoto
1
140
Design Foundational Data Engineering Observability
sucitw
3
210
How Android Uses Data Structures Behind The Scenes
l2hyunwoo
0
480
知っているようで知らない"rails new"の世界 / The World of "rails new" You Think You Know but Don't
luccafort
PRO
1
190
楽して成果を出すためのセルフリソース管理
clipnote
0
190
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Docker and Python
trallard
46
3.6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
850
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Site-Speed That Sticks
csswizardry
10
830
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Context Engineering - Making Every Token Count
addyosmani
3
63
Why Our Code Smells
bkeepers
PRO
339
57k
Gamification - CAS2011
davidbonilla
81
5.4k
Typedesign – Prime Four
hannesfritz
42
2.8k
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