Angular 2.0 Bootcamp
$195
Angular 2.0 Bootcamp

Angular 2.0 Bootcamp

Event Information

Share this event

Date and Time

Location

Location

PeopleSpace

1691 Kettering St

Irvine, CA 92614

View Map

Friends Who Are Going
Event description

Description


Angular 2.0


Why Join Us?

In this two-day, hands-on, coding workshop, we give you all of the essential information to enable you to create apps using this dynamic framework. Prior angular knowledge is not required, but this is not a class for beginning programmers. You must know JavaScript before the class begins. We will not have time to teach it.

During the class, we will build a complete application in angular two including unit tests and a slick UI using Google's Material Design. We will make our app using a combination of Microsoft's TypeScript and JavaScript. Don't worry if you do not know TypeScript; it is a 100% JavaScript superset that we will use to make angular development even easier. TypeScript lets us use all of the best new JavaScript features even in older browsers.

Since this is a front-end workshop, we will not use any backend framework. We will instead use angular-mocks to fake one. For those who want to expand the app later, we will include tips on how to integrate it with your favorite backend.

Before class be sure to install all of the following apps. We want to write code in class not install

software.

1. Git

2. Node.js / npm

3. A JavaScript programmer's editor (I will be using JetBrain's WebStorm)


**Lunch provided for both days.


Syllabus:

Angular 2 Syllabus

  1. Introduction

  2. Agenda

  3. Node / NPM

  4. Angular 2

    1. Module

    2. Component

    3. Template

    4. Metadata

    5. Data Binding

    6. Service

    7. Directive

    8. Dependency Injection

  5. ES5

    1. Strict mode

    2. Syntax changes

    3. Object methods

    4. Array methods

    5. Strings

    6. Date

    7. JSON

  6. TypeScript (part 1)

    1. Why TypeScript?

    2. Setting up TypeScript

    3. Quick Example

  7. ES2015/ES6

    1. Template literals

    2. Optional parameters

    3. Default values

    4. Variable scoping

    5. Arrow (aka lambda) functions

    6. Rest operator

    7. Splat operator

    8. Destructuring

    9. Array methods

    10. for-of vs for-in

    11. Classes

    12. Promises

    13. Modules

  8. TypeScript (part 2)

    1. Types and type inference

    2. Interfaces

    3. Functions

    4. Classes

    5. Modules

    6. Generics

    7. Type definitions

    8. Troubleshooting

  9. Angular 2

    1. AngularJS vs Angular 2

    2. What's out?

    3. What's in?

  10. SystemJS

    1. Module loader vs tags

    2. Universal module loader

    3. .import()

    4. .config()

  11. Components

    1. root component

    2. boot strapping

  12. View

    1. specified by template property of the @Component annotation

    2. can use template: or templateUrl:

    3. UI layout + data

  13. The Component Router

    1. HTML5 History API

    2. Hash URL

    3. pushState()

    4. Implementation

  14. Directives

    1. Attribute Directives

    2. Structural Directives

  15. Injectors

  16. Data binding

    1. Events

    2. Properties vs Attributes

    3. Two-way data binding

  17. Dependency injection

    1. What is Dependency Injection, DI?

    2. How Angular implements DI?

  18. Angular Material Design

    1. Navigation

    2. Buttons

  19. Forms

    1. Template driven forms

    2. Validation

    3. Diagnostics

    4. Submit

  20. RxJS

    1. Observables

    2. Iterators

    3. Operators

    4. Schedulers

  21. Unit Testing

    1. Jasmine

    2. Mocks

    3. Spys

  22. Upgrading from AngularJS


Instructor, Troy Miles


Troy Miles is a senior software engineer and instructor. He is exceptionally skilled at full stack development with experience using both ASP.NET MVC and Node.js on the backend, SQL Server or MongoDB as the database and web or mobile on the front-end. He is also skilled in C#, Objective C, Java, and JavaScript well. He posses deep knowledge of the following frameworks: AngularJS, jQuery, jQuery Mobile, PhoneGap, Backbone, Ember, Jasmine, and Mocha.

LinkedIn: https://www.linkedin.com/in/troy-miles-7516321

About PeopleSpace Professional Development:

Our Training Courses are for working developers aim to enhance our resume, expand our skills and add new outlook to our technical community. The workshops provide a platform for more in depth exploration of new technologies, methodologies and concepts.

Check out upcoming courses here: http://peoplespace.us/featured-courses/

Share with friends

Date and Time

Location

PeopleSpace

1691 Kettering St

Irvine, CA 92614

View Map

Save This Event

Event Saved