Angular 2 From The Ground Up - Product Image

Access

Lifetime

Content

10.5 hours

Lessons

82

Angular 2 From The Ground Up

This Angular 2 Course is 9 Hours & Still Growing, So Get On Board Now!

By Mirko Nasato | in Online Courses

Description

Learning Angular 2, the new version of the JavaScript framework created by Google, is easy with this immersive 9-hour course. You'll cover all of the fundamentals of Angular 2 and gain the skills to separate yourself from other web developers. The best part? This course is still adding content that you'll have access to down the line.

Access 82 lectures & 10.5 hours of content 24/7
Understand the basic Angular 2 concepts, like Components, Form Validation, Templates, Services, Dependency Injection & more
Choose the best language for you, between JavaScript, new JavaScript, or TypeScript
Make HTTP requests & integrate w/ backend
Set up a production-ready build workflow using NPM & Webpack
Write unit tests w/ Jasmine & run them w/ Karma
Navigate w/ the Angular Router
Receive downloadable code samples for the Angular 2.0.0 final release

Instructor

Mirko has over 15 years of experience in Software Development and has worked for many different companies, from startups to large, high-profile organisations such as the BBC, the Expedia group, and The Financial Times.

Ever since getting his hands on a Commodore 64 as a kid he nourished a passion for computers that led him to start using Linux in 1997, publishing open source projects in 2003, and practising Test-Driven Development (TDD) and Extreme Programming (XP) in 2005.

He has written code in more than a dozen different programming languages, and is familiar with all the facets of application development, from backend services to web front-ends and mobile apps. He also holds a Postgraduate Diploma in Software Development from the Open University.

He is always keen to learn new technologies and enjoys teaching online because it gives him the opportunity to share his experience with thousands of other developers.

He is currently based in London, U.K., where he runs his consultancy company, Encoded Knowledge Ltd.

Important Details

Length of time users can access this course: lifetime
Access options: web streaming, mobile streaming
Certification of completion not included
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: all levels

Requirements

Internet required

Course Outline

Introduction
- Course Overview (3:19)
First Application
- Technical Requirements
- Writing a Component (9:00)
- Composing Components (8:03)
- Writing a Service (8:33)
- Dependency Injection (7:16)
- Change Detection (5:24)
- Modules (7:26)
- Exercise
ES6/ES2015
- Technical Requirements
- ES6 Specification (4:46)
- Project Setup with NPM and Babel (6:19)
- Multiline Strings, Arrow Functions, Let and Const (7:39)
- Classes, Decorators (7:14)
- Modules (10:53)
- Exercise
TypeScript
- TypeScript Language (7:49)
- Type Annotations (10:49)
- Private Modifier (4:33)
- Further TypeScript Resources
- Exercise
- ES5 vs ES6 vs TypeScript (6:45)
Templates
- Property Binding (7:37)
- Properties vs Attributes (6:38)
- Event Binding (9:05)
- Two-Way Binding (10:21)
- Class and Style Binding (10:23)
- Helper Service (8:32)
- Component Property Binding (7:40)
- ngFor Directive (8:16)
- Component Event and Two-Way Binding (12:39)
- ngIf Directive (7:12)
- Built-In Pipes (8:33)
- Writing a Pipe (9:11)
- Exercise
HTTP Client and Backend Integration
- HTTP Client (12:52)
- ES6 Promises (19:14)
- Rx Observables (16:36)
- REST APIs and Firebase (12:17)
- Retrieving Data (13:18)
- Creating Data (11:24)
- Deleting Data (6:29)
- Updating Data (12:01)
- Error Handling (10:18)
- Exercise
Production-Ready Build Workflow
- Build Workflow Requirements (5:28)
- Angular CLI (7:45)
- NPM Packages (10:51)
- TypeScript Compiler and Typings (12:05)
- NPM Scripts (6:22)
- Webpack (10:45)
- Webpack Dev Server (8:16)
- Webpack Define Plugin (10:00)
- Webpack Require (8:29)
- Exercise
Unit Testing with Jasmine and Karma
- Guess The Word (4:27)
- Jasmine Tests (13:54)
- Karma Test Runner (15:53)
- Karma Auto-Watching (13:08)
- TestComponentBuilder (14:08)
- Injecting Mock Dependencies (10:07)
Routing
- Angular Tunes (9:47)
- Navigation with ngSwitch (10:19)
- Angular Router (12:32)
- Route Parameters (12:13)
- Exercise: Albums
- Guards (14:23)
- Query Parameters (8:16)
- HTML5 History API (9:18)
Appendix: Node.js Installation
- Installing Node.js on Windows (5:03)
- Installing Node.js on Mac/Linux (8:39)

