Categoria: Tutoriais

  • Geolocation API

    Vamos falar sobre Geolocation API javascript esse post servirá como base para o conteúdo do curso de PWA que estou rodando no meu canal. Na versão 2020 do curso iremos abordar Web APIs disponíveis para iOS e nesse primeiro posts iremos abordar a Geolocation web API. Resumo do conteúdo O que é uma PWA? O…

  • Introdução ao npm

    Estou começando uma série sobre desenvolvimento dos blocos Gutenberg é um dos pré-requisitos para se trabalhar com Gutenberg e JavaScript moderno é a utilização de nodeJS e npm. Nesse post iremos realizar uma introdução ao npm e ver qual o seu papel no fluxo de desenvolvimento de blocos Gutenberg. /rank Se voce já desenvolveu aplicações…

  • Introdução a imagens responsivas com srcset

    Introdução a imagens responsivas com srcset

    Imagens são responsáveis pela maior parte do carregamento de bytes de uma aplicação web em geral. Não podemos evitar-las, pois imagens são um ponto crucial da nossa aplicação. Mas temos alternativas para reduzir esse impacto com imagens responsivas. O que são imagens responsivas? Imagine o seguinte cenário, no seu website você possui uma imagem de…

  • Machine Learning descomplicado com ML5.js

    Machine Learning descomplicado com ML5.js

    Conhecida como uma biblioteca amigável para machine learning, ml5.js é uma das alternativas mais acessíveis para você que deseja se aventurar no mundo do Machine Learning. Meses atrás eu descobri esta biblioteca web através do canal coding train. O que é machine Learning? Antes de entramos em detalhe se você nunca ouviu falar em Machine…

  • Introdução ao AMP

    Introdução ao AMP

    AMP ou Accelerated mobile pages surgiu para solucionar um problema antigo das aplicações web relacionada a performance, o fato que muitas das aplicações web são desenvolvidas nos grandes centros onde as empresas e usuários tem facilmente acesso à conexão rápida. Quando as aplicações são testadas nos grandes centros não consideram o tempo de carregamento da…

  • Introdução a Service Worker

    Introdução a Service Worker

    Nesse posts vamos falar sobre service worker é um dos recursos-chave dentro das Progressive web Apps vamos entender como ele funciona e o seu ciclo de vida. Para quem ainda não viu, estou gravando uma série sobre PWA no meu canal do youtube, até o momento tenho mais de 12 aulas gravadas também estou adicionando…

  • Badging API

    Badging API

    A Badging API é uma das novas APIs criadas para fechar o gap entre aplicações nativas, ela permite adicionar contador de notificações nos ícones da nossa PWA na barra de tarefas. Diferente de Push Notification a badging API é menos intrusiva apenas exibe um balão de notificação sobre o ícone da nossa aplicação. Atualmente Windows…

  • Web Share API Level 2

    Web Share API Level 2

    Recentemente fiz um post sobre Web Share API, um dos motivos foi a inclusão de suporte pela plataforma iOS a API na última versão 12.2. Nesse post vamos abordar alguns updates que estarão presentes na versão 75 do Chrome. Os recentes updates são relevantes para aplicações web progressivas. No meu canal do YouTube comecei uma…

  • localStorage: Armazenando dados com JavaScript

    localStorage: Armazenando dados com JavaScript

    Esse post é um dos posts mais visualizados do blog, foi criado em 2013, mas vou dar uma atualizada no que aconteceu de lá para cá. Armazenamento local com localStorage é umas das features mais úteis do HTML5 podemos utilizar para uma infinidade de ações agora com Progressive Web Apps esse recurso voltou a ficar…

  • Criando páginas single para cada categoria (Single templates) no WordPress – 2019

    Trabalhando com WordPress você tem um arquivo para cada página específica, por exemplo, o arquivo responsável pela página de categoria é o arquivo category.php, o arquivo responsável pela exibição do post em forma isolada é o arquivo single.php. Mas além dessas opções também podemos criar uma arquivo para a single de cada categoria, mas isso…