Tutorials > Master Angular 4 By Example - Build 7 Awesome Apps!

Master Angular 4 By Example - Build 7 Awesome Apps!


Date: 25 July 2022 | Posted by: voska89
Master Angular 4 By Example - Build 7 Awesome Apps!
Last updated 11/2017
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 1.15 GB | Duration: 8h 1m
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.

Homepage
https://www.udemy.com/course/learn-angular-4/


DOWNLOAD LINK


Links are Interchangeable - No Password - Single Extraction

See full article