[≡]
🕑 2 min

Diga oi aos Joselabs! Codelabs para você aprender no seu tempo 🧠🚀

Olá você! Voltando com postagens no blogue, temos novidades das grandes: agora este humilde website possui uma seção de Codelabs - e o melhor - totalmente em português 🇧🇷. O cardápio atual é pequeno, oferecendo apenas traduções, mas tem o tradicional molho da casa (fritas acompanha):

  • Seu primeiro Progressive Web App: o título pode parecer um pouco misterioso, mas é um Codelab sobre como fazer o seu primeiro PWA. Você vai aprender sobre todas as etapas e processos essenciais para construir um formidável PWA
  • Transforme seu site em um Progressive Web App: Tem um site feioso feito pra Netscape ‘97? Saiba que você pode conserta-lo com um pouquinho de amor (e JS). Esse codelab ensina como fazer uns reparos no seu site ☃️.
  • Adicionar um Service Worker e modo Offline no seu App da Web: Service Worker é requisito básico pra considerar seu site um PWA. Mas offline, não necessariamente… PORÉM DEVERIA. Esse tutorial vai mostrar passo a passo como fazer simplesmente funcionar (Igual esse artigo que você tá lendo. Sim ele tá cacheado offline. Pode desligar seu Wi-Fi aí e dar hard-refresh nessa página. Ela vai carregar.)
  • Depurando Service Workers: debugar Service Workers é uma TAREFA ESCRUTINANTE. Esse codelab mostra como chorar menos sangue ao fazê-lo.

Os Codelabs acima foram traduzidos baseados quase que totalmente na sua versão original que pode ser encontrada no site do Google Developers. Ainda essa semana teremos ao menos um codelab sobre notificações Push, prometo.

A ideia é com o tempo criar uma série de tutoriais com esse formato de diversos temas, principalmente meus xodós atuais que são os PWAs, AMPs e os tradicionais Angular (sem JS) e Ionic. Não se surpreenda se aparecerem também umas coisas experimentais, como Next.js, esse framework que se fosse uma pessoa eu casaria. Quem sabe junto desses codelabs não aparece algum conteúdo atrelado por aí na internet?

Para acessar os Codelabs basta apertar gentilmente o botão [CODELABS] no menu superior ou acessar diretamente em . E como de costume, o código-fonte do projeto tá inteirinho lá no GitHub.

#pas

Recadinhos 🔥
  • [PWA Press] Conheça meu novo Newsletter quinzenal sobre Progressive Web Apps!
  • [Google Launchpad Build Recife] Vai ter talk minha no Launchpad Build Recife sobre Progressive Web Apps, inscreva-se grátis!
  • [Updates no blog] Dei uma tapa no visual com umas fontes mais bonitinhas, melhor responsividade e o melhor domínio possivel
  • [JOSE2] Inscreva-se no meu canal no YouTube
  • [Josebot] Curta minha fanpage e fale com meu bot no Facebook
Continue lendo: