VAGAS DE EMPREGO

balta.io balta.io
  • Cursos
  • Carreiras
  • Para sua Empresa
  • Livros
    • Background Services
    • Blazor com .NET 8
    • Segurança em APIs
    • Futuro do C# 12
    • Nullable Types
    • Clean Code
  • Blog

Seja Premium
balta.io

  • Cursos
  • Carreiras
  • Para sua Empresa
  • Agenda
  • Livros
    • Background Services
    • Blazor com .NET 8
    • Segurança em APIs
    • Futuro do C# 12
    • Nullable Types
    • Clean Code
  • Blog
  • Player
Seja Premium

Entre ou Cadastre-se

  • Home
  • Cursos
  • Progressive Web Apps com Blazor Web Assembly


Premium

Progressive Web Apps com Blazor Web Assembly

Crie e publique do zero um PWA completo utilizando Blazor Web Assembly, GitHub, GitHub Pages e GitHub Actions

1.4 horas
Intermediário
  • Sobre o curso
  • Aulas
  • Introdução

    Neste curso, vamos criar um PWA (Progressive Web App) completo e do zero, com HTML e CSS puro, utilizando Blazor WASM (WebAssembly). Ao término da codificação vamos realizar a publicação do App no GitHub Pages de forma automatizada utilizando GitHub Actions.

    O problema

    Em muitos cenários, não precisamos de um App nativo, não queremos passar pela buracracia das lojas da Apple e Google, e os PWAs nos fornece recursos para trazer o feeling nativo e entregar uma experiência próxima do nativo. Tudo isto unido ao poder e performance do Blazor WebAssembly, com uma publicação automatizada utilizando GitHub Pages e GitHub Actions.

    O que vamos aprender?

    Durante este curso, vamos criar e publicar um PWA com Blazor Wasm usando GitHub Pages e GitHub Actions, passando pelos seguintes pontos:

    • Entendimento do que é WASM
    • Entendimento do que é PWA
    • Estrutura e estilização com HTML e CSS
    • Criação de componentes no Blazor
    • Interação com JavaScript
    • Publicação automática

    Para quem é este curso? Este curso destina-se a qualquer pessoa interessada em criar apps web modernas, robustas e performáticas.

    Suporte e Ferramentas Durante este curso, estaremos utilizando as seguintes ferramentas e tecnologias:

    • Um editor de código de sua preferência
    • Um navegador web atualizado
    • .NET 8
    • Módulo 1
      Desenvolvimento do App
      • Projeto e Layout do App - 2 mins
      • Blazor Web Assembly e PWAs - 5 mins
      • Começando o desenvolvimento - 1 mins
      • Referenciando URLs e Fontes externas - 1 mins
      • Estrutura da Aplicação - 9 mins
      • Componentização e Navegação - 2 mins
      • Construindo a Calculadora de IMC - 3 mins
      • Construindo o Formulário - 5 mins
      • Estilizando o Formulário - 1 mins
      • Inserindo botões na calculadora - 2 mins
      • Estilizando a aplicação PWA - 1 mins
      • Programando a calculadora de IMC - 1 mins
      • Modal no HTML - 2 mins
      • Modal Dinâmico - 2 mins
      • CSS e JavaScript Isolation - 4 mins
      • JavaScript Interoperabilty - 3 mins
      • Preparando os resultados - 1 mins
      • Exibindo os resultados - 2 mins
      • Exibindo os resultados no Modal - 2 mins
      • Preparando os resultados para serem salvos - 5 mins
      • Armazenando os resultados - 4 mins
      • Manipulando os componentes - 3 mins
      • Layout da página de histórico - 6 mins
    • Módulo 2
      PWA
      • Web Manifest - 4 mins
      • Service Worker - 1 mins
    • Módulo 3
      DevOps
      • GitHub Pages - 3 mins
      • GitHub Actions - 5 mins
      • Publicação final - 3 mins

Instrutor

André Baltieri

André Baltieri

Microsoft MVP


Carreiras relacionadas

    Desenvolvedor Frontend Angular [Legado]


    5 cursos

