AngularJS Tutorial for Beginners (Full Course)

Do you want to write powerful, maintainable, and testable front end applications faster and with less code? Then consider joining this course to gain skills in one of the most popular Single Page Application (SPA) frameworks today, AngularJS. Developed and backed by Google, AngularJS is a very marketable skill to acquire.

⭐⭐⭐⭐🕑TIME STAMP📋⭐⭐⭐⭐⭐

👉INTRODUCTION TO ANGULARJS
0:00:00 Course Introduction
0:03:30 Welcome to module
0:04:36 Development environment setup what we will need
0:07:32 Development environment setup for Mac part 1
0:14:01 Development environment setup for Mac part 2
0:29:13 Development environment setup for Windows Part 1
0:34:43 Development environment setup for Windows part 2
0:49:38 Why not keep things simple
0:56:07 Part 1 Why does code get complex
1:01:32 Part 2 Why does code get complex
1:08:52 Model view viewmodel mvvm
1:17:53 Angularjs Installation and first simple app
1:27:00 Sharing data with the view through scope
1:32:59 Implementing name caculator example in Angularjs
1:42:13 Whats behind the magic custom html attributes
1:50:04 Dependency injection
1:56:43 How dependency injection works in Javascript
2:05:00 Protecting dependency injection from minification
2:15:20 Part 1 Expressions and interpolation
2:23:37 Part 2 Expressions and interpolation
2:30:45 Wrap up
------------------------------------

👉FILTERS, DIGEST CYCLE, CONTROLLER INHERITANCE, AND CUSTOM SERVICES
2:31:43 Welcome to module 2
2:33:29 Filters
2:41:21 Part 1 Creating Custom filters
2:47:34 Part 2 Creating custom filters
2:51:28 Part 3 Creating custom filters
3:00:11 Part 1 Digest cycle
3:04:28 Part 2 Digest cycle
3:11:51 Part 3 Digest cycle
3:20:52 Digest and apply
3:31:01 Way 1 way and 1 time binding
3:42:39 ng repeat
3:54:19 Filtered ng repeat
4:05:42 Part 1 prototypal inheritance
4:10:52 Part 2 Prototypal inheritance
4:24:16 Part 3 Scope inheritance
4:31:40 Part 4 Scope inheritance
4:42:10 Part 5 Controller as syntax
4:50:50 Part 1 custom services
4:55:16 part 2 custom services
5:07:07 Part 1 Custom services with factory
5:14:25 Part 2 Custom services with factory
5:23:51 Part 1 Custom services with provider
5:29:20 Part 2 Custom services with provider
5:37:58 ng if ng show ng hide
5:45:12 Wrap up
-----------------------------------------

👉 PROMISES, AJAX, AND CUSTOM DIRECTIVES
5:47:10 Welcome to module 3
5:48:28 Part 1 Asynchronous behavior with promises and q
5:54:11 Part 2 Asynchronous behavior with promises and q
6:09:18 Part 1 Ajax with http service
6:14:35 Part 2 Ajax with http service
6:29:25 Part 1 Directive dynamic html
6:36:03 part 2 Directive dynamic html
6:49:01 Restric property
7:00:42 Part 1 Directives ioslate scope and
7:09:25 Part 2 Directives isolate scope and
7:19:23 Part 1 Using controllers inside directives
7:24:43 Part 2 using controllers inside directives
7:35:00 Part 1 Directive APIs and
7:42:30 Part 2 Directive APIs and
7:55:26 Part 1 Manipulating the Dom with link
8:00:07 Part 2 Manupulating the dom with link
8:15:02 Part 1 Using directives transcludeto wrap other elements
8:17:14 Part 2 Using directives transclude to wrap other elements
8:22:27 wrap up
--------------------------------------

