Categoria: Web
-
Lighthouse 6.0
Lighthouse para quem não conhece ele é o sistema de auditorias de performance, acessibilidade, SEO e PWA dentro do Chrome Dev tools. Também com a possibilidade de instalação no Firefox através de extensão e com NPM. Nesse mês de maio foi anunciado a versão 6.0 do Lighthouse, que estará disponível na versão 84 do Chrome.…
-
PWAs em 2020
Vamos analisar como andam as Progressive web apps ou PWAs em 2020 e como os acontecimentos atuais impactam nos próximos releases das Web APIs
-
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…
-
Ciclo de vida de um componente react
Ciclo de vida de um componente react, um recurso importante dentro do React onde temos maior controle sobre a nossa aplicação. Imagine você quer criar um Timer que irá contar somente quando o componente estiver sendo exibido na tela. React JS Desenvolver aplicações web pode ser uma tarefa complicada, especialmente quando se trata de criar…
-
Wordcamp Dublin 2017
Last yearIe moved to Dublin and had a chance to participate in three WordCamps in Europe. London, Vienna, and Belfast. The last one I did a presentation, was crazy because I replace a speaker 12 hours before the presentation. But in the end, it was nice the support that the community gives me, and I…
-
Feeding Google Search – Structure data
Content is one of the keys to the success on the internet, categorizing your content makes it more visible to the search engines and structure data will be your best friend to do it. This simple action could make you a step forward in the competitive market. On 2011, Google, Bing, and Yahoo launched an initiative called…
-
Eventos com React
Nesse post iremos ver como trabalhar eventos com react. O React é uma biblioteca JavaScript para criar interfaces de usuário. Ele foi criado pelo Facebook e é utilizado por muitas empresas, como Netflix, Airbnb e Imgur. O React tornou-se popular por sua abordagem de componentes reutilizáveis e o seu modelo de dados unidirecional. Eventos são…
-
Variáveis e funções com ECMAScript 2015
ECMAScript 2015 é nova especificação do JavaScript antes chamado ECMAScript 6, por um padrão de conversão e buscando implementações menores em pequeno prazo. Lembrando que esses recursos nem todos os navegadores rodam, o ideal é utilizar uma ferramenta para compilar o seu código para navegadores antigos, um dos mais utilizados é o Babel, ele possui…
-
Componentes Stateless vs Stateful
Continuando a série sobre ReactJS. Vamos falar sobre um dos princípios básicos sobre estado(state) comparando componentes stateless vs. compoenentes stateful. Os dois últimos posts, por exemplo, criamos componentes estáticos(ou stateless), mas atualmente boa parte das aplicações precisam ter alguma categoria de interação com o usuário. As informações precisam ser alteradas em tempo real. Uma das…
-
Trabalhando com shortcodes no WordPress
Vamos falar sobre shortcodes no WordPress nesse post, mas antes vou contar uma história para vocês. Semana passada-me deparei com um problema. Daqueles que você só enxerga em produção. Desenvolvendo um tema para um freela, tudo ok no ambiente de teste. Quando o site foi para produção nenhum vídeo carregava. Entrei para verificar o conteúdo,…