Master Angular 4 By Example - Build 7 Awesome Apps!

Learn many advanced features in Angular 2+ by building 7 applications. Includes CRUD, Node.js, Routing and much more!

What you'll learn
Develop Applications using Angular
Build Apps with Angular and Node.js
Implement CRUD in Angular
Use Advanced Routing
Go Real-Time with SocketIO
Work with Template-driven and Reactive Forms
Add Modal, Tooltips and Pagination
Understand how to use Observables
Display Loading and Error Messages
Work with Many Different API's
Requirements
Angular 2 Basics
Javascript Basics
Description
Learn Angular 4 by building 7 interesting applications. 
In this course we cover many important and advanced Angular features that you can use right away in your own applications.
For each example app, we will download a simple boilerplate and then jump right in and start coding our apps. This course is suitable for anyone who already understands the basics of putting together Angular 2+ applications.
About the Apps:
1. Simple CRUD
- You will learn:
To use our Boilerplate codeHow to perform CRUD operations on a list of productsBasic Angular concepts such as ngFor and ngIfHow to build components, services and modules
…
2. Pokedek
- You will learn
CRUD using the in-memory-APIHow to use ObservablesWorking with Template driven formsAdd a Modal and Tooltips
…
3. TV Watcher
- You will learn:
How to separate your code by feature into their own ModulesRouting to muliple parametersHow to pass data to unrelated componentsHow to send multiple HTTP requests using forkJoin Handle errors and display loadersUse the TVMaze API to search and display shows
…

4. Weather App
- You will learn about:
Observables including advanced concepts like debounceTime and switchMapHow to perform CRUD operations to add and remove new Weather itemsUsing Reactive formsInput and OutputCommunicating with the OpenWeather API
…
5. Socket Chat
- You will learn:
How to connect Angular to a Node.js backendUse Socket-IO to connect client with serverSend messages in real-time across unlimited connected clients
…
6. Twitter Streaming
- You will learn:
How to connect Angular to Node.jsHow to use the Twit npm module to connect to the Twitter APITo search tweets by keyword To display tweets in real-time using Socket-IO. Create pagination using ng2-bootstrap
…
7. Geonames App
- You will learn:
How to sort and filter data How to route to an inner pageUse the Geonames API
…
More to come!  You can expect at least 1 more app to be added to this course.  
Enroll now to take full advantage of the limitless possibilities when using Angular to develop your applications!

Overview

Section 1: Introduction

Lecture 1 Welcome to the Course!

Lecture 2 The Boilerplate

Section 2: Simple CRUD App

Lecture 3 Intro to Project

Lecture 4 Setup

Lecture 5 Basic Component and Service

Lecture 6 Get Products

Lecture 7 Product Items

Lecture 8 Edit Products Form

Lecture 9 Add Products

Lecture 10 Update Product

Lecture 11 Update Product - Part 2

Lecture 12 Remove Product

Lecture 13 Cancel Method & Currency Pipe

Section 3: Pokedek

Lecture 14 Intro to Project

Lecture 15 Setup

Lecture 16 Fix Navbar

Lecture 17 Jumbotron

Lecture 18 Pokemon Service

Lecture 19 List Pokemons

Lecture 20 Refactor using In-Memory-API

Lecture 21 Delete Pokemon

Lecture 22 Add Pokemon Form

Lecture 23 Save Pokemon

Lecture 24 Form Validation

Lecture 25 Modal and Tooltip

Lecture 26 Get Single Pokemon

Lecture 27 Modal Template

Lecture 28 Refactor Modal

Section 4: TV Watcher

Lecture 29 Intro to Project

Lecture 30 Setup

Lecture 31 Menu and Footer

Lecture 32 Menu and Footer - Part 2

Lecture 33 Carousel Setup

Lecture 34 Carousel Service

Lecture 35 Carousel Template

Lecture 36 Featured Shows

Lecture 37 Featured Shows - Module

Lecture 38 Featured Shows - Service

Lecture 39 Featured Shows - Show Details

Lecture 40 Find Shows

Lecture 41 Find Shows - Module

Lecture 42 Find Shows - Service & Component

Lecture 43 Find Shows - Template

Lecture 44 Search in Navbar

Lecture 45 Search in Navbar - Part 2

Lecture 46 Details Page

Lecture 47 Details Page - Service

Lecture 48 Details Page - Component

Lecture 49 Details Page - Template

Section 5: Weather App

Lecture 50 Intro to Project

Lecture 51 Setup

Lecture 52 Weather Interface

Lecture 53 Weather Service

Lecture 54 Component HTML

Lecture 55 Weather Search Component - Part 1

Lecture 56 Weather Search Component - Part 2

Lecture 57 Profile Service

Lecture 58 Sidebar Html and Component

Lecture 59 Finish Sidebar Component

Section 6: Socket Chat

Lecture 60 Intro to Project

Lecture 61 Setup

Lecture 62 Socket.io Connection

Lecture 63 Socket Service

Lecture 64 Adding Chat

Section 7: Twitter Stream

Lecture 65 Intro to Project

Lecture 66 Setup

Lecture 67 ITweet Interface

Lecture 68 Tweet Files

Lecture 69 Tweet Service

Lecture 70 Tweet Component

Lecture 71 Tweet Template

Lecture 72 TimeAgo Pipe

Lecture 73 Streaming Setup

Lecture 74 Socket Service

Lecture 75 Stream Component

Lecture 76 Stream Tweets

Lecture 77 Refactor Stream to Observable

Section 8: Geonames App

Lecture 78 Intro to Project

Lecture 79 Setup

Lecture 80 Geoname Service

Lecture 81 Filter

Lecture 82 Sort

Lecture 83 Jumbotron

Lecture 84 Country Page

Lecture 85 Country Page - Part 2

Someone who already understands the basics of building Angular 2 applications using typescript.,Developers who want to explore more advanced concepts in building their Angular applications.