View Full Curriculum

Learn Angular 2 Development By Building 10 Apps - Product Image

Access

Lifetime

Content

14 hours

Lessons

81

Learn Angular 2 Development By Building 10 Apps

Build 10 Useful Apps & Discover the New Abilities of This Powerful, Scalable JavaScript Library

By Eduonix Technologies | in Online Courses

Description

Course Description

Angular 2 is the latest version of the powerful JavaScript library, AngularJS, and has been praised for the speed, cross-platform capability, flexibility, and expressiveness it has augmented from the original framework. The new features of Angular 2 put a greater emphasis on mobile development, browser compatibility, and dynamic loading. Throughout this course, you'll use Angular 2 to build 10 apps, gaining a better grasp of this new technology as you go.

Access 81 lectures & 14 hours of content 24/7
Explore related technologies like NodeJS, Firebase, MongoDB & the Ionic Framework
Build a simple Angular website to get acquainted w/ the Angular 2 framework
Learn how to build an application that allows you to search Github profiles using the Github API
Incorporate the Spotify API & create an album/artist application
Design a functional Todos App using the MongoDB, Express, Angular & NodeJS
Create a business listing or business contacts app using Firebase
Build fitness, weather, movie & maps apps

Instructor

Eduonix creates and distributes high-quality technology training content. Their team of industry professionals has been training manpower for more than a decade. They aim to teach technology the way it is used in the industry and professional world. They have a professional team of trainers for technologies ranging from Mobility, Web and Enterprise, and Database and Server Administration.

If you have any questions, feel free to contact Eduonix at info@eduonix.com.

Important Details

Length of time users can access this course: lifetime
Access options: web streaming, mobile streaming
Certification of completion not included
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: intermediate

Course Outline

Course Intro
- Intro (4:08)
Simple Angular 2 Webiste
- Project Intro (1:22)
- A2 Quickstart Setup and Explanation (15:16)
- Navbar Component (10:46)
- Jumbotron & Page Components (9:11)
- Angular 2 Router (9:38)
Github Profile Searcher
- Project Intro (1:00)
- QuickStart & Profile Component Setup (9:14)
- Github Service & Get User (12:44)
- Displaying Profile Data (9:51)
- Displaying User Repos (7:01)
- Search User Functionality (7:05)
Spotify App
- Project Intro (2:26)
- Navbar & Router Setup (18:03)
- Search Component & Service (15:52)
- Search Results (8:18)
- Artist Component & Route (14:45)
- Artist Page & Album List (15:21)
- Album Component & Route
MEAN Todos App
- Project Intro (1:18)
- Node.js Express Server Setup (16:11)
- Backend API Routes (18:31)
- Client Side Setup & Bower (14:04)
- Todos Component & UI (11:49)
- Display Todos From MongoDB (11:03)
- Saving Todos (7:25)
- Updating Todos (14:07)
- Deleting Todos (4:38)
Firebase Business Listings
- Project Intro (3:01)
- AngularFire2 & Firebase Setup (17:05)
- Business Service (14:10)
- Frontend UI With Foundation (13:49)
- Category Filter & Add Businesses (36:08)
- Edit and Delete Businesses (11:25)
MyWorkouts - Ionic 2 Mobile App
- Project Intro (2:22)
- Ionic 2 & mLab Setup (14:30)
- Ionic 2 UI & Pages (13:56)
- Fetch Workouts Using A Service (12:06)
- Workout List & Details Pages (12:40)
- Add Workouts (14:26)
- Delete Workouts (7:16)
MyWeather - Ionic 2 Mobile App
- Project Intro (2:10)
- WUnderground API & Ionic 2 Setup (10:28)
- Fetch Data Through Weather Service (16:30)
- Displaying The Weather Data (11:14)
- Autocomplete API (14:47)
- Choose City Functionality (6:16)
- Settings and Default City (17:00)
Webmarks Meteor App
- Project Intro (3:01)
- Meteor Setup (11:19)
- Angular 2 Root App Component (11:04)
- Bookmarks List Component & Collection (15:17)
- Add & Remove Bookmarks (14:35)
- Router & Details Page (17:39)
- Binding & Updating Bookmarks (8:08)
- Authentication & Access (17:18)
MapIt - Google Maps App
- Project Intro (2:29)
- Google Maps Setup (13:28)
- Marker Display (10:35)
- Map Functions & Events (6:58)
- Add Marker Form (13:32)
- Marker Service & Local Storage (11:39)
- Moving & Deleting Markers (9:56)
Movie Finder
- Project Intro (1:55)
- App and Movies Component Setup (10:00)
- Popular & In Theaters (18:18)
- Movie Search (7:03)
- Router & Route Params (14:47)
- Movie Details Page (11:55)
Course Summary
- Summary (4:07)

