Quando usar TypeScript

Aperfeiçoado e amadurecendo: quando usar TypeScript?

Guia fácil para usar localStorage com Javascript

Entendendo um pouco sobre como utilizar localStorage com Javascript

Configurando React Native no macOS Mojave

Como configurar apps feitos com React Native para rodar em simuladores de iOS e Android, assim como aparelhos físicos.

Impedindo que a tela desligue com JavaScript

Como podemos impedir que a tela do usuário entre no modo de descanso

Performance no scroll com IntersectionObserver

Veremos os benefícios em usar IntersectionObserver.

Flutter: porque você deveria apostar nesta tecnologia

Porque você deveria apostar nesta tecnologia.

React Hooks

Nova feature que chegou na versão 16.8.0, um dos assuntos mais hype do começo de 2019.

As ferramentas do desenvolvedor React em 2019

Ferramentas úteis para otimizar o fluxo de trabalho do React em 2019

Entendendo os componentes funcionais

Vamos entender qual componente utilizar.

Números grandes em JavaScript com BigInt

Apresentação de um novo tipo de dado para números.

Vida longa aos testes de mutação

Explicação sobre o por que test coverage não é uma métrica necessariamente boa e como podemos melhorar a qualidade dos nossos testes com testes de mutação.

(React + this + bind) = só sei que é assim

Desmistificando o limiar entre JavaScript e React.

React: o que é e como funciona essa ferramenta?

Como definido por seus criadores, React é “uma biblioteca JavaScript declarativa, eficiente e flexível para a criação de interfaces de usuário (UI)”.

Como evitar que seu app React com Redux vire um ninho de rato

Dicas para dar manutenção pro seu app React + Redux

Uma História Web: A Origem dos Bundlers

Entenda como surgiram os bundlers no Javascript

Uma introdução prática às threads no Node.js

Uma introdução prática às threads no Node.js

Getters e Setters - Manipuladores com Javascript

Descobrindo formas elegantes de manipular valores de objetos

Usando Sass com create-react-app (sem eject)

Como usar o Sass junto ao create-react-app, sem eject e apenas instalando a gem e fazendo rodar no nosso package.json.

Explorando o método bind em JavaScript

Conhecendo o método bind e seus benefícios.

Angular vs ReactJS - A web sempre ganhando

Uma breve comparação entre Angular e ReactJS.

Decifrando Proxies em JavaScript

Intercepte seus objetos utilizando Proxies.

Lidando com arrays em JavaScript

Métodos que vão simplificar seu trabalho com arrays em JavaScript.

O porquê do Bitcoin — Parte 2: A mitologia grega, o Napster e os Refugiados da Síria

Porque Bitcoin não é algo trivial.

Fazendo o stub de dependências com Sinon

Como realizar o stub de suas dependências com o Sinon para simplificar seus testes.

Template Strings

Criar strings é algo muito fácil em JavaScript. Mas manipular strings não é algo trivial.

O porquê do Bitcoin — Parte 1: La casa de papel, a Roma Antiga e a Década Perdida

Porque Bitcoin não é algo trivial.

O que são funções puras

Compreenda o que são funções puras e como podem beneficiar na construção de suas aplicações.

Repaint, Reflow e Layout Thrashing - Performance além do carregamento

Neste artigo falaremos sobre renderização e boas práticas na manipulação do DOM :)

webpack Code Splitting: separando seus módulos para uma performance incrível

Aprenda como podemos utilizar o webpack para melhorar o carregamento de aplicações e melhorando a experiência dos usuários

O que você deve saber sobre o funcionamento do React Native

Como o React Native realmente funciona por baixo dos panos

Como usar auth no Firebase

Autenticação de usuário com o Firebase Auth

Congelando seus objetos no JavaScript

Como utilizar o método Object.freeze() para congelar seus objetos no JavaScript.

GraphQL: a nova era das APIs Web

Uma nova categoria de ferramentas tem ganhado mercado quando falamos sobre a construção de APIs Web: estamos falando do GraphQL.

Usando ESlint e hooks no git

Como mandar bem nos commits

Datas no JavaScript com Moment.js

Como utilizar o pacote Moment.js para trabalhar de maneira mais eficiente com datas no JavaScript.

Como fazer requisições ajax

Requisições ajax com Fetch API e Axios

Componentes além do reuso

Como trabalhar com componentes está tornando obsoleto o conceito de Model/View/Controller?

Embaixo do Capo do React Native

Saia da mediocridade, entenda como funciona o realmente React Native. Mais cedo ou mais tarde isso poderá lhe ajudar muito.

Entendendo o DOM (Document Object Model)

O DOM explicado de uma maneira fácil.

Fontes customizadas no React-Native

como você pode fazer para usar fontes customizadas no seu projeto React-Native.

As 4 tendências pra 2018 que você PRECISA saber. Ou não.

