Master Angular 4 by Example - Build 7 Awesome Apps!

  • Overview
  • Curriculum
  • Instructor
  • Review

About This Course

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

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 code

  • How to perform CRUD operations on a list of products

  • Basic Angular concepts such as ngFor and ngIf

  • How to build components, services and modules

...

2. Pokedek

- You will learn

  • CRUD using the in-memory-API

  • How to use Observables

  • Working with Template driven forms

  • Add a Modal and Tooltips

...

3. TV Watcher

- You will learn:

  • How to separate your code by feature into their own Modules

  • Routing to muliple parameters

  • How to pass data to unrelated components

  • How to send multiple HTTP requests using forkJoin

  • Handle errors and display loaders

  • Use the TVMaze API to search and display shows

...

4. Weather App

- You will learn about:

  • Observables including advanced concepts like debounceTime and switchMap

  • How to perform CRUD operations to add and remove new Weather items

  • Using Reactive forms

  • Input and Output

  • Communicating with the OpenWeather API

...

5. Socket Chat

- You will learn:

  • How to connect Angular to a Node.js backend

  • Use Socket-IO to connect client with server

  • Send messages in real-time across unlimited connected clients

...

6. Twitter Streaming

- You will learn:

  • How to connect Angular to Node.js

  • How to use the Twit npm module to connect to the Twitter API

  • To 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 page

  • Use 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!

  • Develop Applications using Angular

  • Build Apps with Angular and Node.js

  • Implement CRUD in Angular

Course Curriculum

Instructor

Profile photo of Patrick Schroeder
Patrick Schroeder

Software engineer and entrepreneur.  I specialize in full-stack javascript development.  My favorite technologies are Angular and Node.js.  I'm currently working on serverless apps using Firebase Firestore and Google cloud functions running on Node.js.  I enjoy creating high quality courses that clearly explain complex topics.  All courses are captured in 1080p high resolution.  Please message me if you have any questions...

Review
4.9 course rating
4K ratings
ui-avatar of KNowledge Stack
Knowledge S.
5.0
4 years ago

amazing

  • Helpful
  • Not helpful
ui-avatar of Abhishek Agrawal
Abhishek A.
3.5
5 years ago

The things are going fast with less explanation of code.

  • Helpful
  • Not helpful
ui-avatar of Zihai Li
Zihai L.
2.0
6 years ago

screen move too fast, no visual flow/connections between files.

  • Helpful
  • Not helpful
ui-avatar of Vladimir Lazic
Vladimir L.
5.0
6 years ago

so far, great!!!

  • Helpful
  • Not helpful
ui-avatar of Dimitris Papakonstantinou
Dimitris P.
3.0
6 years ago

this is great guys!!! i'm enjoying my self so much <3

  • Helpful
  • Not helpful
ui-avatar of Anusha Medicharla
Anusha M.
5.0
7 years ago

Good Examples .

  • Helpful
  • Not helpful
ui-avatar of Sean Olson
Sean O.
1.0
7 years ago

This course is misrepresented as an Angular 4 course, which it is not. The code samplea don't build. The code in the video in the system.config.js is completely different than in the boilerplate. Moreover, using system.js to build the app is the left-handed way of developing with Angular. Webpack is the standard and should be taught. Really disappointed.

  • Helpful
  • Not helpful
ui-avatar of Daniel Olmos
Daniel O.
4.0
7 years ago

Explains a lot of the structure

  • Helpful
  • Not helpful
ui-avatar of Nicolas Roldos
Nicolas R.
5.0
7 years ago

clear and thorough explanation of topics file structure, components, routing

  • Helpful
  • Not helpful
ui-avatar of Michael Mahony
Michael M.
4.0
7 years ago

Snippets used in Sublime should be in a file with the resources so they can be used in other editors as we follow along.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses