Categoria: Tutoriais
-
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
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
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
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
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
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
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
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…
-
5 maneiras de utilizar o Spread operator
Spread operator parameter foi introduzido no EcmaScript 2015, para um simples recurso no primeiro momento, mas utilizados da maneira correta pode se tornar bastante útil, o se você ainda não conhece o spread operator é identificado por “três pontos(…)” com ele podemos desmontar arrays e objetos. Nesse post iremos ver 5 maneiras de utilizar o…