Essas são apenas as minhas falhas opiniões de um jovem mortal.

NPM e a polêmica de segurança

A polêmica sobre a falta de segurança em códigos de terceiros

Crud com Node.js e MongoDB (Express + Mongoose) na KingHost

Criando uma app utilizando Express e MongoDB

Gerenciando aplicações Node.js com PM2

Como gerenciar aplicações Node.js em produção com PM2.

Utilizando Fragment no React

Uma das mais notáveis breaking changes do React foi a versão 16, a chamada React Fiber, que inclui o React.Fragment.

Como implementar o Blockchain em JavaScript

Aprenda passo-a-passo a fazer uma versão simplificada do Blockchain em JavaScript

Parcel Bundler: Criando um projeto React

Rápido, sem configurações e prático! É amigos da rede web, temos um bom jogador em campo!

Ember.js: Deploy no Heroku

Como configurar deploy automático no Heroku integrado com GitHub.

Introdução aos Progressive Web Apps

Olhe pro seu smartphone agora mesmo. Você fez o download do aplicativo do Shopping que mais frequenta? E da franquia de restaurantes? E da agência de viagens?

Criando uma API Express

Ou apenas me aventurando no Back-end.

Quais são as principais tecnologias de front-end utilizadas pelas startups

O rápido avanço da tecnologia transforma funções e exige novos profissionais a cada dia.

Armadilhas Ember <> JQuery

O uso do JQuery em conjunto com o Ember pode trazer diversas armadilhas que vão resultar em lentidão, vazamento de memória e outros problemas.

GitHub Game Off

O 5º prémio anual do jogo GitHub começa em poucos dias - envolva-se e confira nossos recursos Phaser.

Criando uma aplicação Ember.js em 2 minutos

“Mas Ember parou no tempo”... Será?!

Compilando sua aplicação Elm

Como fazer a compilação de uma aplicação escrita Elm para JavaScript e assim poder utilizar no browser.

Desenvolvendo sua primeira aplicação com Elm

Como escrever aplicações dinâmicas, fazer requisições HTTP e interpretar JSON.

ReactConf Brasil 2017

A conferência Brasileira sobre ReactJS.

Introdução ao GraphQL com Node.js

GraphQL é uma linguagem de consulta de dados desenvolvida e usada pelo Facebook, saiba como utilizá-la com Node.js

Entendendo Programação Funcional em JavaScript de uma vez

Você já percebeu que cada vez mais o termo Programação Funcional vem sendo usado pela comunidade?

Seu primeiro Hello World em Elm

Guia de como instalar o Elm e fazer seu primeiro Hello World.

Algoritmos de ordenação e o seu JavaScript

Insert sort, selection sort, quick sort, etc. Legal, mas onde esses algoritmos são aplicados de fato no seu JavaScript?

Entendendo RxJS Observable com Angular

Uma forma simples de utilizar RxJS para aplicar conceitos de programação reativa com Angular

Introdução ao Elm - diga adeus aos runtime errors

Uma introdução básica à linguagem Elm.

Como criar seu primeiro Progressive Web App do Zero

Entenda e crie seu Progressive Web App

O que TODO desenvolvedor JavaScript precisa saber

Nos últimos anos o JS passou por uma grande revolução, apesar disso, existe uma parte fundamental da linguagem que todos deveríamos saber.

Ouigo - Pinball em WebGL

Um pinball rodando direto do seu browser.

O Guia Completo do React e o seu Ecossistema

Você ouve falar frequentemente sobre o React mas sabe pouco sobre ele?

Node.js - o back-end do front-end

Um pouco sobre hospedagem e a história do Node.JS

Construindo protótipos navegáveis em realidade virtual com A-Frame

A-Frame é um framework NODE.JS pra construção de aplicações em 360 no browser.

Indo além no Mundo React-Native

Um estudo pessoal sobre as possibilidade do React Native.

Seu primeiro bot para o Telegram

Nesse artigo vamos mostrar o desenvolvimento de um BOT muito simples utilizando a API do Telegram.

Páginas acessíveis com o HaTeMiLe

O HaTeMiLe é uma biblioteca que utiliza os Padrões Web para resolver problemas de acessibilidade. Entenda melhor como ela funciona.

Como criar aplicações em tempo real usando Node.js e RethinkDB

Criando a sua primeira aplicação web com React

Um exemplo prático de como criar seu primeiro código com o Create React App.

O futuro das interfaces: Chatbots

Como instalar Node.js no Linux corretamente (Ubuntu, Debian, Elementary OS)

Angular 2, vale a pena?

O Angular é hoje uma das ferramentas mais largamente utilizada para desenvolvimento front end. Vale a pena migrar para a nova versão?

Proteja seu código usando o Webpack

Trabalhando com serviços no Javascript

Criando uma aplicação móvel com Ionic 2 e Angular 2 em dez passos

