Angular 2 TypeScript Beginner Web Development

Angular 2 & TypeScript Beginner Web Development, available at $19.99, has an average rating of 3.55, with 133 lectures, 1 quizzes, based on 578 reviews, and has 5947 subscribers.

You will learn about Build web apps that can connect to servers Build web apps that can be reused Understand TypeScript & Angular 2 This course is ideal for individuals who are Anyone who wants to build a SAAS or Anyone who wants to learn how to build web apps or Mobile developers who want to build the web portion of their app or Web developers who want to do more than build static HTML/CSS pages It is particularly useful for Anyone who wants to build a SAAS or Anyone who wants to learn how to build web apps or Mobile developers who want to build the web portion of their app or Web developers who want to do more than build static HTML/CSS pages.

Enroll now: Angular 2 & TypeScript Beginner Web Development

Summary

Title: Angular 2 & TypeScript Beginner Web Development

Price: $19.99

Average Rating: 3.55

Number of Lectures: 133

Number of Quizzes: 1

Number of Published Lectures: 132

Number of Published Quizzes: 1

Number of Curriculum Items: 134

Number of Published Curriculum Objects: 133

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Build web apps that can connect to servers

Build web apps that can be reused

Understand TypeScript & Angular 2

Who Should Attend

Anyone who wants to build a SAAS

Anyone who wants to learn how to build web apps

Mobile developers who want to build the web portion of their app

Web developers who want to do more than build static HTML/CSS pages

Target Audiences

Anyone who wants to build a SAAS

Anyone who wants to learn how to build web apps

Mobile developers who want to build the web portion of their app

Web developers who want to do more than build static HTML/CSS pages

Angular 2: The Complete Beginner’s Guide

This course is going to teach you all of the fundamentals of Angular2

This is one of?the most?comprehensive courses on Angular 2?on the Internet. ?We use Angular 2 every day in our own projects and we wanted to share that powerful knowledge with the world!

This course is for absolute beginners & for seasoned programmers!

This course will take you down a guided learning path.?You’ll learn the basics of TypeScript, and move on to creating both simple and complex web apps.

Not only will you build web apps, but you will learn how to do it the way the pros do. We’ll even cover advanced intermediate to advanced topics.

Here are?some?of the things you will learn:

1. Tooling
2. Automation
3. TypeScript
4. Components
5. Forms
6. Validation
7. Services
8. HTTP
9. Firebase
10. Directives
11. So much more.

And don’t forget about our FREE chatroom where you can get live help, interact with the community, and find people to start your own game studio.

Now is the time to learn how to code and build web apps?the Devslopes way with Angular!

Course Curriculum

Chapter 1: Overview and Tools

Lecture 1: What is Angular 2?

Lecture 2: Angular 2 – Why we use TypeScript

Lecture 3: Angular 2 – Overview of tools

Chapter 2: Angular 2 – Creating a Skeleton Project

Lecture 1: Angular2 – skeleton project overview

Lecture 2: Angular2 – Defining the Dependancies (package.json)

Lecture 3: Angular2 – Configuring the TypeScript Compiler (tsconfig.json)

Lecture 4: Angular2 – Configuring the SystemJS Module Loader (systemjs.config.js)

Lecture 5: Angular2 – Installing the NPM Packages (npm install)

Lecture 6: Angular2 – Creating the Root Module (app.module.ts)

Lecture 7: Angular2 – Creating the Root Component (app.component.ts)

Lecture 8: Angular2 – Configuring the Starting of the App (main.ts)

Lecture 9: Angular2 – Creating the Hosting Webpage (index.html)

Lecture 10: Angular2 – Creating the Global Stylesheet (styles.css)

Lecture 11: Angular2 – Building and Running the App (npm start)

Lecture 12: Assets

Chapter 3: Angular 2 Fundamentals – Task Card App

Lecture 1: Angular 2 – Task Card App Introduction

Lecture 2: Angular 2 – How to Clone the Skeleton Project

Lecture 3: Angular 2 – Creating the Card Component

Lecture 4: Angular 2 – Creating the Cards HTML Markup (External Template)

Lecture 5: Angular 2 – Styling the Card Component

Lecture 6: Angular 2 – Adding the Task Status Icon (Third Party Library)

Lecture 7: Angular 2 – Creating the Task Model Class

Lecture 8: Angular 2 – Creating the Properties for the Card Component (Input Properties)

Lecture 9: Angular 2 – Using the Task Property Data (Property Binding)

Lecture 10: Angular 2 – Creating the Task Data Source

Lecture 11: Angular 2 – Using the Data Source to Generate Tasks (ngFor)

Lecture 12: Angular 2 – Creating the Add Task Form

Lecture 13: Angular 2 – Styling the Add Task Form

Lecture 14: Angular 2 – Adding the Angular Form Syntax (Template Driven Form)

Lecture 15: Angular 2 – Creating the Add Task Method (TypeScript Methods)

Lecture 16: Angular 2 – Adding New Tasks to the Data Source (Event Binding)

