AngularJS Tutorial for Beginners (Full Course)

[@MyLesson007]

****** 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

[@vibhutripathi9635]

It's helpful

[@kendriip]

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

[@MyLesson007]

Happy to hear that!

[@rebecca_xm]

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

[@spectacularangular637]

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

[@pemrograman-cepat3393]

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

[@davic.p1689]

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.

[@MyLesson007]

Thanks! Will do!

[@LianaGiuliani]

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

[@basudevadhikari22]

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

[@vamshishekar5065]

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

[@truthtrust9365]

Thanks man i will support you please upload more🥰

[@mafazabrar4349]

Really enjoying this series. Keep it up!

[@awrjkf]

This helps ServiceNow developers as they use AngularJS (1.X)

[@saiashok28]

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.

[@geekmoh1564]

thank you for this wonderful tutorial.

[@wojohn6441]

best tutorial ever ........

[@richmondramil8058]

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

[@comforth3898]

It's ok They achieve the Same thing

[@spectacularangular637]

What is the AngularJS version used in the tutorial?

[@mitesh5189]

it`s good course but i would say naming chould be better every function has similar name given me hard time to learn i have to look every time on github code thanks for free tutorial and for not native english speaker terms can be hard to understand

[@tylernguyen-d3x]

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

[@ambativaishnavi7251]

Do we need to know TypeScript for this tutorial?

[@laurenchinoda9900]

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

[@MrRahulKumarKandula]

What version of angular is this course on?

[@prajval37]

This is course not about even Angular it is about Angularjs

[@MrRahulKumarKandula]

@@prajval37 oh myyy!!

[@prajval37]

@@MrRahulKumarKandula Bonus Tip: Never learn Angularjs as it is very old and not as good as React, Angular and Vue.

[@MrRahulKumarKandula]

@@prajval37 yup. Actually I developed a project in AngularJS. Now want to get updated on Angular

[@deblina001]

This auto complete of 'ng-' is not working in Visual Studio anymore. Tried all extensions. Anyone has any pointers ?

[@mitesh5189]

i don`t think it will work anywhere no one using angularjs might be some old legacy code

[@prajval37]

The video description is lying as Angular is used instead of old Angularjs. Angular and Angularjs are different for those who are watching this.

[@raidoung4100]

this is not AngularJS?

[@raidoung4100]

this is the tutorial about old AngularJS , not supported by Google,right?:p just askin, i might need it :D

[@anassbenomar748]

could you add php and mysql course please

[@shehrozebahadar3097]

Sir plzz upload cnstruction project management course on coursera

[@mk20130470]

Are the files you reference available somehow??

[@weimuntan368]

When I go to the official site of AngularJS, it mentioned that AngularJS is stopped supporting since Jan 2022. Does it means that this library will be replaced sooner or later? Would it beneficial spending time to pick it up?

[@Jaimedaviddaza]

AngularJS was re-written into the modern Angular Framework. If you work in a legacy application and that application appears to be in AngularJS, you would learn it. But if that's not your case, learn the modern Angular framework.

[@kunal8859]

Sir its my humble request why you deleted that digital marketing video from your channel kindly upload it again its my humble request i am in the middle of that course and i don't have money to spend on digital marketing course but you give me for free 🥺❤️please send me that video 🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🥺🥺🥺 I want to learn digital marketing please upload that video again mam/ sir 🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻

[@Emediong]

How can I get the link to the previous course and also the present and future course. I've subscribe to this video already but am seeing different videos that relate to this which is not same link as this.

[@MyLesson007]

HTML CSS Tutorial For beginners : kzbin.info/www/bejne/f3e9dWCMgNx4oZo JavaScript Tutorial for Beginners Full Course : kzbin.info/www/bejne/Zp7Pen5oZ553oMU

[@shehrozebahadar3097]

Plzzz sir buisness analyst course on coursera from universty of pennsylvania

[@prajval37]

Completely useless thing to learn... learn Angular / React / Vue

[@georgegeoffrick288]

Man your comment saved me a lot of time

[@hoang-study-231]

5:46:06 funny yaakov

[@shehrozebahadar3097]

Plzzz sir buisness analyst course on coursera from universty of pennsylvania

[@CD-ku9wy]

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

[@galshimoni391]

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

[@tempMahad]

I guess I don't want to change because I still use Angularjs in my projects and I sell them. So, it's not about how old a thing is, as long as you can get the most out of it, use that.

[@gkamolov]

Great course, thank you very much

[@mychanejhg]

is this course out dated ? any major changes on angular now?

[@sevakify]

where I can find the lectures folders, anyone?

[@vadivelan4228]

Hi, I am using VS code, how to open the VS from command prompt as shown for Atom ?(@40:00)

[@vibhutripathi9635]

Open window powershell

[@burgerxxiii]

If you're in the folder you want to open then "code ." else "code "

[@yoonjae13]

Can i get your code ?

[@lucasjleandro]

You save my life

[@masoomladka5636]

Thanks bro

[@mindasb]

Be carefull with this course. It is 7± years old but uploaded recently. Nobody is using AngularJS anymore. Learn Angular.

[@alikyurchenko2760]

Man, i have interview today at the project with this shit 💀💀💀

[@musabberislam]

Some platform still using it like servicenow and SAP