Constructing a User Interface with Angular

Focused View

David Mann

4:34:55

116 View

0. Course Overview

0. Course Overview.mp4

02:03

1. Getting Started

0. Getting Started.mp4

03:47

2. Understanding the Available Building Blocks

0. Introduction.mp4

02:12

1. Components.mp4

02:17

2. @Input Decorator on a Property Setter.mp4

04:13

3. Checking for @Output Property Subscribers.mp4

04:42

4. Manipulating the UI with Directives.mp4

05:05

5. Altering Data Presentation with Pipes.mp4

03:12

6. Wrap Up.mp4

00:37

3. Querying the UI

0. Introduction.mp4

00:23

1. Templates and TemplateRefs.mp4

01:49

2. Querying the UI via ViewChild(ren) and ContentChild(ren).mp4

03:57

3. TempateRef Selectors.mp4

04:00

4. ViewContainerRefs.mp4

04:06

5. HTMLElement as ElementRefs.mp4

01:06

6. ElementRef Selector Options - Read.mp4

05:38

7. ElementRef Selector Options - Descendants.mp4

07:36

8. ElementRef via Dependency Injection.mp4

00:28

9. QueryLists for Collections of UI Items.mp4

06:26

10.Wrap Up.mp4

01:03

4. Manipulating the UI

0. Introduction.mp4

00:52

1. View Encapsulation-.mp4

07:01

2. Shadow Piercing - Bypassing Shadow DOM.mp4

03:45

3. Building Custom Pipes - Dynamic Display Manipulation.mp4

03:13

4. Directive Selectors - More Than Just Attributes.mp4

05:36

5. Host Binding - Manipulating a Parent from a Child.mp4

05:44

6. Host Listening - Responding to a Parent From a Child.mp4

03:50

7. NativeElement and Renderer2 are NOT Bad.mp4

02:06

8. Getting and Using NativeElement Properly.mp4

06:42

9. JQuery as an Angular Anti-pattern.mp4

11:21

10. Wrap Up.mp4

01:06

5. Creating a Dynamic UI

0. Introduction.mp4

00:33

1. Using Built-in Content Projection.mp4

07:44

2. Wrapping Content in ngContainer.mp4

02:11

3. Building Templates with ngTemplate.mp4

00:58

4. ngIf-Else with ngTemplate.mp4

02:47

5. Rendering Content with ngTemplateOutlet.mp4

01:50

6. Dynamic Content with ngTemplateOutletContext.mp4

06:17

7. Component Inheritance.mp4

09:48

8. Dynamic Component Creation.mp4

02:29

9. Overview of the Widget Framework.mp4

03:13

10. Creating Dynamic Components Declaratively with ngComponentOutlet.mp4

04:42

11. Creating Dynamic Components Programmatically with ComponentFactoryResolver.mp4

03:54

6. Keeping Your DOM Clean

0. Introduction.mp4

01:42

1. Component Attribute Selectors.mp4

03:17

2. ngIf to Minimize DOM Size.mp4

02:40

3. ngSwitch Bloat.mp4

05:36

4. Shadow DOM.mp4

00:42

5. Wrap Up.mp4

00:33

7. Improving Performance of the UI

0. Introduction.mp4

01:47

1. A Better UI for Async Loading.mp4

03:22

2. Pipes and Performance.mp4

05:14

3. A Better ngFor.mp4

05:06

4. Instant Caching with Memoizing.mp4

07:34

5. A First Look at Angulars Lifecycle Hooks.mp4

03:59

6. Working with Angulars Lifecycle Hooks.mp4

11:38

7. Wrap Up.mp4

00:22

8. Security in the Angular UI

0. Introduction.mp4

01:08

1. Understanding the Threat.mp4

03:15

2. Default Security.mp4

04:35

3. Bypassing the Default Security.mp4

06:29

4. Wrap Up.mp4

00:28

9. Bringing It All Together Building Dynamic Forms

0. Introduction _ What Were Building.mp4

03:54

1. Defining the Form in Metadata.mp4

02:49

2. Generating the Field UI.mp4

10:25

3. Loading and Saving Data.mp4

08:55

4. Validating the Field Data.mp4

08:59

5. Wrap Up.mp4

00:32

10. Wrap up Use Cases and Final Thoughts

0. Introduction-a4a81946-78e7-4884-b680-4763bcfa20f9.mp4

01:48

1. Error Handling Scenarios-bbe54f5e-efc4-4cf9-b657-de1c81a862c7.mp4

02:32

2. Personalization Scenarios-345b4563-78f6-4eee-926e-7acd67d54475.mp4

01:10

3. UI Goodness Scenarios-42a8973b-d832-40e4-8861-c43cb209a829.mp4

02:02

Description

The user interface is the single most important part of your application, because to users, it IS the application. Nothing else matters. In this course, you learn how to deliver an easy, effective, efficient, and maintainable UI using Angular.

What You'll Learn?

At the core of any Angular project is how the user interacts with the application. In this course, Constructing a User Interface with Angular, you’ll learn how to deliver an easy, effective, efficient, and maintainable UI. First, you’ll learn the different elements involved in an Angular UI. Next, you’ll explore how to structure and develop an interface using those elements. Finally, you’ll discover how to do everything you need while maintaining performance and a loosely coupled architecture. When you’re finished with this course, you’ll have the knowledge and skills to help you as you move forward to Angular Awesomeness!

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Angular

User Interface

David Mann

Instructor's Courses

Dave is the co-founder and CTO of Heirloom Software, a start-up using technology (including user-experience design, application development and big-data disciplines) to revolutionize the family-history and genealogy world. He has been "working with computers" for over 20 years, is an 11-time Microsoft MVP, and full-stack web developer, trainer and author focusing on JavaScript, NodeJS, document DBs and C#. He presents regularly at both technical and genealogy conferences.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.