Cargando…

Developing web components with TypeScript : native web development using thin libraries /

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 W...

Descripción completa

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autor principal: Krause, Jörg, 1964- (Autor)
Formato: Electrónico eBook
Idioma:Inglés
Publicado: [Berkeley, CA] : Apress, [2021]
Temas:
Acceso en línea:Texto completo (Requiere registro previo con correo institucional)

MARC

LEADER 00000cam a2200000 i 4500
001 OR_on1243540994
003 OCoLC
005 20231017213018.0
006 m o d
007 cr cnu---unuuu
008 210327s2021 cau o 000 0 eng d
040 |a EBLCP  |b eng  |e rda  |e pn  |c EBLCP  |d YDX  |d GW5XE  |d OCLCO  |d OCLCF  |d UKAHL  |d AUD  |d OCLCO  |d OCLCQ  |d COM  |d OCLCQ  |d OCLCO 
019 |a 1242026540 
020 |a 9781484268407  |q (electronic bk.) 
020 |a 1484268407  |q (electronic bk.) 
020 |z 9781484268391 
020 |z 1484268393 
024 7 |a 10.1007/978-1-4842-6840-7  |2 doi 
029 1 |a AU@  |b 000068961998 
035 |a (OCoLC)1243540994  |z (OCoLC)1242026540 
050 4 |a QA76.625 
072 7 |a COM060160  |2 bisacsh 
082 0 4 |a 005.2/762  |2 23 
049 |a UAMI 
100 1 |a Krause, Jörg,  |d 1964-  |e author. 
245 1 0 |a Developing web components with TypeScript :  |b native web development using thin libraries /  |c Jörg Krause. 
264 1 |a [Berkeley, CA] :  |b Apress,  |c [2021] 
300 |a 1 online resource (280 pages) 
336 |a text  |b txt  |2 rdacontent 
337 |a computer  |b c  |2 rdamedia 
338 |a online resource  |b cr  |2 rdacarrier 
520 |a 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. You will: 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. 
588 0 |a Print version record. 
505 0 |a Intro -- Table of Contents -- About the Author -- About the Technical Reviewer -- Acknowledgments -- Introduction -- Chapter 1: Introduction -- The Global Picture -- Components -- Component Architecture -- Parts of a Component -- The Rise of Thin Libraries -- Single-Page Apps -- The HTML 5 API -- The Template Language -- Smart Decorators -- TypeScript -- WebPack -- Compatibility -- Other Libraries -- Summary -- Chapter 2: Making Components -- Basics -- A First Example -- Observing Unset Elements -- Custom Elements AP -- Observing Attributes -- Attribute Data -- Discussing the Options 
505 8 |a The MutationObserver Type -- Proxy -- Rendering Order -- Delaying Access -- Introducing a Life Cycle -- Customized Built-in Elements -- Advantage of TypeScript -- Using Generics -- Final Thoughts on Generics -- Summary -- Chapter 3: Shadow DOM -- Preparation -- Built-in Shadow DOM -- Shadow Tree -- Terms -- Using Shadow Trees -- Limitations -- Modes -- Encapsulation -- Shadow DOM without Components -- Closing the Shadow Root -- The Shadow Root API -- Properties -- Methods -- Summary -- Chapter 4: Events -- Events in ECMAScript -- Event Handlers -- Assigning a Handler -- Choosing the Right Events 
505 8 |a HTML 5 Standard Events -- Event Bubbling -- The Event Object -- Stopping Other Handlers -- Other Types of Propagation -- Event Capturing -- Removing Handlers -- Multiple Handlers -- Stopping Default Behavior -- Follow-Up Events -- Passive Events -- Document Handlers -- Events in Web Components -- Events and Slots -- Event Bubbling -- Composed Events -- Custom Events -- Synthetic Events -- The dispatchEvent API -- Customize Events -- Smart Events -- Summary -- Chapter 5: Templates -- HTML 5 Templates -- How It Works -- Activating a Template -- Clone or Import -- Templates and Web Components 
505 8 |a Shadow DOM -- Using createShadowRoot -- Shadow DOM and innerHTML -- Nested Templates -- Template Styles -- Applying Global Styles -- Summary -- Chapter 6: Slots -- Slots Explained -- Slot and Templates -- Shadow DOM -- Slots and Components -- Slot Behavior -- Slot Positions -- Multiple Slots -- Default Slots -- Slot Events -- Adding an Event Handler -- Updating Slots -- Slot Change Events -- The Slot API -- Summary -- Chapter 7: Components and Styles -- Style Behavior -- Accessing the Host -- Cascading -- Selecting a Host Element -- Accessing the Host Context Aware -- Styling Slotted Content 
505 8 |a CSS Hooks -- Ignoring Styles -- Parts -- The Part Attribute and Pseudo Selector -- Forwarding Parts -- The Part API -- The Future of Parts -- Summary -- Chapter 8: Making Single-Page Apps -- The Architecture of SPAs -- The Router -- Monitoring the URL -- Configuring the Router -- Defining the Target -- Router Implementation -- The History API -- The History Stack -- The history Object -- History Change Events -- Final Thoughts on the History API -- Stateful Apps -- Flux -- The Flux Parts -- Tell Tales -- Implementing Flux -- Overview -- The Demo Component -- The Store -- Merging Stores 
590 |a O'Reilly  |b O'Reilly Online Learning: Academic/Public Library Edition 
650 0 |a Internet programming. 
650 0 |a Web applications. 
650 0 |a TypeScript (Computer program language) 
650 6 |a Programmation Internet. 
650 6 |a Applications Web. 
650 6 |a TypeScript (Langage de programmation) 
650 7 |a Internet programming  |2 fast 
650 7 |a TypeScript (Computer program language)  |2 fast 
650 7 |a Web applications  |2 fast 
776 0 8 |i Print version:  |a Krause, Jörg  |t Developing Web Components with TypeScript  |d Berkeley, CA : Apress L. P.,c2021  |z 9781484268391 
856 4 0 |u https://learning.oreilly.com/library/view/~/9781484268407/?ar  |z Texto completo (Requiere registro previo con correo institucional) 
938 |a Askews and Holts Library Services  |b ASKH  |n AH38627747 
938 |a ProQuest Ebook Central  |b EBLB  |n EBL6516180 
938 |a YBP Library Services  |b YANK  |n 301995103 
994 |a 92  |b IZTAP