Lecture 17: Angular 2 – Protecting the Data Source from Empty Tasks

Lecture 18: Angular 2 – Clearing the Input Field After Adding a Task

Lecture 19: Angular 2 – Marking Tasks as Complete/Not Complete

Lecture 20: Angular 2 – Styling the Completed Cards (Class Binding)

Lecture 21: Angular 2 – Setting the Task Status Label to Reflect the Status (ngIf)

Lecture 22: Angular 2 – NgIf Directive vs the Hidden Property

Lecture 23: Angular 2 – Final Tweaks

Lecture 24: Exercise

Lecture 25: Assets

Chapter 4: Web APIs/HTTP – Reusable Weather Component

Lecture 1: Angular 2 – Introduction to the App

Lecture 2: Angular 2 – Creating the Weather Component

Lecture 3: Angular 2 – Creating the Weather Component Template

Lecture 4: Angular 2 – Styling the Weather Component

Lecture 5: Angular 2 – Creating the Weather Component (Services)

Lecture 6: Angular 2 – An Introduction to Dependency Injection

Lecture 7: Angular 2 – Getting the Users Geographical Location

Lecture 8: Angular 2 – Signing Up for Forecast.io (Weather Data Web API)

Lecture 9: Angular 2 – Introduction to Observables (ReactiveX (RXJS) Library)

Lecture 10: Angular 2 – Introduction to JSONP Get Requests (HTTP/JSONP)

Lecture 11: Angular 2 – Getting the Weather Data (HTTP/JSONP)

Lecture 12: Angular 2 – Converting the Location Method to an Observable

Lecture 13: Angular 2 – Creating the Weather Model Class

Lecture 14: Angular 2 – Introduction to the Component Lifecycle

Lecture 15: Angular 2 – Subscribing to the Weather Data Observable (ngOnInit)

Lecture 16: Angular 2 – Displaying the Weather Data in the Template

Lecture 17: Angular 2 – Formatting the Weather Data on the Template (Pipes)

Lecture 18: Angular 2 – Converting the Wind Value (Custom Pipes)

Lecture 19: Angular 2 – Converting the Temperature Value (Custom Pipes)

Lecture 20: Angular 2 – Getting a Goole Maps API Key

Lecture 21: Angular 2 – Getting the Location Name Using Reverse Geocoding (Google Maps API)

Lecture 22: Angular 2 – Displaying the Location on the Component

Lecture 23: Angular 2 – Allowing the Changing of the Data Units

Lecture 24: Angular 2 – Adding the Javascript Icon Library (Skycons)

Lecture 25: Angular 2 – Adding the Animated Weather Icons

Lecture 26: Angular 2 – Configuring the Weather Based Colors

Lecture 27: Angular 2 – Changing the Component Colors Based on the Weather (ngStyle)

Lecture 28: Angular 2 – Hiding the Component Content Until the Data is Available

Lecture 29: Angular 2 – Adding a Loading Indicator

Lecture 30: Angular 2 – Final Tweaks

Lecture 31: Angular 2 – Reusing the Component in Another App

Lecture 32: Angular 2 – Summary and Challenges

Lecture 33: Assets

Chapter 5: Real World Angular 2 App with Backend – Bugged Out

Lecture 1: Introduction to the Bugged Out App

Lecture 2: Angular 2 – Adding the Bugs Module (Feature Module)

Lecture 3: Angular 2 – Creating a Shared Module

Lecture 4: Angular 2 – Creating the Bug List Component

Lecture 5: Angular 2 – Introduction to Routing

Lecture 6: Angular 2 – Creating the Router

Lecture 7: Angular 2 – Creating the Bug Modules Own Routing

Lecture 8: Angular 2 – Implementing Route Redirection

Lecture 9: Angular 2 – Adding Wildcard Routing

Lecture 10: Angular 2 – Creating the Navbar Component

Lecture 11: Angular 2 – Creating the Navbar Template

Lecture 12: Angular 2 – Styling the Navbar

Lecture 13: Angular 2 – Introduction to Router Links

Lecture 14: Angular 2 – Creating the Bug List Template

Lecture 15: Angular 2 – Styling the Bug List Component

Lecture 16: Angular 2 – Introduction to the Core Module

Lecture 17: Angular 2 – Creating the Core Module

Lecture 18: Angular 2 – Introduction to Firebase

Lecture 19: Angular 2 – Creating the Firebase Project

Lecture 20: Angular 2 – Adding the Firebase SDK

Lecture 21: Angular 2 – Creating the Firebase Config Service

Lecture 22: Angular 2 – Structuring Our Bug Data in the Firebase Database

Instructors

Mark Wahlbeck
CEO Devslopes | iOS | Android | Freelancing

Devslopes by Nathan Sevedge
Learn programming & app development

Rating Distribution

1 stars: 23 votes

2 stars: 23 votes

3 stars: 68 votes

4 stars: 175 votes

5 stars: 289 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!