View Full Curriculum

Access

Lifetime

Content

5 hours

Lessons

71

Angular 2 Crash Course

The Newest Version of the Popular AngularJS Framework Will Give Your Resume a Major Boost

By Stone River eLearning | in Online Courses

Description

If you want to gain a competitive edge in UI/UX design, web development, or mobile apps, then it's important to know Angular 2, the newest version of the popular AngularJS framework. Regardless of experience, this course will get you up to date with all the basic AngularJS features, and all the new ones contained in Angular 2. You'll start with an introduction to TypeScript, the Cloud 9 IDE, and using Angular 2 modules, before progressing to building your own Angular 2 projects.

Access 71 lectures & 5 hours of content 24/7
Understand Angular 2 & how it can help you as a developer
Code an Angular 2 project w/ an online IDE
Get to grips w/ Angular 2's many powerful features
Improve your UI/UX design & development skills
Discover what's new in the latest version of Angular

Instructor

Stone River eLearning was founded in 2011, and has taught over 300,000 students through its website and reseller partners since its founding. Their courses focus on programming, development and design.

Important Details

Length of time users can access this course: lifetime
Access options: web streaming, mobile streaming
Certification of completion not included
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: all levels

Requirements

Internet required

Course Outline

Introducing Angular 2
- Section Introduction (2:00)
- Say Hello to Angular 2 (4:10)
- How This Course Works (3:02)
- Section Summary (0:52)
- Overview of the Course Project (2:00)
Pack Our Lunch
- Section Introduction (0:59)
- Why Typescript In Angular 2 (3:56)
- Getting the Cloud9 Online IDE (1:24)
- Setting Up the Cloud9 IDE (2:02)
- Setting Up The Course Project (8:06)
- Using Angular 2 Modules (3:47)
- Section Summary (1:26)
Angular2 Components
- Section Introduction (1:27)
- The Component Defined (2:43)
- The App Component (6:00)
- Tying a Component Together (2:09)
- The Component Parts (5:34)
- Bootstrapping An Angular2 App (7:55)
- Section Summary (4:05)
Building Angular2 UI
- Section Introduction (2:48)
- The Component Template (6:28)
- Create A Template (3:07)
- The Directive Component (4:35)
- Interpolation (5:32)
- Angular2 Builtin Directives (13:31)
- Section Summary (4:13)
Binding in Angular2
- Section Introduction (2:07)
- Property Binding (5:01)
- Event Binding (5:31)
- Data Binding (2:54)
- Formatting Bound Data (4:30)
- Section Summary (2:58)
Advanced Component Concepts
- Section Introduction (2:59)
- Interfaces And Components (7:08)
- Styling Components (5:15)
- Component Lifecycle Events (5:21)
- Pipe Transform Interface (10:29)
- Section Summary (4:03)
Component Composition
- Section Introduction (2:38)
- Parentchild Components (7:07)
- More Parentchild Components (3:13)
- Property Binding With Input (3:42)
- Event Binding With Output (7:24)
- Section Summary (2:47)
Services
- Section Introduction (2:09)
- Angular2 Dependency Injection (2:47)
- Creating Services (4:18)
- Using Services (3:49)
- Service Injection (6:08)
- Section Summary (2:32)
Web Services
- Section Introduction (1:41)
- Observables Vs Promises (2:41)
- Using Reactive Extensions (2:44)
- HTTP Requests (8:31)
- Implementing Observables (3:17)
- Section Summary (2:33)
Angular2 Routing
- Section Introduction (7:07)
- Route Configuration (4:16)
- Routes And Actions (6:35)
- Routes And Views (2:16)
- Routes And Parameters (7:44)
- Routes And Code (3:24)
- Section Summary (5:22)
Setting up Angular2 from Scratch
- Section Introduction (0:34)
- Configuring The Compiler (3:33)
- Project Dependencies (3:51)
- Core Libraries (1:07)
- Section Summary (0:43)
Course Summary
- Section Introduction (0:39)
- Review of Concepts (1:59)
- Beyond This Course (0:55)
- Course Finale (1:43)

