Course Information

Home
Video Lectures
Official Website

Course

Subject:	Web Development
Topic:	AngularJS
Views:	26,815

Educator

Name:	Java Brains (Koushik Kothagal)
Type:	Website

Visit Official Website

Thinking in Angular1

Video Lectures

Displaying all 37 video lectures.

Lecture 1 Play Video	Introduction to AngularJS Welcome to the course! This video introduces you to AngularJS and what this course is about.
Lecture 2 Play Video	Course Objectives Let's list the objectives of this course, and what I'd lke you to take away from it once you have completed it.
Lecture 3 Play Video	Should you learn Angular 1 or 2? This course is about Angular 1.x. With Angular 2 being not fully backward compatible, I'll address the question of which one you should be learning.
Lecture 4 Play Video	Course Prerequisites A quick look at the prerequisite knowledge you need to have before taking this course.
Lecture 5 Play Video	HTML, CSS and JS What you need to know Here's a quick primer on three essential technologies for working on the client side - HTML, CSS and JavaScript.
Lecture 6 Play Video	Why do we need Client Side Frameworks? In this video, I'll show you what is the problem that the various client side frameworks (including Angular) are trying to solve, and why we need them.
Lecture 7 Play Video	The Key To Thinking In Angular Learn about the motivations behind the AngularJS framework and the key distinction in approach and way of thinking.
Lecture 8 Play Video	Declarative vs Imperative Programming Learn the distinction between declarative and imperative programming, and how that applies to AngularJS programing
Lecture 9 Play Video	How an Angular Application Works Let's take a high level look at the basic parts of an AngularJS application and how it works
Lecture 10 Play Video	Software Required Now let's get the software ready to start writing our Angular applications
Lecture 11 Play Video	Your First Angular Application In this tutorial, we'll start writing our first AngularJS app!
Lecture 12 Play Video	Initializing and using variables Learn how to initialize and use a variables in an AngularJS application
Lecture 13 Play Video	Recap Of Three Directives Let's do a quick recap of the three directives we used in the last tutorial: ng-app, ng-init and ng-if.
Lecture 14 Play Video	Introducing Scope Learn about the concept of scope in AngularJS.
Lecture 15 Play Video	ngBind and Angular Expressions Learn how to bind model or scope data elements into the view.
Lecture 16 Play Video	Introducing the Angular Controller In this tutorial, you'll learn what controllers are and what the ng-controller directive does.
Lecture 17 Play Video	Creating and Using Angular Modules Learn how to create a module in Angular and use it to register a controller.
Lecture 18 Play Video	Controller Summary Let's summarize what we've learnt about controllers so far.
Lecture 19 Play Video	Dependency Injection And Scope Learn about the concept of dependency injection and how you can use that to access the scope object.
Lecture 20 Play Video	Coding Exercise Time for an exercise. Let's build a clock app that shows the current time on page load. Here's what we'll build.
Lecture 21 Play Video	Exercise Solution In this video, I'll walk through building the clock app from scratch.
Lecture 22 Play Video	ngClick and data binding Learn how to use the ng-click directive to bind to a click event on the browser. Also learn how data binding results in Angular dynamically updating the view.
Lecture 23 Play Video	Two Way Data Binding Learn how you can use the ng-model directive to two-way-bind data between the model and the view.
Lecture 24 Play Video	More Input Controls with ngModel Learn how to apply the ng-model two-way data binding to more HTML controls.
Lecture 25 Play Video	Nested Controllers and Scope Hierarchy In this video, you'll learn about the scope heirarchy that comes with having nested controllers.
Lecture 26 Play Video	Using ControllerAs Syntax Learn how to use the controller-as syntax to use controllers in Angular.
Lecture 27 Play Video	Calculator App Exercise In this exercise, you'll build a calculator app that lets you perform simple math operations on two numbers. Here's what you need to build.
Lecture 28 Play Video	Watch Me Code The Calculator App Watch me code the calculator app from scratch. I'll walk through the process step by step.
Lecture 29 Play Video	ngShow and ngHide Learn about two more Angular directives: ng-show and ng-hide, and when to use them instead of ng-if.
Lecture 30 Play Video	Looping with ngRepeat Learn about the ng-repeat directive that lets you create multiple HTML elements based on arrays.
Lecture 31 Play Video	Scopes in ngRepeat In thisvideo, we'll examine ng-repeat in a bit more detail and see how and why it creates scopes per iteration.
Lecture 32 Play Video	Angular Modules We've been creating an Angular module per application. In this video, you'll learn how to create multiple modules and establish dependencies between them.
Lecture 33 Play Video	Using an External Module To test our understanding of modules, we'll create an app that depends on a publicly available Angular module and learn how to make it work.
Lecture 34 Play Video	Coding Exercise Todo App It's time to build the todo app that puts into practice all the concepts you've learnt in this course. Here's what you'll need to build.
Lecture 35 Play Video	Watch Me Code The Todo App 1 Watch me code the Todo app - listing and adding new Todos
Lecture 36 Play Video	Watch Me Code The Todo App 2 Watch me code the Todo app - editing and deleting Todos
Lecture 37 Play Video	Next Steps Next, watch the course Angular 1 Services In-depth here: https://javabrains.io/courses/angularjs_services Let's wrap up this course with some next steps and what to learn next.