Yarn: A evolução do NPM

No dia 11 de outubro de 2016, o Facebook anunciou o seu novo gerenciador de pacotes para Javascript: o Yarn, que vem com a proposta de ser mais rápido, seguro e confiável que o NPM. O Yarn é open source, e nasceu com a colaboração, também, das empresas Exponent, Google, e Tilde.

Hello World com React, do rascunho até o primeiro componente

API para Autenticar usuários com JWT e Passport

Invertendo o Redux

Conversão de tipos em JavaScript

Carrossel descomplicado com HTML, CSS

Conheça o Vue.js, um framework javascript para criação de componentes web reativos

Criando sua aplicação React em 2 minutos

Configurar aplicações que utilizam React pode ser uma tarefa árdua e complexa... Babel, Webpack, ESLint, Autoprefixer... Mas agora não mais! Com o Create React App, é possível configurar o projeto em menos de 2 minutos!

Aplicativos Desktop com NW.js – Node Webkit – Introdução

Este é o primeiro artigo de uma série sobre aplicações desktop usando tecnologias web. (HTML, CSS, Javascript e WebGL)

Entendendo a indentação no Javascript

Paginação com JavaScript e jQuery

Como fazer um script de paginação usando JavaScript e jQuery

Programação funcional em Javascript. Implementando Curry e Compose, com bind e reduce.

Introdução à Programação Funcional (Functional Programming) em Javascript

O básico sobre Expressões Regulares

Desmistificando as Expressões Regulares.

Fluxo de execução assíncrono em JavaScript – Generators e Async Functions

Tardou mas não falhou e veio como presente de ano novo. Este é o terceiro artigo de uma série que trata sobre execução assíncrona no JavaScript. Veremos a seguir como funcionam Generators e qual a sua aplicação em conjunto com Promises. Tratando um pouco do que vem por ai, faremos uma análise sobre a especificação de Async Functions.

ReactJS 101

Uma introdução a biblioteca para criação de interfaces do Facebook

Criando aplicações CLI utilizando Node.js

Consumo eficiente de recursos computacionais de servidores de aplicação web com Node.js

Este artigo é o resultado de uma análise da plataforma Node.js, especificamente quando submetida a um alto número de acessos simultâneos, comparando os números dos indicadores de serviço e eficiência obtidos em testes de performance.

A arquitetura Redux usando Jails

Manipulando o uso de classes com classList API

Manipule facilmente suas classes com o uso da classList API, uma API pequena e simples, porem de grande utilidade.

Alternativa de CMS com Keystone.js

O Keystone.js é um framework desenvolvido em Node.js para servir de CMS e também de Web Application.

Entendendo o async e o await em JavaScript

As funcionalidades async / await não conseguiram chegar para o ES6, mas isso não significa que elas não irão chegar ao JavaScript. Enquanto escrevo esse post, ela é uma proposta na fase 3 e está sendo trabalhada ativamente. As funcionalidades já estão no Edge e devem chegar a outros browsers assim que chegar na fase 4 - pavimentando seu caminho para inclusão na próxima edição da linguagem (veja também: Processo TC39).

React Native: Construa aplicações móveis nativas com JavaScript

| Construir aplicações multiplataforma nunca foi tão simples e divertido. Conheça o framework que está mudando os rumos do desenvolvimento mobile baseado em JavaScript.

Introdução ao Redux

Uma breve explicação sobre a arquitetura Redux e suas principais características

Lodash ou Underscore? Talvez, nenhum!

Exercícios Simples de JavaScript para Entrevista

Nesse artigo iremos ver alguns exercícios simples e rápidos de JavaScript que podem ser usados para ajudar a você a selecionar candidatos ou para você se dar bem em uma entrevista.

Criando efeitos de páginas de livro no seu front-end

Uma breve introdução da biblioteca Turn.js para fazer efeitos de páginas de livros no seu front-end.

Gerenciando módulos no TypeScript

Diga olá ao TypeScript e adeus ao JavaScript

Uma visão detalhada sobre instanciação de variaveis no JavaScript

Sabe quando a variável acaba ganhando um valor que você não esperava ? Pois bem, o JavaScript tem algumas formas de tratar variáveis e é sobre isso que vamos tratar aqui neste artigo. Escrevi este texto para o curso beMEAN - Instagram criado pelo Jean Suissa, fundador da Webschool. Gostaria de compartilhar com a comunidade, especialmente com os iniciantes. Vamos la! ;)

Detectando navegadores com Bowser

Projeto hospedado no GitHub ajuda a detectar versões e detalhes do navegador utilizado

ES2015 – Babel 6 com Browserify e Babelify

O Babel 6 trouxe muitas mudanças na maneira que convertemos arquivos ES2015 para ES5.

Introdução ao Electron

