Video description
Learn Angular 7 & build web applications that scale
About This Video
- The best overview of Angular 7 in the market—this guide gathers together everything that there is to know about Angular 7
- Learn to build powerful and scalable mobile and desktop web applications with Angular 7
- Explore the latest features of Angular 7 by building a complete responsive application from scratch
In Detail
This course will show you how to set up an Angular project, and you'll build Angular components with the latest version of Angular 7.
In this course, you’ll learn all the fundamentals about modules, directives, components, data binding, routing, HTTP access, and providing full CRUD operations. Then you’ll learn how to route dynamically, how to retrieve data from a route, and how to protect your routes with guards. Finally, you'll see how to use material components and animations to manage transitions to give the user a wow experience.
By the end of this course, you'll have a good understanding of Angular 7 and its features in general and you'll be able to build web applications.
All the code and supporting files for this course are available on Github at https://github.com/PacktPublishing/Learning-Angular-7
Table of contents
-
Chapter 1 : Diving into Angular 7
- The Course overview 00:03:18
- What is Angular? 00:05:49
- New Angular 7 Features 00:04:06
- Set Up Your First App with the CLI 00:05:24
- Style Your App Using Angular Material 00:06:37
- Get the Most out of This Course 00:01:13
-
Chapter 2 : Creating Your First and Second Components
- How to Create a Component 00:06:37
- Display your Data with Directives 00:06:29
- Conditionally Styling Elements 00:09:25
- Data Binding with Forms - Part 1 00:05:42
- Data Binding with Forms - Part 2 00:05:34
- Data Binding with Forms - Part 3 00:06:17
- Passing Data Between Components - Part 1 00:06:46
- Passing Data Between Components - Part 2 00:07:01
- Passing Data Between Components - Part 3 00:05:29
-
Chapter 3 : Creating Your First Service
- Learn How Services Work and Create Your First Service 00:03:27
- Moving Your Data to the Service and Injecting It 00:02:59
- Understanding Observables and How to Mock them 00:04:49
- ADD and UPDATE Assignments with Your Service 00:04:59
- DELETE Assignments with Your Service 00:04:17
- Injecting Services into Other Services 00:04:14
-
Chapter 4 : Adding Routes to Your App
- How Routes Work in Angular 00:04:25
- Initializing Your routes 00:07:19
- Navigating to Pages Dynamically 00:07:33
- Sending and Receiving Queries Through Routes - Part 1 00:07:31
- Sending Queries Through Routes - Part 2 00:07:00
- Protecting Routes - Part 1 00:06:59
- Protecting Routes - Part 2 00:06:08
-
Chapter 5 : Making HTTP Calls to APIs
- Setting Up Your Database and Using the API 00:08:01
- How the HttpClient Works in Angular 00:03:44
- Sending GET Requests 00:07:51
- Sending POST & PUT Requests 00:07:48
- Sending DELETE Requests 00:03:42
- RxJS Operators 00:06:08
- Error Handling and Http Headers 00:05:49
-
Chapter 6 : Styling Your Application with Angular Material and Animations
- Material Cards - Part 1 00:06:19
- Material Cards - Part 2 00:04:07
- Tabs in Material 00:04:40
- Create a Stepper 00:06:10
- Give Feedback with Snackbars 00:05:34
-
Chapter 7 : New Features in Angular 7
- Virtual Scrolling 00:05:16
- Drag and Drop- Part 1 00:05:46
- Drag and Drop- Part 2 00:03:28
- Other New Features 00:02:30
- Course Wrap-Up 00:01:51
Product information
- Title: Learning Angular 7
- Author(s):
- Release date: December 2018
- Publisher(s): Packt Publishing
- ISBN: 9781789804461
You might also like
video
Modern JavaScript From The Beginning
Learn and Build Projects with Pure JavaScript (No Frameworks or Libraries) About This Video Understanding of …
video
Angular (Full App) with Angular Material, Angularfire and NgRx
Use Angular, Angular Material, AngularFire (+ Firebase with Firestore), and NgRx to build a real Angular …
video
JavaScript and ES6 Challenges - Do you know JavaScript?
Solve different JavaScript challenges yourself—destructuring, hoisting, IIFEs, closures, classes, let, and much more About This Video …
video
React - The Complete Guide (incl. Hooks, React Router and Redux)
Dive in and learn React from scratch! Learn Reactjs, Redux, React Routing, Animations, Next.js basics and …