AngularJs with Bootstrap in Action

On this lecture I will give you a short introduction of what to expect from this section.

On this lecture I will give you a short introduction of what to expect from this section about the basic angularJS tags.

On this lecture you will learn what ng-app does. We will mess with the code for you to understand it better,

On this lecture you will learn what is the function of the tag ng-controller.

On this lecture you will learn the importance of the $scope and we will play with it coding some examples.

On this lecture you will learn what the $rootScope is and when to use it.

On this lecture you will learn ng-repeat. It will loop through arrays and display on the screen.

On this lecture I will give you a short introduction of what to expect from this section about the event directives.

On this lecture we will create a new app which will be responsible to show a documentation with all the event directives that we will learn on this section.  It is available for download on the last lecture of this section

On this lecture we will write one example of the ng-click in action and add it to the documentation application.

On this lecture we will write one example of the ng-change in action and add it to the documentation application.

On this lecture we will write one example of the ng-focus and add it to the documentation application.

On this lecture we will write one example of the ng-blur in action and add it to the documentation application.

On this lecture we will write one example of the handy ng-copy event in action and add it to the documentation application.

On this lecture we will write one example of the handy ng-cut event in action and add it to the documentation application.

On this lecture we will write one example of the handy ng-paste event in action and add it to the documentation application.

On this lecture just for fun we will write one example of the ng-dblclick event in action and add it to the documentation application.

On this lecture you will learn about the keyboard events
ng-keyup
ng-keydown
ng-keypress. 

We will also add the example for those into our documentation project

On this lecture you will learn about the events related to mouse. being them:
ng-mouseup
ng-mousedown
ng-mouseenter
ng-mouseleave
ng-mouseover
ng-mousemove.

We will also add the example for those into our documentation project

Small refactor was done and the project is renamed to doc-events.

Download the doc-events project here

On this lecture I will give you a short introduction of what to expect from this section about the conditional tags.

On this lecture we will create the documentation page for the conditional directives. It is available for download on the last lecture of this section.

On this lecture you will learn how to use the conditional ng-if.

On this lecture you will learn how to use ng-hide and we will add it to the documentation project.

On this lecture you will learn how to use ng-show and we will add it to the documentation project.

On this lecture you will learn the awesome ng-class. We will test it in two cool ways while including it into our documentation project

On this lecture we will overview what was learned and you have the download ready for you.

On this lecture I will give you a short introduction of what to expect from this section about Dependency Injection. This is widely used in Angular so don't miss it.

On this lecture we will create a project that will work as a reference and study board for the lectures of this section.

On this lecture you will learn how controller works and a few ways to inject dependencies on it.

On this lecture we will apply the same code into multiple controllers with different data into the same page and see what happens.

On this lecture you will learn what is a factory in AngularJs. We will code one example and refactor our controllers.

On this lecture we will code a service and understand the difference between service and factory.

On this lecture we will learn and code the prototype and inheritance. We will code a nice example.

On this lecture we will do a quick overview of the section and there is also available the "di" project coded during the lectures of this section.

On this lecture I will give you a short introduction of what to expect from this section about creating and submitting forms..

On this lecture we will create a project that will have all the examples documented for the lectures of this section.

This lecture will show you in more detail what does ng-model do. We will also add it to our documentation awesomeness.

On this lecture we will apply the ng-disabled directive to some form fields and add to our awesome documentation project.

On this lecture we will write a form with a ng-submit example to explain what is does. 

On this lecture we will change the values for the checkboxes. We will use ng-true-value, ng-false-value and add the example to our documentation.

On this lecture you will learn how to load a list of options into your <select> object or dropdown. also two different ways to retrieve the selected option one by the array object and another by the single value 

On this lecture you will learn how to pre-select an option into a dropdown. You will understand the difference between selecting the default of a dropdown that has just the value and the other that returns the item of the array used to create the list of <option>

On this lecture we will learn how to make a field required and how to check it it is valid using $valid

On this lecture you will learn how to grab the current state of a input field. Being it on of those

• $untouched 
• $touched 
• $pristine 
• $dirty 
• $invalid 
• $valid 

On this lecture you will learn how to grab the current state of the form. Being it on of those

• $pristine 
• $dirty 
• $invalid 
• $valid 

On this lecture we will go through all the lectures learn on this section and do a quick recap. 

We will also refactor the last lecture to fix the conflict with the first lecture.

And don't forget to download the Project we created on this section

On this lecture I will give you a short introduction of what to expect from this section about npm.

On this lecture we will install NodeJS

On this lecture we will learn npm init by using it to create a new project

On this lecture we will explore the npm install command line as well as understand the importance of the package.js

On this lecture we will install ExpressJS and more packages needed to start a server on localhost. We will also develop the code for the server to start and test it.

On this lecture we will create out first REST API. We will implement the GET method which will return a predefined JSON.

As a bonus we will use a module installed by npm that will make the server reload every time the code changes so we don't need to do it manually.

On this lecture you will leran how to add a route into the server to our AngularJs application

This lecture will be an overview of all you have learned on this section.

Also feel free to download the code we have done together on this section.

On this lecture I will give you a short introduction of what to expect from this section about Browserify. It will make life easier and cleaner for you..

On this section we will create a project to understand what is the problem that we are trying to solve and how Browserify can help us.

On this section you will understand how to use require and how to use exports.

On this lecture you will learn how to execute Browserify. We will also change the index.html to import a single js file as opposed as many as we did before.

On this lecture we will add browserify command line into package.json so we can execute as npm run build.

We will also clean up a little bit our application.

On this lecture we will do a quick overview of what we have learned on this section.

You can also download the project created in here.

On this lecture I will give you a short introduction of what to expect from this section about Directives.

On this lecture you will understand what is a directive and when to use it.

On this lecture we will create the project  that will be used on this whole section. We will also configure a NodeJS server so we can use it as localhost.

On this lecture we will create our first directive to have a feel of what it is and how to use it and we will learn the detail of it on the next lectures of this section.

This directive will create the documentation sections that we have been copying and pasting on the previous sections.

On this lecture you will learn what is a element directive and how it is used. We will add it to our document project.

On this lecture you will learn what is a attribute directive and how it is used. We will add it to our document project.

On this lecture you will learn what is a class directive and how it is used. We will add it to our document project.

On this lecture you will learn what is a comment directive and how it is used. We will add it to our document project.

On this lecture you will learn what is the difference between template and templateUrl coding some examples and adding to our documentation.

On this lecture we will create an isolate scope and test the differences between Isolated or shred from the controller

On this lecture you will learn what the =(Equals) when used to receive attributes on the isolated scope.

We will code sample and add to our documentation.

On this lecture you will learn what the @(At) when used to receive attributes on the isolated scope.

We will code sample and add to our documentation.

On this lecture you will learn what the &(Ampersand) when used to receive attributes on the isolated scope.

We will code sample and add to our documentation.

On this lecture you will learn how to preserve data from the innerHTML of the directive after the directive is compiled.

On this lecture you will learn ho to implement a controller inside the directive so you can create functions and attributes that are used to make the directive function the way you want.

On this lecture you will learn how to use the link function and what is the difference and order of execution against the directive controllers.

We will create examples that change the DOM and receive elements and attributes made up by us.

On this lecture you will learn how to use the compile function and we will show the order in which the pre-link and post-link are loaded. We will also add a controller for fun.

On this lecture we will overview everything you have learned on this section.

You also can download the project directives created during this section with the document and all the lecture classes coded.