Desenvolvedor web também pode construir aplicações desktop. Com o Electron, você usa HTML, CSS e JavaScript.

Provent – Promises e Eventos… combinados.

Campo input date do HTML5 e internacionalização

Property accessors e porque você deveria saber usá-los

Notações diferentes para acessar as propriedades de um mesmo objeto em JavaScript

Teste automatizado de API com frisby e jasmine

Introdução ao AMD com Require.js

Aprenda agora em 4 passos simples a modularizar seu código JavaScript utilizando a especificação AMD com RequireJS.

Introdução ao Meteor

Uma introdução ao Meteor.

Raspagem de dados com Node.js

Processo front-end na Locaweb

Nosso processo e stack de front-end na Locaweb.

Introdução a propriedades e métodos no JS

Entendendo um pouco sobre o uso de propriedades de valores e métodos no JavaScript.

Desenvolvendo apps para SmartTVs com HTML, CSS e Ajax

Entenda como funciona o básico do desenvolvimento pra SmartTVs.

Crie seu jogo em HTML5 com enchant.js

Com poucas linhas de código é possível criar um jogo simples em HTML5 utilizando o framework enchant.js.

Fluxo de execução assíncrono em JavaScript – Callbacks

Este é o primeiro artigo de uma pequena série a respeito de execução de código assíncrono. Definiremos o que é fluxo de execução e veremos o que é e quão importante é dominar as callbacks na escrita de código JavaScript.

NodeSchool – Um jeito fácil para aprender Node e JavaScript

NodeSchool, um workshop de código aberto, presencial ou online.

Parse – Objetos na nuvem

Parse, um banco de dados, na nuvem, orientado a objetos.

Aprendendo JavaScript online

Sites para aprender JavaScript de maneira fácil e interativa.

Jails – O Framework e a Arquitetura do Javascript

Eu escrevi meu próprio framework por que estava insatisfeito com os oferecidos no mercado. E foi ótimo!

Desempenho e eventos jQuery: event delegation

Como a utilização de event delegation com o jQuery pode ser otimizada.

Polymer 1.0 : Pronto para produção

Tudo sobre a mais nova versão do Polymer e porque ele está pronto para produção

Como criar um Chrome App com o seu Chromebook

Criando seu primeiro App para Chrome direto do seu Chromebook!

Flux: Entenda como funciona a arquitetura Flux com React

Arquitetura de aplicações para construir interfaces de usuário feita pelo Facebook.

JavaScript: Dicas de bolso – parte 1

Dicas rápidas de JavaScript, uma linguagem beeem legal mas cheia de pegadinhas do malandro.

Collections ES6 – parte 1

Novas estruturas de dados do Javascript

Jasmine: entendendo os matchers

Provavelmente você já deve ter ouvido de Jasmine certo? Por acaso, você conhece todos os matchers que ele nos oferece pra testar?

Funções do JavaScript na versão ES 6 – Parte 1

Entendendo algumas novidades em funções do JavaScript na versão ES6.

Um mix de orientação a objetos + filter, map e reduce com Javascript.

Iterators ES6

Uma nova forma de interagir com collections no Javascript

Condições ternárias

Algumas condições simples precisam de muito código para definir uma atribuição. Podemos usar condições ternárias para tornar nosso código mais conciso.

Múltiplas galerias de fotos dinâmicas com Fancybox, Ajax e JSON

Transferindo dados entre o PHP e Javascript do jeito certo.

Introdução ao webpack

Conheça o webpack: um bundler que permite dividir seu código em múltiplos módulos para serem lidos sob demanda.

Código Limpo

Tamanho da tela e tamanho da janela com JavaScript

Um breve spike para comparar os valores do tamanho da tela e da janela em diversos dispositivos.

Em um relacionamento sério com generators front-end – Parte 3

Nesta terceira parte da série, iremos abordar o Slush Generator, que é um Scaffolding Generator baseado em NodeJS e que tem uma forma diferenciada para criação de seus scaffolds.

Formulário responsivo com MailChimp

Cada dia mais estamos utilizando serviços disponíveis na web, principalmente aqueles que tem um plano básico gratuito que permite integrações.

Entendendo o Event Delegation da função on() no jQuery

Um pouco sobre event delegation com a função <code>on()</code> do jQuery.

Closure Tools

Uma excelente ferramenta de minificação de arquivo javascript. Vou falar alguma coisa sobre Closure Tools e alguns exemplos de código fonte.

ECMAScript 6, uma breve introdução à POO

Veja como ficou a programação orientada à objetos na nova especificação do JavaScript. Construiremos uma mini loja virtual usando classes com ECMAScript 6!

Utilizando navigator.language

| Vamos entender como funciona o navigator.language, com um pouco de teoria e prática.

Em um relacionamento sério com generators front-end – Parte 2

