~Get Your Files Here !

  1. Introduction

   1. Introduction to Angular.srt

   2. What is Single Page Application.srt

   3. What is Component based development.srt

  10. A Comprehensive Example Contact App based on previous topics

   1. Angular Contact Application Part 1.srt

   15-Angular-Contact-App

    angular.json

    editorconfig

    karma.conf.js

    package.json

    src

     app

      app.component.css

      app.component.spec.ts

      app.module.ts

      components

       contact-app

        contact-app.component.html

        contact-app.component.ts

       contact-card

        contact-card.component.html

        contact-card.component.ts

       contact-list

        contact-list.component.html

        contact-list.component.ts

      models

      services

       contact.service.ts

     assets

      img

       card_2.jpg

       card_4.jpg

       card_6.jpg

     environments

      environment.ts

     favicon.ico

     main.ts

     styles.css

    tsconfig.app.json

    tsconfig.spec.json

   2. Angular Contact Application Part 2.mp4

   3. Angular Contact Application Resources.html

  11. The Router Configuration in Angular

   1. Angular router configuration.srt

   16-Angular-Routing

    package.json

    src

     app

      app.component.css

      app.component.spec.ts

      app.module.ts

      components

       about

        about.component.html

        about.component.ts

       employee-details

        employee-details.component.html

        employee-details.component.ts

       employees

        employees.component.html

        employees.component.ts

       home

        home.component.html

        home.component.ts

       navbar

        navbar.component.html

        navbar.component.ts

       stocks

        stocks.component.html

        stocks.component.ts

      models

       IStock.ts

      services

       employee.service.ts

       stock.service.ts

     assets

      img

       card_1.jpg

       card_3.jpg

     bootstrap

      css

       bootstrap.min.css

       mdb.css

       style.css

      font

       roboto

        Roboto-Bold.ttf

        Roboto-Bold.woff2

        Roboto-Light.ttf

        Roboto-Light.woff2

        Roboto-Medium.ttf

        Roboto-Medium.woff2

        Roboto-Regular.ttf

        Roboto-Regular.woff2

        Roboto-Thin.ttf

        Roboto-Thin.woff2

      img

       lightbox

        default-skin.svg

       overlays

        02.png

        04.png

        06.png

        08.png

       svg

        arrow_right.svg

      js

       bootstrap.min.js

       jquery-3.3.1.min.js

       mdb.min.js

      webfonts

       fa-brands-400.svg

       fa-brands-400.woff

       fa-regular-400.eot

       fa-regular-400.ttf

       fa-regular-400.woff2

       fa-solid-900.svg

       fa-solid-900.woff

     environments

      environment.ts

     index.html

     notes

      github-search-app-angular.png

     styles.css

   2. Angular Router with page design.mp4

   3. Angular router with REST API Configuration.mp4

   4. Angular router with service configuration.mp4

   5. Angular router with Dynamic routing.mp4

   6. Angular router with redirection.mp4

   7. Angular Routing Resources.html

  2. Environment setup or Software Installation

   1. Node JS , Angular CLI , TypeScript Installation.srt

   2. VS Code & WebStorm IDE Installation.srt

  3. Kickstart Angular first application

   01-Angular-CSS-Styles

    angular.json

    editorconfig

    karma.conf.js

    package.json

    src

     app

      app.component.css

      app.component.spec.ts

      app.module.ts

      components

       card

        card.component.html

        card.component.ts

     assets

     environments

      environment.ts

     favicon.ico

     main.ts

     styles.css

    tsconfig.app.json

    tsconfig.spec.json

   1. Creating the first application in Angular.mp4

   2. Understanding folder Structure & Control Flow of Angular Application.mp4

   3. Understanding App Component and applying styles to it..mp4

   4. Creating a custom component in Angular with CSS Styles.mp4

  4. Third Party Libraries integration with Angular Application

   02-Angular-Bootstrap-Styles

    angular.json

    editorconfig

    karma.conf.js

    package.json

    src

     app

      app.component.css

      app.component.spec.ts

      app.module.ts

     assets

     environments

      environment.ts

     favicon.ico

     main.ts

     styles.css

    tsconfig.app.json

    tsconfig.spec.json

   1. Bootstrap configuration to Angular application.mp4

   2. Font Awesome Icons configuration and Google fonts to Angular Applications.mp4

  5. Angular application with Data Binding

   03-Angular-Bootstrap-Cards

    angular.json

    editorconfig

    karma.conf.js

    package.json

    src

     app

      app.component.css

      app.component.spec.ts

      app.module.ts

      components

       card

        card.component.html

        card.component.ts

     assets

      img

       card_2.jpg

       card_4.jpg

       card_6.jpg

     environments

      environment.ts

     favicon.ico

     main.ts

     styles.css

    tsconfig.app.json

    tsconfig.spec.json

   04-Angular-Data-Binding

    angular.json

    editorconfig

    karma.conf.js

    package.json

    src

     app

      app.component.css

      app.component.spec.ts

      app.module.ts

      components

       card

        card.component.html

        card.component.ts

     assets

      img

       card_2.jpg

       card_4.jpg

       card_6.jpg

     environments

      environment.ts

     favicon.ico

     main.ts

     styles.css

    tsconfig.app.json

    tsconfig.spec.json

   1. Bootstrap Cards Example with Data Bindings.srt

   2. All types of data bindings in Angular application.srt

  6. Events Handling in Angular Applications

   05-Angular-Events-Binding-Counter-Example

    angular.json

    editorconfig

    karma.conf.js

    package.json

    src

     app

      app.component.css

      app.component.spec.ts

      app.module.ts

      components

       counter

        counter.component.html

        counter.component.ts

     assets

      img

       card_2.jpg

       card_4.jpg

       card_6.jpg

     environments

      environment.ts

     favicon.ico

     main.ts

     styles.css

    tsconfig.app.json

    tsconfig.spec.json

   07-Angular-Events-Binding-Product-Item

    angular.json

    editorconfig

    karma.conf.js

    package.json

    src

     app

      app.component.css

      app.component.spec.ts

      app.module.ts

      components

       product-item

        product-item.component.html

        product-item.component.ts

     assets

      img

       card_2.jpg

       card_4.jpg

       card_6.jpg

     environments

      environment.ts

     favicon.ico

     main.ts

     styles.css

    tsconfig.app.json

    tsconfig.spec.json

   08-Angular-Events-Binding-Shopping-Cart

    angular.json

    editorconfig

    karma.conf.js

    package.json

    src

     app

      app.component.css

      app.component.spec.ts

      app.module.ts

      components

       product-item

        product-item.component.html

        product-item.component.ts

       shopping-cart

        shopping-cart.component.html

        shopping-cart.component.ts

     assets

      img

       card_2.jpg

       card_4.jpg

       card_6.jpg

     environments

      environment.ts

     favicon.ico

     main.ts

     styles.css

    tsconfig.app.json

    tsconfig.spec.json

   1. Angular Events handling with simple counter example.mp4

   2. Multiple button clicks with Wish Message example.mp4

   3. A Product Item handling in a product cart example.mp4

   4. A simple shopping cart example with incr or decr the items quantity.mp4

  7. Forms Binding in Angular applications

   09-Angular-Forms-Binding-All

    angular.json

    editorconfig

    karma.conf.js

    package.json

    src

     app

      app.component.css

      app.component.spec.ts

      app.module.ts

      components

       amount-range

        amount-range.component.html

        amount-range.component.ts

       change-username-auto

        change-username-auto.component.html

        change-username-auto.component.ts

       change-username

        change-username.component.html

        change-username.component.ts

       show-password

        show-password.component.html

        show-password.component.ts

       sms-app

        sms-app.component.html

        sms-app.component.ts

       theme

        theme.component.html

        theme.component.ts

       user-register

        user-register.component.html

        user-register.component.ts

     assets

      img

       card_2.jpg

       card_4.jpg

       card_6.jpg

     environments

      environment.ts

     favicon.ico

     main.ts

     styles.css

    tsconfig.app.json

    tsconfig.spec.json

   1. A manual forms binding in Angular.mp4

   2. Automatic forms binding or Two way data binding in Angular.mp4

   3. A sms application with Angular forms binding example.mp4

   4. A show password example with Angular forms binding.mp4

   5. An amount range example with Angular forms binding.mp4

   6. A theme selector example with Angular forms binding.mp4

   7. A complete Registration form using Angular forms binding.mp4

   8. All forms bindings Resources.html

  8. Angular Structural directives , Interaction , Pipes

   1. Angular Structural directives example.srt

   10-Angular-Structural-Directives

    angular.json

    editorconfig

    karma.conf.js

    package.json

    src

     app

      app.component.css

      app.component.spec.ts

      app.module.ts

      components

       auth-user

        auth-user.component.html

        auth-user.component.ts

       shopping-cart

        shopping-cart.component.html

        shopping-cart.component.ts

     assets

      img

       card_2.jpg

       card_4.jpg

       card_6.jpg

     environments

      environment.ts

     favicon.ico

     main.ts

     styles.css

    tsconfig.app.json

    tsconfig.spec.json

   11-Angular-Nested-Components-Interaction

    angular.json

    editorconfig

    karma.conf.js

    package.json

    src

     app

      app.component.css

      app.component.spec.ts

      app.module.ts

      components

       auth-user

        auth-user.component.html

        auth-user.component.ts

       product

        product.component.html

        product.component.ts

       shopping-cart

        shopping-cart.component.html

        shopping-cart.component.ts

     assets

      img

       card_2.jpg

       card_4.jpg

       card_6.jpg

     environments

      environment.ts

     favicon.ico

     main.ts

     styles.css

    tsconfig.app.json

    tsconfig.spec.json

   12-Angular-Pipes-Services

    pipes

     pipes.component.html

     pipes.component.ts

   2. Angular directive NgFor for list of items.mp4

   3. Angular with nested components and its interaction.mp4

   4. Pipes in Angular applications.mp4

  9. Angular Services & Observables

   1. What are angular Services.srt

   12-Angular-Pipes-Services

    pipes

     pipes.component.html

     pipes.component.ts

   13-Angular-Server-Connection-Http

    angular.json

    editorconfig

    karma.conf.js

    package.json

    src

     app

      app.component.css

      app.component.spec.ts

      app.module.ts

      components

       user-list

        user-list.component.html

        user-list.component.ts

      models

      services

       user.service.ts

     assets

      img

       card_2.jpg

       card_4.jpg

       card_6.jpg

     environments

      environment.ts

     favicon.ico

     main.ts