View Full Curriculum

Angular 2 with TypeScript for Beginners: The Pragmatic Guide - Product Image

Access

Lifetime

Content

7.0 hours

Lessons

156

Angular 2 with TypeScript for Beginners: The Pragmatic Guide

This Comprehensive Course Will Have You Building Angular 2 Applications in Minutes

By Programming with Mosh | in Online Courses

Description

Start building Angular 2 apps within minutes of this comprehensive, 7 hour course. You'll learn this exciting new framework with hands-on lessons, and by building actual, real-world applications. Approved by Google Developer Expert, Todd Motto, this is the one-stop shop to master Angular 2.

Access 156 lectures & 7 hours of content 24/7
Master the core Angular 2 concepts & how to use them in building real-world apps
Understand & resolve common Angular 2 errors
Build single page applications (SPA)
Learn ways to write cleaner, more maintainable code, & build reusable components
Use Reactive Extensions & Observables to handle asynchrony
Connect to backend services & APIs

Instructor

Moshfegh Hamedani is a passionate and creative software engineer with a strong focus on pragmatism and simplicity. He started programming at the age of seven on a Commodore 64. Later, during his high school years, he started learning C and C++ . In 2002, along with the first release of .NET, he shifted his focus to C#. Since then he has been involved in the design and implementation of numerous software projects, including modern web applications, mobile apps, desktop applications and frameworks.

Aside from his career as a software engineer, he truly enjoys sharing his knowledge with others. Since his early twenties, he has been teaching courses and running workshops on C#, ASP. NET, object-oriented programming and clean coding. He is author of 6 best-selling courses on Udemy and more will be coming soon.

Mosh has a Master of Science in Network Systems and a Bachelor of Science in Software Engineering. He is also a Microsoft Certified Application Developer, Technology Specialist (Web Applications) and Professional.

Outside the software world, Mosh is a photographer, a pianist and a passionate Latin dancer.

Important Details

Length of time users can access this course: lifetime
Access options: web streaming, mobile streaming
Certification of completion not included
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: all levels, but familiarity with developing web applications is necessary

Course Outline

