Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Component Driven Development using angular 1.5
Rating: 4.1 out of 5(157 ratings)
11,445 students

Component Driven Development using angular 1.5

Single Page Application (SPA) using components.
Last updated 5/2017
English

What you'll learn

  • Develop a single page application using angular components

Course content

1 section9 lectures30m total length
  • Introduction0:27

    Learn how to build an Angular 1.5 application using components, write and use components, and begin developing your app with a component-driven approach.

  • Setup4:44

    Set up an angular 1.5 project by configuring dependencies, creating a package, organizing local folders, and running scripts via the command prompt to install and verify the setup.

  • First Component1:36

    Create your first Angular 1.5 component by naming it, defining an object with a template property, and bootstrapping the application in the index file to render index cards.

  • Components3:55

    Build apps with a component driven model by creating and wiring header and other components, composing them into a parent structure and previewing them in the browser.

  • Routing2:51

    Explore routing in component driven development with Angular 1.5 by implementing a robust component router for home and about, configuring routes and component lookups.

  • User List Component6:14

    Develop a user list component in Angular 1.5 by creating a controller, fetching users on init, and rendering them in a repeated data grid template.

  • User Component2:57

    Learn to build and reuse a component in Angular 1.5, create a user template, pass a user object as input via bindings, and update the view with the digest cycle.

  • User Detail Component6:26

    Build a user detail component in Angular 1.5, manage route parameters and data retrieval, implement navigation between items, and render the end-user name in the template.

  • Summary1:33

    Learn to build a working app by wiring components with bindings and a router. Convert an existing app into components and write unit tests.

Requirements

  • Basic Javascript

Description

A new way of developing angular 1.x applications using components. Components stripped away lot of scope related complexities and made development more fun. Components are major building blocks of Angular 2, learning how to write components will also help you in migrating your existing angular 1.x application to Angular 2. I named this course Component Driven Development as we will be writing only components and coupling them together to build a complete SPA.

Who this course is for:

  • Web developer with knowledge on html and javascript