Na parte 2 de nossa série, vamos falar de Yeoman, um generator que, na minha opinião, é bem completo e atende a grandes necessidades na criação de um projeto.

Em um relacionamento sério com generators front-end – Parte 1

Essa é uma série que vai abordar generators usados por desenvolvedores front end no mercado. Um post que vai mostrar desde conceitos até a prática, que convém a nós é o que mais interessa.

EmberJS para iniciantes – Parte 1

Iniciando com Ember.JS

i18next para Internacionalização

All Animation CSS3 – Criar animações CSS3 nunca foi tão fácil

Animações cross-browser que darão mais ênfase a suas páginas como controles deslizantes, efeitos 3D’s, etc...

Web Speech API – Reconhecimento de voz com JavaScript

Imagine websites onde os usuários podem navegar pelas páginas ou preencher campos de formulário usando a sua voz e até mesmo interagir com a página enquanto dirige, sem tirar os olhos da estrada.

Design Patterns em JavaScript – Observer

Entenda um pouco mais sobre o pattern JavaScript Observer.

Introdução à programação orientada a objetos em Javascript

Neste post, vamos criar uma pequena classe em javascript que aborda este método, para que possamos entendê-lo de forma simples e aplicar em nossos projetos.

Melhores Práticas Web Components

Conheça práticas simples que podem ajudar na organização do seu web component.

Entendendo as diretivas e fazendo abas com AngularJS

As diretivas do AngularJS estendem o código HTML, atribuindo funcionalidades aos componentes. Entenda como as diretivas funcionam fazendo uma funcionalidade básica de abas (tabs).

BrazilJS 2014

Anotações das palestras que rolaram no BrazilJS de 2014.

JavaScript Strict Mode

Como funciona o 'use strict' no JavaScript e saiba como ele pode ajudá-lo.

Web Notifications API

Aprenda o básico da API de Web Notifications.

Construindo sua própria biblioteca javascript

E se um dia você criasse sua própria biblioteca JavaScript, no estilo da jQuery?

Como publicar aplicação NodeJS no Heroku

Neste artigo vou utilizar uma aplicação single page para demonstrar passo a passo as etapas necessárias para publicar uma aplicação no Heroku.

Criando uma aplicação Single Page com AngularJS

O AngularJS oferece muitos recursos ao desenvolvedor, neste artigo vamos conhecer o de Single Page, utilizando ngView e ngRoute.

Dominando o uso de prototype em JavaScript

| Neste artigo vamos aprender a utilizar um aspecto bastante importante das funções: protótipos.

Elevação ou JavaScript hoisting

Elevação é nada mais, nada menos do que trazer para o início do escopo a declaração de variáveis e funções. Ta, mas como funciona? Calma, vamos aos poucos. De primeira vista pode parecer extremamente complicado mais depois de saber o que está acontecendo, você vai dizer "poxa era só isso!".

Web Components: Introdução

Entenda os principais tópicos e as informações iniciais sobre Web Components.

Utilizando o MarkerClusterer no Google Maps

Você utiliza bastante o Google Maps em seus projetos? Já aconteceu de vários pontos ficarem muito próximos uns dos outros? Confira o MarkerClusterer, um recurso do Google para casos desse tipo que melhora a visualização do mapa.

File API – Trabalhando com Arquivos Locais Usando Javascript

Trabalhar com arquivos no lado do cliente antes do HTML5 era dificultoso e e tinha pouco suporte. Com o File API, agora é possível capturar informações e ler o conteúdo de arquivos usando apenas o navegador por meio do javascript.

Acelere o carregamento de suas páginas

Também conhecido como o Santo Graal das páginas de internet, encontrar o carregamento perfeito não é tarefa fácil.

Ghost – A simples e perfeita plataforma para publicações

E nós não estamos falando de fantasmas.

Criando slideshow do zero com javascript puro

Veremos neste artigo como criar um slideshow do zero apenas com javascript e uma doze elegante de css3.

O futuro do jQuery

Você já pensou no futuro do jQuery?

Javascript Observe

A futura implementação do Javascript Harmony capaz de observar e notificar aplicações sobre as mudanças ocorridas em objetos Javascript.

Considere não usar JQuery

Em projetos pequenos ou em projetos com pouco javascript, considere não usar JQuery.

Qual a dose certa de JavaScript

Um pouco de JavaScript não obstrusivo e quais as estratégias para garantir uma boa performance e acessibilidade em aplicações ricas.

Criando efeito de fadeIn e fadeOut com javascript puro

Veja como criar um efeito semelhante ao fadeIn e fadeOut da famosa biblioteca Jquery apenas com javascript

Web Storage – HTML5

Cookies foram por muito tempo, e ainda são hoje, uma das formas mais utilizadas para armazenar dados no cliente. No entanto, com o advento do padrão HTML5, surgiram novas alternativas para armazenamento de dados no cliente. A principal delas é o WebStorage.

