Skip to main content
  • Book
  • © 2021

Developing Web Components with TypeScript

Native Web Development Using Thin Libraries

Apress

Authors:

  • Shows real-life thin library construction

  • Thoroughly explains web component design, specifications, and life cycle

  • Teaches web component implementation using TypeScript and a thin library

  • Spells out design patterns and best practices to integrate web components into your applications

  • Gives a complete description of related APIs with examples

  • 12k Accesses

Buy it now

Buying options

eBook USD 49.99
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book USD 64.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Other ways to access

This is a preview of subscription content, log in via an institution to check for access.

Table of contents (9 chapters)

  1. Front Matter

    Pages i-xxii
  2. Introduction

    • Jörg Krause
    Pages 1-11
  3. Making Components

    • Jörg Krause
    Pages 13-42
  4. Shadow DOM

    • Jörg Krause
    Pages 43-52
  5. Events

    • Jörg Krause
    Pages 53-69
  6. Templates

    • Jörg Krause
    Pages 71-80
  7. Slots

    • Jörg Krause
    Pages 81-96
  8. Components and Styles

    • Jörg Krause
    Pages 97-115
  9. Making Single-Page Apps

    • Jörg Krause
    Pages 117-139
  10. Professional Components

    • Jörg Krause
    Pages 141-163
  11. Back Matter

    Pages 165-266

About this book

Create professional and progressive web apps with the native HTML API on the latest technology stack. This book describes the basics of web components and how to create them using plain JavaScript as well as how to make professional applications based on web components using TypeScript.

Developing Web Components with TypeScript looks at APIs using examples, techniques, and tricks. You will start with a brief introduction to web components, including slots and templates, handling custom events, and styling components with or without shadow DOM. Then, it introduces TypeScript as part of the tool set. It shows the internal construction of a professional thin library. It also helps you learn how to deal with web components in real-life projects; this includes techniques such as creating a single-page app without framework code. All code samples used here are supported by all modern browsers for you to follow along. Library code and examples are available on GitHub.

What You Will Learn

  • Create isolated web components using shadow DOM, slots, and templates
  • Understand the advantage of an enhanced toolset, especially TypeScript
  • Pick up styles and customizations
  • Master professional web apps using native APIs
  • Understand the life cycle of a component

Who This Book Is For

Professional developers who want to move from desktop to web and away from fat frameworks to achieve their goal.

Authors and Affiliations

  • Berlin, Germany

    Jörg Krause

About the author

Jörg Krause has been working with software and software technology since the early 1980s, beginning with a ZX 81 and taking his first steps as a programmer in BASIC and assembly language. He studied information technology at Humboldt University, Berlin, but left early, in the 1990s, to start his own company. He has worked with Internet technology and software development since the early days when CompuServe and FidoNet dominated. He has worked with Microsoft technologies and software since Windows 95. In 1998, he worked on one of the first commercial e-commerce solutions and wrote his first book. Due to its wide success, he started working as a freelance consultant and author in order to share his experience and knowledge with others. He has written several books for Apress, Hanser, Addison Wesley, and other major publishers along with several self-published books—a total of over 60 titles. He also publishes articles in magazines and speaks at major conferences in Germany. Currently, Jörg works as an independent consultant, software developer, and author in Berlin, Germany.

In his occasional spare time, Jörg enjoys reading thrillers and science fiction novels and going on a round of golf.

Follow him on Twitter at @joergisgeek for updates and insights.


Bibliographic Information

  • Book Title: Developing Web Components with TypeScript

  • Book Subtitle: Native Web Development Using Thin Libraries

  • Authors: Jörg Krause

  • DOI: https://doi.org/10.1007/978-1-4842-6840-7

  • Publisher: Apress Berkeley, CA

  • eBook Packages: Professional and Applied Computing, Professional and Applied Computing (R0), Apress Access Books

  • Copyright Information: Jörg Krause 2021

  • Softcover ISBN: 978-1-4842-6839-1Published: 13 March 2021

  • eBook ISBN: 978-1-4842-6840-7Published: 12 March 2021

  • Edition Number: 1

  • Number of Pages: XXII, 266

  • Number of Illustrations: 35 b/w illustrations

  • Topics: Web Development

Buy it now

Buying options

eBook USD 49.99
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book USD 64.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Other ways to access