Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Web Components and Modularization: Practical Approaches

via LinkedIn Learning

Go to class Write review
Coursera Ad

Get Coursera Plus for 40% off

Learn More → TrainSec Ad

Master Windows Internals - Kernel Programming, Debugging & Architecture

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Make the most of web components. Learn the fundamentals of how components work, as well as how to plan for and design portable and maintainable components of your own.

Syllabus

Introduction
  • Components for the web
1. What Are Components for the Web?
  • What are components for the web?
  • Web components: A special case
  • Why components are so popular
2. Components as a Mental Model
  • A mental model for components
  • Starting with a visual mockup
  • A DOM tree with branches and leaves
  • Tip: Map your file tree to the DOM
  • Challenge: Create a component map
  • Solution: Create a component map
3. Component Principles
  • Loose principles for tightly scoped components
  • One-task principle
  • Top-down principle
  • Isolation principle
  • Stand-alone principle
4. Scoping Components
  • Plan before you code
  • Raw output
  • Properties
  • Input and output
  • State
  • Who owns state?
  • Life cycle
  • Challenge: Scope a complex component
  • Solution: Scope a complex component
5. Practical Components
  • Structuring components
  • Reusability and when not to care
  • Stand-alone component development
Conclusion
  • Components everywhere

Taught by

Morten Rand-Hendriksen

Reviews

4.7 rating at LinkedIn Learning based on 87 ratings

Start your review of Web Components and Modularization: Practical Approaches

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.