História de usuário e teste de aceitação em JavaScript

História de usuário é uma descrição resumida de alguma funcionalidade do sistema sob o ponto de vista do usuário.

Gulp: O novo automatizador

Automatize suas tarefas repetitivas de forma simples e rápida.

API Google Maps V3

Agregue mais valor aos seus projetos a partir de agora, saiba como incorporar um mapa ao site sem iframe e deixá-lo com a sua cara.

JavaScript de forma assíncrona e legível

Introdução ao Selenium 2

Entenda mais sobre Selenium e entenda como ele pode ajudar em aplicações web.

Modularização em JavaScript

Componentes e módulos nunca foram tão mencionados como ultimamente. Ambos são conceitos antigos que devemos entender e passar a adotar o quanto antes. Quem sabe você possa repensar o seu JavaScript hoje mesmo?

Introdução de como executar testes unitários em diferentes tipos de navegadores

Entenda um pouco mais sobre testes unitários e como executá-los em diversas plataformas.

Frame Player: Indo além da tag video em dispositivos móveis

| Será que nos dias de hoje todos os problemas envolvendo arquivos de media em dispositivos móveis foram resolvidos, ou novos problemas foram criados?

Workflow para cuidar dos seus assets

O termo assets é utilizado na economia para caracterizar todo recurso que se poderá tirar proveito no futuro. Mas não se preocupe, nosso assunto aqui é sobre desenvolvimento web.

React: JavaScript reativo

Conheça a biblioteca React desenvolvida por Facebook e Instagram, que apresenta um novo paradigma para o desenvolvimento de aplicações web.

Dicas de como fazer seu próprio framework CSS

Anotações da minha palestra sobre como fazer seu próprio framework CSS.

EditorConfig

EditorConfig, um plugin que salva a vida de equipes inteiras.

JavaScript: entendendo o this

Conheça mais sobre a palavra reservada this e entenda como funciona o escopo de um objeto JavaScript.

Guia para Iniciantes – Ajude

Precisamos da sua ajuda para elaborar um guia para os iniciantes na área.

Medindo a complexidade do seu código JavaScript

Você sabe o que é complexidade ciclomática? E você sabia que já é possível medir a complexidade do seu código JavaScript?

JavaScript: Objetos Literais vs. Funções Construtoras

Neste artigo apresento um pouco mais sobre as duas formas disponíveis para criação de objetos em JavaScript, Objetos Literais e Construtores, suas vantagens e desvantagens.

jQuery 2.0

Conheça as vantagens (e desvantagens) da nova versão da biblioteca de JavaScript mais utilizada no mundo.

Slides para Devs #8 – Frameworks JS

Apresentações sobre frameworks Javascript.

Está perdido? Geolocalização!

Entendendo como utilizar a API de Geolocalização (geolocation) do HTML5 com Javascript.

Slides para Devs #6 – Javascript

Apresentações sobre Javascript.

Templates client-side com Mustache.js

Mustache é uma especificação de templates que não utiliza lógica, ou seja, não possui declarações com <em>if</em>, <em>for</em>, <em>while</em> etc, toda sua construção é baseada em tags. Aprenda a implementar este tipo de template em seus projetos.

Grunt: você deveria estar usando!

Entenda como automatizar tarefas com GruntJS.

Zepto.js: JavaScript peso-leve

Inicialmente lançado para aplicações mobile, o framework Zepto.js começa a ganhar espaço também no desktop graças ao seu peso reduzido e a sua alta compatibilidade com jQuery.

Medindo performance e latência com a Navigation Timing API

A Navigation Timing API é uma nova especificação do W3C para lidar com aferição de performance de modo mais efetivo em páginas web.

Plugins jQuery e bibliotecas JavaScript para e-commerces

Usabilidade não é o forte da maioria dos e-commerces nacionais. Conheça alguns plugins que podem facilitar (e muito) a vida dos usuários da sua loja virtual.

Locaweb Style – Como iniciamos

Como iniciamos e por que resolvemos criar um framework próprio aqui na Locaweb.

Reveal.js: criando apresentações no navegador

Conheça a biblioteca reveal.js, uma ferramenta poderosa para a criação de apresentações de slides que não dependem de nenhum software especial, apenas um navegador moderno.

3 ferramentas para criar e gerenciar projetos web

Cada vez mais um número maior de ferramentas surge para auxiliar e agilizar o desenvolvimento web. Conheça alguns frameworks que têm como objetivo controlar e gerenciar o uso de bibliotecas, pré-processadores e utilitários em sites e aplicações web.

Performance front-end – Parte 2

O front-end é um dos grandes responsáveis pela performance de um website ou serviço online.

Parallax simples com JQuery e CSS

Faça o efeito parallax com 3 passos simples.

Web Móvel e suas aplicações