👉 COMPONENTS, EVENTS, MODULES, AND ROUTING
8:23:49 Welcome to module 4
8:25:43 Part 1 components based architecture
8:33:34 Part 2 components based architecture
8:42:14 Part 3 components based architecture
8:52:03 Part 4 components based architecture
9:01:13 Part 1 Angularjs event system
9:10:09 Part 2 Angularjs event system
9:25:03 Part 1 Modules
9:32:25 Part 2 Modules
9:43:07 Part 1 routing
9:55:10 Part 2 routing
10:11:05 Part 1 Routing state with controller
10:13:05 Part 2 Routing state with controller
10:20:44 Part 1 Routing state with resolve
10:24:31 Part 2 Routing state with resolve
10:30:14 Part 1 Routing state with url parameters
10:33:01 Part 2 Routing state with url parameters
10:44:38 Part 1 Routing state with nested views
10:47:29 Part 2 Routing state with nested views
10:57:23 Part 1 Router state transition events
10:59:47 Part 2 Router state transition events
11:06:45 wrap up

⭐ Important Notes ⭐
⌨️ This course is created in collaboration with Johns Hopkins University

✨✨PLEASE IGNORE THESE TAGS✨✨
#angularjstutorial,
#angularjstutorialforbeginners,
angularjs crash course,
angularjs project,
angularjs directives,
angularjs api,
angularjs architecture,
angularjs application example,
angularjs basics,
angularjs beginner tutorial,
angularjs bindings,
angularjs best practices,
#angularjsbasicsforbeginners,
angularjs components,
angularjs custom directives,
angularjs component tutorial,
angularjs filters,
#angularjsforbeginners,
#angularjsfullcourse

[MyLesson]

TIME STAMP

INTRODUCTION TO ANGULARJS

0:00:00 Course Introduction
0:03:30 Welcome to module
0:04:36 Development environment setup what we will need
0:07:32 Development environment setup for Mac part 1
0:14:01 Development environment setup for Mac part 2
0:29:13 Development environment setup for Windows Part 1
0:34:43 Development environment setup for Windows part 2
0:49:38 Why not keep things simple
0:56:07 Part 1 Why does code get complex
1:01:32 Part 2 Why does code get complex
1:08:52 Model view viewmodel mvvm
1:17:53 Angularjs Installation and first simple app
1:27:00 Sharing data with the view through scope
1:32:59 Implementing name caculator example in Angularjs
1:42:13 Whats behind the magic custom html attributes
1:50:04 Dependency injection
1:56:43 How dependency injection works in Javascript
2:05:00 Protecting dependency injection from minification
2:15:20 Part 1 Expressions and interpolation
2:23:37 Part 2 Expressions and interpolation
2:30:45 Wrap up


FILTERS, DIGEST CYCLE, CONTROLLER INHERITANCE, AND CUSTOM SERVICES

2:31:43 Welcome to module 2
2:33:29 Filters
2:41:21 Part 1 Creating Custom filters
2:47:34 Part 2 Creating custom filters
2:51:28 Part 3 Creating custom filters
3:00:11 Part 1 Digest cycle
3:04:28 Part 2 Digest cycle
3:11:51 Part 3 Digest cycle
3:20:52 Digest and apply
3:31:01 Way 1 way and 1 time binding
3:42:39 ng repeat
3:54:19 Filtered ng repeat
4:05:42 Part 1 prototypal inheritance
4:10:52 Part 2 Prototypal inheritance
4:24:16 Part 3 Scope inheritance
4:31:40 Part 4 Scope inheritance
4:42:10 Part 5 Controller as syntax
4:50:50 Part 1 custom services
4:55:16 part 2 custom services
5:07:07 Part 1 Custom services with factory
5:14:25 Part 2 Custom services with factory
5:23:51 Part 1 Custom services with provider
5:29:20 Part 2 Custom services with provider
5:37:58 ng if ng show ng hide
5:45:12 Wrap up


PROMISES, AJAX, AND CUSTOM DIRECTIVES

