Styling Angular Applications

Focused View

Brian Treese

1:51:36

17 View

1. Course Overview

1. Course Overview.mp4

01:11

2. Introduction

1. Introduction.mp4

02:50

2. Working with the Demos.mp4

01:43

3. How Styles Work in Angular

1. Introduction.mp4

03:07

2. Angular Component Structure.mp4

02:27

3. View Encapsulation.mp4

03:25

4. View Encapsulation Modes - None and ShadowDom.mp4

03:23

5. Component Styles.mp4

06:26

6. Emulated CSS Selectors.mp4

11:41

7. Summary.mp4

01:37

04. Scalable, Maintainable CSSSCSS Architecture in Angular

01. Introduction.mp4

01:37

02. Global Styles - A Traditional Approach.mp4

04:49

03. Global Styles - A More Modular Approach.mp4

11:59

04. Simplifying Global Imports for Preprocessors.mp4

01:30

05. Naming Conventions.mp4

06:47

06. Predictable Sizing with Relative Units.mp4

04:27

07. CSS Selectors and Style Overrides.mp4

05:48

08. Component CSS Structure and Organization.mp4

04:54

09. Local Mixins and Variables.mp4

03:02

10. Styling the Pre-boostrap Loading Screen.mp4

01:38

11. Summary.mp4

01:32

5. Creating Component Themes

1. Introduction.mp4

01:22

2. Component Themes - Layouts and Colors.mp4

01:46

3. Adding Classes and Using -host.mp4

05:49

4. Using -host-context.mp4

02:44

5. Conditional Content Display.mp4

03:47

6. Using Custom Properties (CSS Variables).mp4

04:43

7. Summary.mp4

00:50

6. Its a Wrap

1. Its a Wrap.mp4

04:42

Description

When it comes to styling Angular applications, there’s a lot to know. This course will teach you how styles work in Angular, how to apply maintainable systems using CSS/SCSS, component theming techniques, and more.

What You'll Learn?

Angular requires you to change the way you architect CSS. But before you can become a master at styling Angular applications, you need to understand the different ways things can be done. In this course, Styling Angular Applications, you'll explore how the framework aligns with web components and what that means for adding styles to components and apps. First, you'll develop systems geared towards organization, scale, and maintainability for HTML and CSS. Then, you'll see how to add and style components within these systems. Finally, you'll learn about component themes and the ways you can transform their look under certain circumstances. By the end of this course, you'll have a strong knowledge of how Angular processes CSS and how it can be leveraged as part of a design system for creating beautiful, organized, maintainable, and future-proof web applications.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Angular

Brian Treese

Instructor's Courses

Brian Treese is the Chief of UX at SoCreate, a company building a fun and easy way to turn great ideas into movie & TV show scripts. Technically a Web Designer (he's always loved the aesthetic side of the web), but his expertise does not stop at Photoshop and Illustrator. He's been building websites for over a decade using technologies such as HTML, CSS, SASS, SVG, JavaScript, Angular, jQuery, ASP.Net, PHP, and more. While he very much enjoys building things, he also loves to learn and he finds enjoyment in sharing his knowledge with others in the field or aspiring to take the plunge into the wonderful world of web development.

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.