A implantação generalizada da web em dispositivos móveis torna um alvo de escolha para criadores de conteúdo.

Capturando erros JS LIKE-A-BOSS

Hoje iremos aprender para que serve o evento window.onerror e como tirar proveito desta ótima utilidade.

Parallax Scrolling

Entenda como funciona o efeito parallax.

Criando um plugin JavaScript (sem jQuery!)

Com a evolução dos navegadores e suas implementações de JavaScript e CSS3, será que precisamos mesmo utilizar jQuery em nossos projetos?

Tudo que você gostaria de saber sobre plugins jQuery e ninguém teve paciência de explicar

Pra você que cansou de ser um mero manipulador de plugins alheios

Adobe Edge

Adobe Edge - uma suíte que reúne diversas aplicações para ajudar os desenvolvedores web.

Underscore.js: cinto de utilidades JavaScript

Conheça esta biblioteca JavaScript que apresenta um conjunto sólido de utilitários para manipular listas e estruturas de dados.

Criando uma aplicação simples com AngularJS

Com a missão de enriquecer o vocabulário HTML o framework AngularJS chega com a marca Google de simplicidade e promete um workflow diferente para os desenvolvedores.

Retina.js – Imagens para telas retina

Mostre imagens de alta qualidade em dispositivos retina sem muito trabalho.

Identificando os IEs

Utilize dois modos simples para identificar os IEs em seus projetos.

Assegurando a qualidade do seu código JavaScript

Conheça ferramentas de análise de código que ajudam a manter a qualidade e o padrão de suas aplicações javascript.

Novos plugins jQuery e bibliotecas JavaScript

Animações, slides, fotos, templates e compartilhamento estão nessa lista de plugins jQuery e bibliotecas JavaScript que foram destaque nesta primeira metade de 2012.

JavaScript com café, parte 2

Conheça conceitos avançados sobre a linguagem CoffeeScript. Aprenda a utilizar classes, escopo e operadores existenciais.

Estruturação de front-end – Parte 1: Preprocessadores, Framewoks e Bibliotecas

Entenda a diferença entre preprocessadores, frameworks e bibliotecas de client-side. Saiba o que usar em seus projetos e quais as suas particularidades.

Entendendo quais APIs (realmente) fazem parte do HTML5

Sabemos que o HTML5 não se trata apenas de marcação, mas também de um conjunto de novas funcionalidades encapsuladas em APIs que podem ser acessadas via JavaScript. Porém, algumas destas APIs não fazem parte do núcleo do HTML5.

JavaScript com café

Conheça a linguagem CoffeeScript que, diferente dos frameworks e bibliotecas, compila código JavaScript puro ao invés de ser apenas mais uma camada sobre a linguagem.

jQuery: conheça os métodos on() e off()

A versão 1.7 do framework jQuery implementa dois novos métodos que pretendem acabar de vez com a confusão gerada em torno da associação de eventos.

Manipulação de classes com JQuery

Entenda como funciona as funções do JQuery para manipulação de classes nos elementos do HTML.

jQuery: métodos desconhecidos

Conheça alguns métodos pouco utilizados mas que podem ser grandes aliados dos desenvolvedores jQuery.

Aprenda a programar Javascript no Codecademy

Aprenda a programar de um jeito fácil.

Introdução aos padrões de codificação

É mais importante para o time concordar em um único estilo de código do que encontrar o estilo perfeito.

jQuery: dicas de otimização e performance

Performance é um aspecto muito importante em aplicações web. Confira algumas dicas simples de como otimizar seu código jQuery.

20 plugins jQuery que marcaram 2011

Final de ano, época de listas. Confira 20 plugins jQuery que chamaram atenção em 2011, incluindo slideshows, utilitários para formulários e o framework jQuery Mobile.

Formulários e o Metawebdesign – Parte 1

Como montar formulários quando você é o responsável pelo código e design.

Utilizando a Biblioteca Modernizr

Alguns browsers não aceitam as novas features de CSS3 e HTML5. Saiba como detectá-los e tratá-los com a biblioteca Modernizr.

Testando seu código jQuery com Jasmine – Parte 2

Nesta segunda parte você conhece um pouco mais sobre o framework de testes Jasmine. Aprenda a criar matchers personalizados e testar AJAX e métodos em objetos.

Testando seu código jQuery com Jasmine – Parte 1

Com a evolução do desenvolvimento em JavaScript, testes automatizados começam a ganhar cada vez mais força. Neste artigo você conhece um pouco mais sobre a biblioteca Jasmine, focada em BDD &mdash; Behavior Driven Development.

Alternativas ao jQuery

Conheça as principais opções de frameworks e bibliotecas no desenvolvimento JavaScript e saiba que existe vida além do jQuery

Tenha o DOM

Entenda o que é o Document Object Model e tenha o DOM.

Entendendo os Reflows