Artigos relacionados

  • Blazor Render Modes
  • Blazor - Rotas e Navegação
  • Uma visão geral do Blazor

Cursos relacionados

    Progressive Web Apps com Blazor Web Assembly
    Progressive Web Apps com Blazor Web Assembly
    1.4 horas
    Intermediário


Matricule-se




3.156

Aulas disponíveis

294

horas de conteúdo

77.005

Alunos matriculados

53.616

Certificados emitidos





Comece de graça agora mesmo!

Temos mais de 21 cursos totalmente de graça e todos com certificado de conclusão.

Começar


Prefere algo mais Premium?

Conheça nossos planos



Premium anual

Compra única, parcelada em até
12x no cartão de crédito


12x R$

99

,79

=R$ 1.197,44
  • 1 ano de acesso
  • Acesso à todo conteúdo
  • Emissão de Certificado
  • Tira Dúvidas Online
  • 68 cursos disponíveis
  • 10 carreiras disponíveis
  • 161 temas de tecnologia
  • Conteúdo novo todo mês
  • Encontros Premium

Começar agora

Política de privacidade



Precisa de ajuda?

Dúvidas frequentes



  • Posso começar de graça?

    Sim! Basta criar sua conta gratuita no balta.io e começar seus estudos. Nós contamos com diversos cursos TOTALMENTE gratuitos e com certificado de conclusão.

  • Vou ter que pagar algo?

    Nós temos cursos gratuitos e pagos, porém você não precisa informar nenhum dado de pagamento para começar seus estudos gratuitamente conosco. Os cursos gratuitos são completos e com certificado de conclusão, você não paga nada por eles.

    Porém, caso queira algo mais Premium , você terá acesso à diversos benefícios que vão te ajudar ainda mais em sua carreira.

  • Por onde devo começar?

    Siga SEMPRE as nossas Carreiras , elas vão te orientar em todos os sentidos. Os cursos já estão organizados em categorias e carreiras para facilitar seu aprendizado.
    Nossa sugestão para aprendizado é começar pelo Backend e seguindo para Frontend e Mobile.

    • Backend
    • Frontend
    • Mobile

  • Os cursos ensinam tudo que preciso?

    Nenhum curso no mundo vai te ensinar tudo, desculpa ser sincero! Os cursos são uma base, eles fornecem por volta de 30% do que você precisa aprender, o resto é com você, com dedicação e MUITA prática.

  • O que eu devo estudar?

    Java ou .NET? Angular ou React? Xamarin ou Flutter? A resposta é simples e direta: "Você já sabe o básico?"

    Se você ainda não sabe BEM o básico, ou seja, os fundamentos, OOP, SOLID, Clean Code, está perdendo tempo estudando Frameworks ou até coisas mais avançadas como Docker. Foque nos seus objetivos primeiro.
    Agora se você está indeciso sobre qual Framework estudar, a boa notícia é que o mercado neste momento está bem aquecido e você tem várias oportunidade. Desta forma o que levaríamos em conta para tomar esta decisão seria:

    • Já sei o básico
    • O Framework/Tecnologia tem mercado onde eu estou (região)
    • O Framework/Tecnologia é utilizado em uma empresa onde quero atual
    • O Framework/Tecnologia resolve meu problema
    • Eu gosto de utilizar o Framework/Tecnologia

  • Estou pronto para estudar no balta.io?

    Com certeza! O primeiro passo é começar e você pode fazer isto agora mesmo!

    Começar de graça

Ainda tem dúvidas?





Assine nosso Newsletter

Receba em primeira mão todas as nossas novidades.

Cadastrar


balta.io

Sobre

  • Como funciona?
  • Seja Premium
  • Agenda
  • Blog
  • Todos os cursos

Cursos

  • Frontend
  • Backend
  • Mobile
  • Fullstack

Suporte

  • Termos de uso
  • Privacidade
  • Cancelamento
  • Central de ajuda

Redes Sociais

  • Telegram
  • Facebook
  • Instagram
  • YouTube
  • Twitch
  • LinkedIn
  • Discord