Web Component Architecture & Development with AngularJS

Web Component Architecture & Development with AngularJS

David Shapiro
Buy on Leanpub

Table of Contents

Web Component Architecture & Development with AngularJS

  • Introduction
    • The Problem…
    • A Brief History of Front-End development for the Web
    • Why AngularJS?
    • What this Book Is and Isn’t
  • Chapter 1 - Web UI Component Architectures
    • Key Patterns in UI Component Development
    • MVC, MVP, MVVM, MVwhatever
    • Dependency Injection (IOC)
    • Observer and Mediator Patterns
    • Module Pattern
    • Loose Coupling of Dependencies
    • Summary
  • Chapter 2 - AngularJS As a UI Component Framework
    • Why AngularJS? (part 2)
    • Dynamic Views
    • Two Way Data Binding
    • Dependency Injection
    • Test Driven Development (TDD)
    • Don’t Repeat Yourself (DRY)
    • POJO Models
    • AngularJS and Other Frameworks in the Same Page
    • Forward Compatibility with W3C Web Components and MDV
    • Summary
  • Chapter 3 - AngularJS Component Primer Part One: The View
    • AngularJS Core Directives
    • Scoping Directives ng-app, ng-controller
    • Event Listener Directives
    • DOM & Style Manipulation Directives
    • Rolling Our Own Directives
    • Directive Declaration
    • Directive Naming
    • Directives Definition
    • Dependency Injection (API) Strategies
    • The Directive Lifecycle
    • Testing Directives
    • Summary
  • Chapter 4 - AngularJS Component Primer Part 2: Models and Scope
    • Data Models in AngularJS
    • Data Representation in the View
    • $scope creation and destruction
    • Built In $scope methods and properties
    • Decoupled Communication
    • Data Binding and Execution Context
    • Debugging Scopes and Testing Controllers
    • Summery
  • Chapter 5 - Standalone UI Components by Example
    • Building a Smart Button component
    • Directive definition choices
    • Attributes as Component APIs
    • Events and Event Listeners as APIs
    • Advanced API Approaches
    • What About Style Encapsulation?
    • Style Encapsulation Strategies
    • Unit Testing Component Directives
    • Setting Up Test Coverage
    • Component Directive Unit Test File
    • Unit Tests for our Component APIs
    • Summery
  • Chapter 6 - UI Container Components by Example
    • Defining a Set of Navigation Components
    • Building the UI Components
    • The Menu Item Component
    • Menu Item API Unit Test Coverage
    • The Dropdown Component
    • Reusing Existing Open Source Code
    • Dropdown Menu Unit Test Coverage
    • Global Navigation Bar Container
    • NavBar API Documentation
    • NavBar Unit Test Coverage
    • Summery
  • Chapter 7 - Build Automation & Continuous Integration for Component Libs
    • Delivering Components To Your Customers
    • Source Code Maintenance?
    • Tooling
    • UI Library Focused
    • Node.js and NPM
    • Task Runners and Workflow Automation
    • Grunt - The JavaScript Task Runner
    • Useful Tasks for a Component Lib Workflow
    • Gulp.js - The Streaming Build System
    • Continuous Integration and Delivery
    • Travis-CI
    • Bower Package Registry
    • Versioning
    • Salvaging Legacy Applications with AngularJS UI Components
    • Summery
  • Chapter 8 - W3C Web Components Tour
    • The Roadmap to Web Components
    • The Stuff They Call “Web Components”
    • Custom Elements
    • Shadow DOM
    • Using the <template> Tag
    • HTML Imports (Includes)
    • Some JavaScript Friends of Web Components
    • Object.observe - No More Dirty Checking!
    • New ES6 Features Coming Soon
    • Google Traceur Compiler
    • AngularJS 2.0 Roadmap and Future Proofing Code
    • Writing Future Proof Components Today
    • Summary
  • Chapter 9 - Polymer - Building with Web Components Today
    • Platform.js - Web Components Polyfills
    • Polymer.js
    • Polymer Element Libraries
    • Core Elements
    • Paper Elements
    • Mozilla X-Tags
Web Component Architecture & Development with AngularJS/overview

Web Component Architecture & Development with AngularJS

course_overview

Create Web Component ready code and future proof your widget libraries with AngularJS using UI component architecture best practices.

count_chapters
begin_reading
download
p_implied_book_part_name

Web Component Architecture & Development with AngularJS10 chapters

Begin ›
  1. Introduction

  2. Chapter 1 - Web UI Component Architectures

  3. Chapter 2 - AngularJS As a UI Component Framework

  4. Chapter 3 - AngularJS Component Primer Part One: The View

  5. Chapter 4 - AngularJS Component Primer Part 2: Models and Scope

  6. Chapter 5 - Standalone UI Components by Example

  7. Chapter 6 - UI Container Components by Example

  8. Chapter 7 - Build Automation & Continuous Integration for Component Libs

  9. Chapter 8 - W3C Web Components Tour

  10. Chapter 9 - Polymer - Building with Web Components Today