Blog Fellyph Cintra

Blog sobre WordPress, IA, PWA e JavaScript

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…
Pensando em React

Dominar a arte da componentização é a chave para dominar o React. Este guia prático irá guiá-lo passo a passo desde a criação de mocks até a construção de componentes reutilizáveis e escaláveis. Comece com um mock simples: Imagine a seguinte tela: uma coleção de portfólios, cada um com foto, descrição, URL, empresa, design e…
Por que REACT JS?

React JS é o assunto do momento no Brasil e Europa, nos EUA já faz sucesso a mais de um ano o framework do Facebook apenas confirma a sua força este ano. React JS é a tecnologia chave requisitadas nas principais vagas de front aqui na Europa tirando o espaço do Angular ainda bastante forte. Como…
Padrões de código JavaScript no WordPress

Em busca da produtividade e legibilidade do código presente nos temas a equipe do Core do WordPress escreveu uma seção para falar sobre padrões de código JavaScript para plataforma. Esse é o segundo post da sobre o assunto no post anterior falei sobre padronização de código CSS, Nesse post vamos abordar padrões de escrita para…
Observe a orientação do device com JavaScript

Com JavaScript podemos observar a orientação do device, também é possível realizar este tratamento com CSS, mas isso fica restrito a questões visuais, caso queria realizar algum tratamento lógico na nossa aplicação podemos utilizar JavaScript. Como acompanhar a orientação do device com javascript? Temos “N” possibilidades de acompanhar a orientação do device com JavaScript, nesse…
Trabalhando gestos com Hammer.js

Hammer é uma biblioteca JavaScript que dispara eventos para os gestos realizados nas suas aplicações com HTML+JS. O Hammer.js é simples de usar, como muitas bibliotecas ele usa o esquema “jQuery-like”. Como utilizar o hammer.js? Para utilizar a biblioteca de gestos precisamos dos seguintes passos, carregar a biblioteca do Hammer disponível no link: http://eightmedia.github.io/hammer.js/. Além…
Crie accordion sem JavaScript

A tag HTML details nos permite criar um accordion sem JavaScript e nesse poste você ver como usa-la, ela pode ser útil para obter informações adicionais sobre uma determinada informação, resumindo um accordion.