Getting Started with Angular 2
- 1- What is Angular 2 (2:59)
- 2- Architecture of Angular 2 Apps (4:53)
- 3- TypeScript (3:51)
- 4- Setting Up the Development Environment (1:38)
- 5- Your First Angular 2 App (4:36)
- 6- TypeScript Compilation (3:13)
- Angular Dependencies
- angular2-seed
The Big Picture
- 1- Introduction (0:30)
- 2- Creating Components (4:23)
- 3- Using Components (5:25)
- 4- Templates (4:30)
- 5- Services (2:32)
- 6- Dependency Injection (5:46)
- 7- Angular Basics Cheat Sheet
- 8- Exercise (0:57)
- 9- Code Review (2:22)
- 10- Directives (7:39)
- 11- Summary (0:25)
- Boilerplate
- Completed
Displaying Data and Handling Events
- 1- Introduction (0:22)
- 2- Property Binding (3:25)
- 3- Class Binding (1:48)
- 4- Style Binding (1:10)
- 5- Event Binding
- 6- Two-way Binding (5:23)
- 7- Bindings Cheat Sheet
- 8- Exercise (1:35)
- 9- Code Review (1:39)
- 10- Summary (0:25)
Building Re-usable Components
- 1- Introduction (0:21)
- 2- Component API (1:42)
- 3- Input Properties (4:27)
- 4- Output Properties (4:32)
- 5- Templates (2:55)
- 6- Styles (3:31)
- 7- Angular Components Cheat Sheet
- 8- Exercise (1:15)
- 9- Code Review (2:35)
- 10- Exercise 2 (3:25)
- 11- Code Review 2 (4:10)
- 12- Challenge (2:17)
- 13- Summary (0:34)
Controlling Rendering of HTML
- 1- Introduction (0:19)
- 2- ngIf (4:30)
- 3- ngSwitch (7:04)
- 4- ngFor (2:13)
- 5- Leading Asterisk (2:22)
- 6- ngClass (2:23)
- 7- ngStyle2 (1:58)
- 8- Elvis Operator (3:15)
- 9- ngContent (5:45)
- 10- Angular Templates Cheat Sheet
- 11- Exercise (1:51)
- 12- Code Review (3:32)
- 13- Solution - ZippyComponent
- 14- Summary (0:36)
Building Forms with Simple Validation
- 1- Introduction (0:34)
- 2- Building a Basic Form (7:00)
- 3- Control and ControlGroup (3:18)
- 4- ngControl (6:13)
- 5- Showing Validation Erros (7:00)
- 6- Showing Specific Validation Errors (6:05)
- 7- ngForm (5:17)
- 8- Disabling the Submit Button (1:27)
- 9- Angular Template-driven Forms Cheat Sheet
- 10- Exercise (1:10)
- 11- Solution - Template-driven Forms
- 12- Summary (0:41)
Building Forms with Complex Validation
- 1- Introduction (0:20)
- 2- Building a Basic Form (0:47)
- 3- Creating Controls Explicitly (8:43)
- 4- Using FormBuilder (2:29)
- 5- Implementing Custom Validation (6:58)
- 6- Async Validation (8:37)
- 7- Showing a Loader Image (1:48)
- 8- Validating Upon Form Submit (3:09)
- 9- Angular Model-driven Forms Cheat Sheet
- 10- Exercise (2:51)
- 11- Exercise - Model-driven Form
- 12- Solution - Model-driven Forms
- 13- Summary (0:54)
Introduction to Reactive Extensions
- 1- Introduction (0:33)
- 2- What is Reactive Extensions (1:48)
- 3- Callback Hell (5:51)
- 4- Observables (2:47)
- 5- SeedForObservables
- 6- Creating Observables (2:43)
- 7- Using Observable Operators (4:20)
- 8- Transforming Observables (5:37)
- 9- Canceling Subscriptions (0:52)
- 10- Importing Operators (2:26)
- 11- Exercise (0:53)
- 13- Summary (0:56)
- 12- Adventures in Rx
Connecting to the Server
- 1- Introduction (0:14)
- 2- A Simple RESTful API (1:32)
- 3- Getting Data (6:30)
- 4- Sending Data (1:48)
- 5- Dependency Injection (5:11)
- 6- Component Lifecycle (2:56)
- 7- Static Type Checkign (5:42)
- 8- Adding a Loader Icon (3:39)
- 9- Using Promises (1:29)
- 10- Accessing Cross Domain (2:38)
- 11- Connecting to the Server Cheat Sheet
- 12- Exercise (0:47)
- 13- Exercise - Http
- 14- Code Review (4:39)
- 15- Solution - Connecting to the Server
- 16- Summary (0:29)
Building Single Page Apps
- 1- Introduction (0:18)
- 2- Seed Project (0:47)
- 3- Routing - Seed Project
- 4- Enabling Routing (3:09)
- 5- Configuring Routes (5:10)
- 6- Router Outlet (2:21)
- 7- Adding Links (5:46)
- 8- Route params (4:45)
- 9- Imperative Navigation (1:44)
- 10- Implementing Dirty Checking (5:44)
- 11- Structuring Large Apps (1:45)
- 12- Angular Routers Cheat Sheet
- 13- Exercise (1:42)
- 14- Solution - Routers
- 15- Summary (0:47)
Building a Real-world App (CRUD Operations)
- 1- Introduction (0:40)
- 1- Building an App - Seed Project
- 2- Adding a Navbar (2:07)
- 3- Code Review (2:05)
- 4- Setting Up a Basic SPA (1:13)
- 5- Code Review (1:47)
- 6- Setting Up a Basic SPA - Common Issues
- 7- Highlighting the Current Menu (1:53)
- 8- Displaying the List of Users (1:14)
- 9- Displaying List of Users - Common Issues
- 10- Building a Form (1:54)
- 11- Bootstrap Grid System
- 12- Implementing Validation (1:38)
- 13- Implementing Dirty Tracking (0:41)
- 14- Creating a User (1:34)
- 15- Cleaning a Form Upon Submit
- 16- Code Review (2:14)
- 17- Editing a User (2:48)
- 18- Code Review and Refactoring (4:52)
- 19- Updating a User (1:12)
- 20- Deleting a User (1:14)
Building a Real-world App (More Challenges)
- 1- Introduction (0:44)
- 2- Displaying the List of Posts (0:54)
- 3- Adding a Loader Icon (0:21)
- 4- Refactoring (1:38)
- 5- Master Detail (1:52)
- 6- Styles for list of posts
- 7- Loading Related Objects (2:25)
- 8- Reusing the Spinner component (0:28)
- 9- Cleaning the Code (0:56)
- 10- Filtering (1:26)
- 11- Implementing Filtering (9:21)
- 12- Pagination (1:36)
- 13- Pagination Component Requirements
- 14- Using External Libraries (4:48)
- 15- Paging with Underscore (2:19)
- 16- Restrucutring the App (3:46)
- 17- Updates after Moving Files
Appendix: From Beta to Release Candidate
- 1- Introduction (0:31)
- 2- From Beta7 to RC1 (2:38)
- 3- Angular Beta7 to RC1 Cheat Sheet
- 4- Seed Project RC (2:09)
- 5- angular2-seed-rc1
- 6- Upgrading (4:41)

