0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Web Development with Blazor

You're reading from Web Development with Blazor A hands-on guide for .NET developers to build interactive UIs with C#

Product type Paperback

Published in Jun 2021

Publisher Packt

ISBN-13 9781800208728

Length 310 pages

Edition 1st Edition

Languages

C#

Tools

.NET

Concepts

Front End Web Development

Author (1):

Jimmy Engström

View More author details

Table of Contents (20) Chapters

Preface

1. Section 1:The Basics

2. Chapter 1: Hello Blazor FREE CHAPTER

3. Chapter 2: Creating Your First Blazor App

4. Section 2:Building an Application with Blazor

5. Chapter 3: Introducing Entity Framework Core

6. Chapter 4: Understanding Basic Blazor Components

7. Chapter 5: Creating Advanced Blazor Components

8. Chapter 6: Building Forms with Validation

9. Chapter 7: Creating an API

10. Chapter 8: Authentication and Authorization

11. Chapter 9: Sharing Code and Resources

12. Chapter 10: JavaScript Interop

13. Chapter 11: Managing State

14. Section 3:Debug, Test, and Deploy

15. Chapter 12: Debugging

16. Chapter 13: Testing

17. Chapter 14: Deploy to Production

18. Chapter 15: Where to Go from Here

19. Other Books You May Enjoy

Packt is searching for authors like you

Chapter 10: JavaScript Interop

In this chapter, we will take a look at JavaScript. In certain scenarios, we still need to use JavaScript or we want to use an existing library that relies on JavaScript. Blazor uses JavaScript to update the Document Object Model (DOM), download files, and access things such as local storage on the client.

So, there are, and always will be, cases when we need to communicate with JavaScript, or have JavaScript communicate with us. Don’t worry. The Blazor community is an amazing one, so chances are someone has already built the interop that we need.

In this chapter, we will cover the following topics:

Why do we need JavaScript?
.NET to JavaScript
JavaScript to .NET
Implementing an existing JavaScript library

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Authors (1)

Jimmy Engström

Jimmy Engström

Jimmy Engström  has been developing ever since he was 7 years old and got his first computer. He loves to be on the cutting edge of technology, trying new things. When he got wind of Blazor, he immediately realized its potential and adopted it when it was in beta. He has been running Blazor in production since it was launched by Microsoft. His passion for the .NET industry and community has taken him around the world, speaking about development. Microsoft has recognized this passion by awarding him the Microsoft Most Valuable Professional award 10 years in a row.

See other products by Jimmy Engström

Other recommended products

Related to this chapter

Blazor Quick Start Guide

Blazor Quick Start Guide

Blazor is an open source .NET web framework based on C#, Razor and HTML that runs in the browser with WebAssembly. It simplifies web development by allowing us to write .NET based web apps that runs client-side in web browsers. We can take advantage of our existing knowledge of C# to write both client side and server side applications, and have a full stack .NET development experience.

Oct 2018 5h 48m

Blazor Quick Start Guide

Blazor Quick Start Guide

Blazor is an open source .NET web framework based on C#, Razor and HTML that runs in the browser with WebAssembly. It simplifies web development by allowing us to write .NET based web apps that runs client-side in web browsers. We can take advantage of our existing knowledge of C# to write both client side and server side applications, and have a full stack .NET development experience.

Oct 2018 5h 48m

Blazor Quick Start Guide

Blazor Quick Start Guide

Blazor is an open source .NET web framework based on C#, Razor and HTML that runs in the browser with WebAssembly. It simplifies web development by allowing us to write .NET based web apps that runs client-side in web browsers. We can take advantage of our existing knowledge of C# to write both client side and server side applications, and have a full stack .NET development experience.

Oct 2018 5h 48m

Blazor Quick Start Guide

Blazor Quick Start Guide

Blazor is an open source .NET web framework based on C#, Razor and HTML that runs in the browser with WebAssembly. It simplifies web development by allowing us to write .NET based web apps that runs client-side in web browsers. We can take advantage of our existing knowledge of C# to write both client side and server side applications, and have a full stack .NET development experience.

Oct 2018 5h 48m

Blazor WebAssembly by Example

Blazor WebAssembly by Example

Blazor's biggest selling point is the ability to enable users to write rich web UI experiences using HTML, CSS, and C# instead of JavaScript. With the .NET platform undergoing a massive revamp, Blazor could witness huge adoption. This book focuses on how Blazor WebAssembly can be used optimally for building robust web apps.

Jul 2021 8h 52m

Blazor WebAssembly by Example

Blazor WebAssembly by Example

Blazor's biggest selling point is the ability to enable users to write rich web UI experiences using HTML, CSS, and C# instead of JavaScript. With the .NET platform undergoing a massive revamp, Blazor could witness huge adoption. This book focuses on how Blazor WebAssembly can be used optimally for building robust web apps.

Jul 2021 8h 52m

Blazor WebAssembly by Example

Blazor WebAssembly by Example

Blazor's biggest selling point is the ability to enable users to write rich web UI experiences using HTML, CSS, and C# instead of JavaScript. With the .NET platform undergoing a massive revamp, Blazor could witness huge adoption. This book focuses on how Blazor WebAssembly can be used optimally for building robust web apps.

Jul 2021 8h 52m

Blazor WebAssembly by Example

Blazor WebAssembly by Example

Blazor's biggest selling point is the ability to enable users to write rich web UI experiences using HTML, CSS, and C# instead of JavaScript. With the .NET platform undergoing a massive revamp, Blazor could witness huge adoption. This book focuses on how Blazor WebAssembly can be used optimally for building robust web apps.

Jul 2021 8h 52m

Blazor WebAssembly by Example

Blazor WebAssembly by Example

Blazor's biggest selling point is the ability to enable users to write rich web UI experiences using HTML, CSS, and C# instead of JavaScript. With the .NET platform undergoing a massive revamp, Blazor could witness huge adoption. This book focuses on how Blazor WebAssembly can be used optimally for building robust web apps.

Jul 2021 8h 52m

Blazor WebAssembly by Example

Blazor WebAssembly by Example

Blazor's biggest selling point is the ability to enable users to write rich web UI experiences using HTML, CSS, and C# instead of JavaScript. With the .NET platform undergoing a massive revamp, Blazor could witness huge adoption. This book focuses on how Blazor WebAssembly can be used optimally for building robust web apps.

Jul 2021 8h 52m

Blazor WebAssembly by Example

Blazor WebAssembly by Example

Blazor's biggest selling point is the ability to enable users to write rich web UI experiences using HTML, CSS, and C# instead of JavaScript. With the .NET platform undergoing a massive revamp, Blazor could witness huge adoption. This book focuses on how Blazor WebAssembly can be used optimally for building robust web apps.

Jul 2021 8h 52m

Blazor WebAssembly by Example

Blazor WebAssembly by Example

Blazor's biggest selling point is the ability to enable users to write rich web UI experiences using HTML, CSS, and C# instead of JavaScript. With the .NET platform undergoing a massive revamp, Blazor could witness huge adoption. This book focuses on how Blazor WebAssembly can be used optimally for building robust web apps.

Jul 2021 8h 52m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m