Visão Geral

Curso Web Apps with Rust and Leptos. Rust é uma linguagem excelente para construir aplicativos web front-end com WebAssembly. Leptos é uma estrutura web front-end baseada em componentes semelhante a React, Angular e Solid.js. Neste curso de treinamento em Rust, os participantes aprendem como construir aplicativos web front-end com Rust e Leptos. Os participantes aprendem como criar componentes, passar dados para componentes e emitir eventos de componentes. Ao final deste Curso Web Apps with Rust and Leptos, os alunos criam aplicativos web front-end com confiança com Rust e Leptos.

Objetivo

Após realizar este Curso Web Apps with Rust and Leptos você será capaz de:

• Compreender os princípios de construção de uma aplicação web
• Entenda o WebAssembly e como ele funciona
• Explore as diferenças entre estruturas JS puras e estruturas WebAssembly baseadas em Rust
• Crie uma interface de usuário com componentes
• Incorpore as melhores práticas e princípios de trabalho com componentes
• Execute funções do servidor a partir de um código do lado do cliente
• Publique e hospede um aplicativo Leptos

Pre-Requisitos

• Experiência anterior com Rust, HTML e CSS.

Materiais

Conteúdo Programatico

Introduction

WebAssembly with Leptos

1. What is Web Assembly?
2. What is Leptos?
3. How does Leptos compare to React, Angular, and Blazor?

Getting Started

1. Create a Leptos Project
2. Run and Debug a Leptos Project with Visual Studio Code

Components

1. What are Components?
2. Create a Component
3. Pass Data to a Component via Props
4. Dynamic Attributes
5. Passing Children to Components

Parent-Child Components

1. Communicate from Child to Parent via a Write Signal
2. Communicate from Child to Parent via a Callback
3. Use a Closure instead of a Callback
4. Use an Event Listener
5. Context

Component Render Logic

1. Display Data in a Component
2. Expressions
3. Conditionally Display Data in a Component
4. Render a Collection of Data
5. Error Handling

Component Event Handling

1. Handle Events in a Component
2. Event Modifiers
3. Event Propagation

Reactivity with Signals

1. What are Signals?
2. Four Signal Operations
3. Dependency between Signals
4. Effects

Router

1. What is Routing?
2. What is a Router?
3. Define Routes
4. Nested Routes
5. Parameters and Queries
6. Links and Forms

Working with the Server

1. Calling Server Functions
2. Extractors
3. Responses
4. Redirects

Forms

1. What is an HTML Form?
2. Collecting Data from Users
3. Form Validation
4. Processing Form Submissions
5. Action Forms

Metadata

Styling

Server-Side Rendering

1. What is Server-Side Rendering?
2. Using Cargo-Leptos
3. Life Cycle of Loading a Leptos Page
4. Rendering Modes
5. Hydration

Testing

1. Unit Testing Components
2. E2E Testing

Deployment

1. Build a Leptos Application
2. Publish a Leptos Application
3. Hosting Considerations
4. Dockerize a Full-Stack Leptos Application
5. Optimizing WASM Size