5:47:10 Welcome to module 3
5:48:28 Part 1 Asynchronous behavior with promises and q
5:54:11 Part 2 Asynchronous behavior with promises and q
6:09:18 Part 1 Ajax with http service
6:14:35 Part 2 Ajax with http service
6:29:25 Part 1 Directive dynamic html
6:36:03 part 2 Directive dynamic html
6:49:01 Restric property
7:00:42 Part 1 Directives ioslate scope and
7:09:25 Part 2 Directives isolate scope and
7:19:23 Part 1 Using controllers inside directives
7:24:43 Part 2 using controllers inside directives
7:35:00 Part 1 Directive APIs and
7:42:30 Part 2 Directive APIs and
7:55:26 Part 1 Manipulating the Dom with link
8:00:07 Part 2 Manupulating the dom with link
8:15:02 Part 1 Using directives transcludeto wrap other elements
8:17:14 Part 2 Using directives transclude to wrap other elements
8:22:27 wrap up


COMPONENTS, EVENTS, MODULES, AND ROUTING

8:23:49 Welcome to module 4
8:25:43 Part 1 components based architecture
8:33:34 Part 2 components based architecture
8:42:14 Part 3 components based architecture
8:52:03 Part 4 components based architecture
9:01:13 Part 1 Angularjs event system
9:10:09 Part 2 Angularjs event system
9:25:03 Part 1 Modules
9:32:25 Part 2 Modules
9:43:07 Part 1 routing
9:55:10 Part 2 routing
10:11:05 Part 1 Routing state with controller
10:13:05 Part 2 Routing state with controller
10:20:44 Part 1 Routing state with resolve
10:24:31 Part 2 Routing state with resolve
10:30:14 Part 1 Routing state with url parameters
10:33:01 Part 2 Routing state with url parameters
10:44:38 Part 1 Routing state with nested views
10:47:29 Part 2 Routing state with nested views
10:57:23 Part 1 Router state transition events
10:59:47 Part 2 Router state transition events
11:06:45 wrap up

[rebeccamollica]

Thank you for this tutorial! I was recently moved to a legacy project which was developed in AngularJS, so it's lifesaving!

[kendriip]

thank you for this tutorials because resources for this framework is limited right now 💛

[mafazabrar]

Really enjoying this series. Keep it up!

[LianaGiuliani]

Great course and very expert teacher! Thank you so much.

[spectacularangular]

4:31:40 Part 4 Scope inheritance. This was a bit tough to understand
2:31:43 Module 2 - Filters to manipulate data, Custom Filters, Digest Cycle
2:05:00 Lecture 10 Protecting dependency...
1:42:19 Current Progress

[truthtrust]

Thanks man i will support you please upload more🥰

[pemrograman-cepat]

AngularJS is a library, whereas Angular (without js) is a framework.
Time proved that library would exist longer than that of framework

[davic.p]

Hey man your channel is fantastic, thanks for this amazing course. When you get a free time would be amazing if you post some courses about Java and spring framework.

[geekmoh]

thank you for this wonderful tutorial.

[saiashok]

I am very surprised it has only 26 comments so far.
I have a question though, this video is posted a year ago but in the video it says 2015 the video has been recorded. So this material is up to date? Or things changed drastically over last 7 years.

[spectacularangular]

What is the AngularJS version used in the tutorial?

[CD-kuwy]

how can I find lecture 4 or lectures in general  in atom??? I don't find that :(

[vamshishekar]

Please do same kind of tutorial on angular latest version. Thank you 🤝

[basudevadhikari]

I am an Angular Developer, and wanted to know how original AngularJS was... And I know how it was game changer at the time.

[galshimoni]

Yaakov u are the best . very informative course and also entertaining . i really loved the feed Yaakov part! 🤣

[izecqbu]

Hello, im trying to follow along with the tutorial. At 1:01:33 (part 2 Why does code get complex), it tells us to clone a github repository. where can we find this github repository? did i miss it somewhere along the video

[sevakify]

where I can find the lectures folders, anyone?

[laurenchinoda]

Sir, , my $scope variable is not being identified in Atom controller('MyFirstController', function ($scope) { $scope.name = "Yaakov"; $scope.sayHello = function () { return "Hello Coursera!"; it's not working

[richmondramil]

Is it okay to use live server on vscode instead of using browser sync?