View Full Curriculum

Angular 2 Fundamentals for Web Developers - Product Image

Access

Lifetime

Content

6 hours

Lessons

41

Angular 2 Fundamentals for Web Developers

Build More Dynamic Websites with The Newest Version of This Google Framework

By Eduonix Technologies | in Online Courses

Description

Course Description

AngularJS is a structural framework that extends HTML to create more complex, dynamic web apps. The new version, Angular 2, offers the same benefits of the original, but is better aligned with Google's focus on mobile development, and uses an easier dialect of JavaScript, Typescript. This Angular 2 course has been created by industry specialists to equip you with the skills to work with both Angular and Angular 2 fundamentals, and learn the best tricks to build better websites.

Access 41 lectures & 6 hours of content 24/7
Learn fundamentals to using Angular & Angular 2
Work w/ components & data binding
Understand templates, events & services
Discover pipes, form controls, observables & more
Optimize a Customer Manager Application
Use included quizzes to assess your learning at the end of each section

Instructor

Eduonix creates and distributes high-quality technology training content. Their team of industry professionals has been training manpower for more than a decade. They aim to teach technology the way it is used in the industry and professional world. They have a professional team of trainers for technologies ranging from Mobility, Web and Enterprise, and Database and Server Administration.

If you have any questions, feel free to contact Eduonix at info@eduonix.com.

Important Details

Length of time users can access this course: lifetime
Access options: web streaming, mobile streaming
Certification of completion not included
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: all levels

Requirements

Internet required

Course Outline

Introduction
- Introduction (3:24)
Getting Started With Angular 2
- Section Intro (1:13)
- What is Angular (7:55)
- New In Angular 2 (9:11)
- Install Node.js, NPM & Git Preview (4:57)
- Using The Quickstart (5:13)
- Using the Quickstart Part B (5:22)
Working With Components
- Section Intro (0:56)
- Intro to Components (9:11)
- Creating A Component (7:46)
- Data Binding Part A (5:21)
- Data Binding Part B (10:47)
Templates, Events & Services
- Section Intro (0:51)
- Built In Directives (11:55)
- User Input & Events (12:33)
- Create A Service (10:05)
- Dependency Injection (11:08)
Forms, Pipes & Routing
- Section Intro (0:44)
- Pipes (13:05)
- Form Controls (16:57)
- FormBuilder & Validation (16:18)
- Angular 2 Router (10:55)
Observables & Asynchronous Data
- Section Intro Preview (1:00)
- Intro To Observables (7:49)
- Observables & HTTP (6:55)
- Using The HTTP Module (8:52)
- Returing Observables From A Service (10:38)
- Lifecycle Methods & Loader (13:01)
Customer Manager Application
- Project Intro (2:45)
- File Structure & Firebase Setup (10:07)
- Component Structure & Imports (10:22)
- Creating Our Routes (10:35)
- UI Design With W3 (11:13)
- Adding To Firebase Part A (15:27)
- Adding To Firebase Part B (6:13)
- Displaying Data (16:57)
- Displaying Data Part B (11:04)
- Client Details & Delete Functionality (12:13)
- Edit Groups & Clients (12:15)
- Filter Pipe (5:09)
Course Summary
- Summary (2:03)

