Categoria: Web

  • Lighthouse 6.0

    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

    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

    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

    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

    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

    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

    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

    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

    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

    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,…