O que são e como os Reflows podem ser otimizados para aplicações ficarem ainda mais rápidas.

Habilitando tags em fotos com jQuery

Aprenda a desenvolver uma interface para permitir que usuários apliquem tags/marcações nas fotos do seu aplicativo.

5 sliders de conteúdo para jQuery

Sliders são ferramentas poderosas para destacar conteúdo em um site. Neste artigo você confere cinco opções de plugins jQuery para a implementação dessa funcionalidade.

Em tempo de transição, quais recursos utilizar?

Acompanhar todas as mudanças que o desenvolvimento web vem sofrendo é tarefa muito difícil e bastante trabalhosa. Alguns de nós ainda preferem sentir-se mais seguros quanto a regulamentação dessas diretrizes e outros já estão testando e experimentando. Pra onde podemos direcionar nossa postura às evoluções?

Conteúdo sob demanda com jQuery

Veja como exibir o conteúdo do seu site acabando com a necessidade de paginação e atualização da página.

jQuery: seletores personalizados

Como se não bastasse ser altamente personalizável através de plugins, o framework jQuery também é bastante flexível com seus seletores. Além de poder localizar objetos e elementos por ID, classe, nome do elemento, expressões e atributos também é possível criar o seu próprio seletor.

Melhorando a exibição de tabelas com jQuery

Pode até ser meio irônico (já que estamos no Tableless!), mas neste artigo você aprende a dar um upgrade nas tabelas do seu site ou da sua aplicação web utilizando algumas técnicas jQuery.

PDF – Browsers antigos: guerra contra o terror

Não quero que você gaste tempo e dinheiro à toa se você pode ter resultados melhores se mudar um pouco o foco do desenvolvimento. Quero que você entenda que os visitantes que utilizam browsers antigos são sempre a minoria.

Um raio-x do seu website

Ferramentas e metodologia para entregar mais e com maior qualidade. O Progressive Enhancement pode nos ajudar como mostramos em outros artigos. E hoje vamos mergulhar em um tópico específico da metodologia.

12 plugins jQuery para começar bem o ano

Confira uma lista de plugins jQuery, em sua maioria novidades, para acrescentar opções à sua caixa de ferramentas na hora de desenvolver uma interface web.

Carrinho de compras com drag and drop

O mercado de e-commerce não para de crescer e este crescimento vem acompanhando de diversas novidades e melhorias nas interfaces das lojas virtuais. Uma delas é opção de arrastar e soltar produtos no carrinho de compras e é isso que você aprende neste artigo.

JQuery para produção de Layouts

Quando falta a compatibilidade de algumas propriedades do CSS nos browsers ou porque quando não é possível manipular o HTML manualmente para suprir suas necessidades, o JQuery poderá ajudar.

Templates e jQuery – parte 2

Agora que você já sabe como implementar templates em suas aplicações javascript, chegou a hora de conhecer técnicas avançadas de como combinar modelos HTML e scripts jQuery.

Bem vindo a Xangri-lá – Parte 2

Voltamos a Xangri-lá, para entender como as coisas funcionam. Veja como aplicar o Progressive Enhancement criando e customizando metodologias de trabalho. As expectativas e considerações do cliente geram o design e a funcionalidade de sua aplicação.

Templates e jQuery – parte 1

Separar a programação do HTML é uma prática constante no desenvolvimento web. Durante muito tempo, no entanto, o JavaScript ficou de fora dessa. Chegou a hora de reverter este quadro.

Javascript e acessibilidade

Dando continuidade a nossa série sobre acessibilidade, confira algumas dicas para desenvolver sites dinâmicos tendo um mínimo de cuidado com screen readers e navegadores com JavaScript desabilitado.

Vote no Especialista em Usabilidade para Presidente

A usabilidade é algo muito abrangente e você, profissional front-end, tem muito a ver com isso.

Associando eventos dinamicamente

Você sabia que é possível associar eventos antes mesmo dos elementos estarem presentes no DOM? Conheça os métodos .live() e .delegate() e aprenda a interagir com ações do usuário no seu site.

Anatomia de um plugin jQuery

jQuery é um framework JavaScript, o mais sexy do pedaço, que transformou essa linguagem em uma das mais importantes ferramentas presentes no set de um webdesigner ou um desenvolvedor frontend. O que antes era chato e complicado, passou a ser extremamente dinâmico e elegante.

Digest 06/09: Javascript, JQuery

Navegações e manipulações em jQuery e Javascript

Digest 05/09: Javascript, JQuery

Links e dicas sobre JQuery e Javascript.

Digest 04/09: Javascript, JQuery e Ajax

Links sobre Javascript, JQuery e Ajax para estudar e ter como referência.

Animando com jQuery

Que tal experimentar fazer uma área onde o usuário clica em um botão de mostrar/ocultar menu?

Navegando com a jQuery

jQuery é bom para designers