View Full Curriculum

Access

Lifetime

Content

2.50 hours

Lessons

49

Angular 2 Demystified

Build Scalable, Maintainable Mobile & Web Apps with Angular 2

By Amin Meyghani | in Online Courses

Description

Angular 2 is allowing developers to architect larger scale and more maintainable software, and is emerging as a hot-button topic for developers to learn. This course will take you through the basics of Angular 2 to get you up to speed with this powerful new framework so you'll be ahead of the curve as it continues to develop.

Access 49 lectures & 2.5 hours of content 24/7
Create Angular components to describe your application features
Compose Angular components & delegate functionalities to interested parties
Use Angular Component Controllers to encapsulate instance variables & make them available to templates
Make Service Classes to handle business logic of your application
Get a handle of DOM elements using local variables in templates
Debug issues using the debugger in Chrome DevTools

Instructor

Amin Meyghani currently works as a Senior Front-end Engineer at a software company called Yodle. He has worked on a variety of projects ranging from implementing user interfaces, to making productivity tools for engineers and designers. He is also very passionate about education and enjoys sharing what he learns with the world.

He is also the co-author of the Less Web Development Cookbook published by Packt Publishing. The book is about working with LESS on the client to make apps more maintainable.

If you have any questions regarding any of his courses, you can reach him at amin@meyghani.net

Important Details

Length of time users can access this course: lifetime
Access options: web streaming, mobile streaming
Certification of completion not included
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: all levels, but strong knowledge of JavaScript is necessary

Requirements

Internet required

Course Outline

Angular 2 Demystified
- Introduction (2:29)
- Installing Node (2:42)
- Installing Visual Studio Code (3:23)
- Setting up Visual Studio Code (5:19)
- Using the Project Files (5:46)
- Interfaces (6:07)
- Classes Part 1 (5:09)
- Classes Part 2 (5:07)
- Concepts Overview (4:22)
- Using the Docs (5:49)
- Component Basics Introduction (4:41)
- Basic Component Setup (3:11)
- Basic Component Part 2 (6:38)
- Input to Components (6:29)
- Component Output (7:28)
- Binding to DOM Property (4:20)
- Basic Pipe (5:52)
- Pipe with Parameters (2:42)
- Date Pipe (5:19)
- Slice Pipe (3:12)
- Async Pipe (3:42)
- Using Pipe in a Controller (2:07)
- Using Local Variables (6:10)
- Directive Host (5:13)
- Attribute Directive (4:01)
- NgClass Directive (3:09)
- NgStyle Directive (4:27)
- NgSwitch Directive (5:09)
- NgIf Directive (3:18)
- NgFor Directive (6:19)
- Simple Service (4:55)
- Using Http.get (9:38)

View Full Curriculum

The Immersive Angular 2 Bundle

Separate Yourself From the Developer Pack with 44 Intensive Hours on the Web's Most Exciting New Framework

What's Included

Terms

Product Details

Angular 2 From The Ground Up

This Angular 2 Course is 9 Hours & Still Growing, So Get On Board Now!

Course Outline

Learn Angular 2 Development By Building 10 Apps

Build 10 Useful Apps & Discover the New Abilities of This Powerful, Scalable JavaScript Library

Course Outline

Angular 2 Crash Course

The Newest Version of the Popular AngularJS Framework Will Give Your Resume a Major Boost

Course Outline

Angular 2 with TypeScript for Beginners: The Pragmatic Guide

This Comprehensive Course Will Have You Building Angular 2 Applications in Minutes

Course Outline

Angular 2 Fundamentals for Web Developers

Build More Dynamic Websites with The Newest Version of This Google Framework

Course Outline

Angular 2 Demystified

Build Scalable, Maintainable Mobile & Web Apps with Angular 2

Course Outline

Terms