Neste guia veremos o que são web components, quando usar, sua estrutura e também um crash course criando um web component do zero que é um card Pokémon, com vários recursos interessantes.
Continue lendo →
Browsing category archives: Dev
Tipos de Frontend
A alguns anos atrás escrevi um texto sobre o que é o frontend, também palestrei sobre o que é frontend, a carreira do frontend e os tipos de frontend que existem.
Continue lendo →
SVG – Guia definitivo
O que é
SVG é a sigla para Scalable Vector Graphics que traduzindo seria gráficos vetoriais escaláveis. SVG é uma linguagem XML para fazer desenhos, gráficos 2D de maneiras estáticas ou dinâmicas a partir de vetores.
Continue lendo →
Padrões CSS
Quando você começa a trabalhar com grandes projetos de front-end, os arquivos CSS vão crescendo, e os problemas também. Você começou a usar muitos important! no projeto? Os arquivos CSS estão ficando muito grandes? Você não sabe onde encontrar uma regra CSS específica? Você não é o único a passar por isso, relaxa. A partir desses e vários outros problemas, foram criados padrões CSS.
Continue lendo →
Começando com Ionic 3
Ionic é um framework para criar aplicativos mobile híbridos através de linguagens web (HTML, CSS e JS). Você pode aprender mais sobre o conceito do Ionic Framework aqui. Atualmente estamos no Ionic 3 (3.9.2 para ser exato), e o desenvolvimento do framework vem evoluindo bastante desde o lançamento do Ionic 2 que continuou utilizando o Angular, o que tem tornado o desenvolvimento com Ionic 3 ainda mais robusto, pois Continue lendo →
JavaScript – Reduce
JavaScript Reduce é um dos métodos recentes de programação funcional que a linguagem possui. Ele foi definido no EcmaScript 2015, e é um método de Continue lendo →
Jasmine – Testando seu código JavaScript
Conforme evoluímos na complexidade das aplicações de front-end que desenvolvemos, uma necessidade começa a se tornar óbvia: testar o código JavaScript. Jasmine é um framework exatamente para resolver essa necessidade.
Jasmine é um framework de testes para o código JavaScript, que adere aos conceitos Continue lendo →
O que é Vue.js
Vue.js é uma biblioteca JavaScript acessível, versátil e performática. E apesar do site oficial dizer que Vue.js é um framework JavaScript Progressivo, eu já vou começar discordando 🙂
Entendemos por framework, aquela solução ‘fechada’ quando você já tem definido por exemplo a estrutura de Continue lendo →
JavaScript – Variáveis: var, let e const
O que é uma variável?
Variáveis JavaScript são objetos onde nós guardamos uma informação apenas em tempo de execução. Por exemplo: se você digita sua data de nascimento em um formulário, podemos guardar essa data em uma variável para calcular a sua idade. Mas se você Continue lendo →
JavaScript – Começando do jeito certo
O que é JavaScript?
JavaScript é uma linguagem de programação, que foi criada originalmente para rodar em navegadores. Na tríade do Front-end, a linguagem é responsável por interagir com o usuário (como mensagens de erro e outros), sem a necessidade das informações irem Continue lendo →