Como encontrar variáveis globais no JavaScript

Evitar globais é uma pratica aceita por muitos programadores JavaScript no browser, quanto menos globais melhor.

Pesquisando sobre encontrar globais no JavaScript, a melhor referência que encontrei sobre o assunto foi o post “Detect Global Variables” do Remy Sharp. Continue lendo

Publicado em javaScript | Deixar um comentário

O que é IIFE no JavaScript?

Continue lendo

Publicado em javaScript | 14 comentários

O que eu preciso saber para começar com Ionic Framework

Neste post irei tirar algumas dúvidas a respeito do Ionic Framework e abordar como iniciar projetos de aplicativos híbridos com Ionic Framework.

O que é o Ionic Framework?

O Ionic é um framework Front-end Open Source para desenvolvimento de aplicativos híbridos para iOS7+ e Android 4.4+, é desenvolvimento pela drifty e começou a ser conhecido no inicio de 2014, no Brasil vários desenvolvedores já usam o framework e temos vistos alguns apps serem lançados como Mãeguru, Vivo Open Air, Renda Fixa e há um showcase no site do Ionic com vários apps que foram desenvolvidos com Ionic.

Tweet de um dos sócios e criadores do IonicFramework, o Ionic está bastante forte no Brasil (minha resposta a ele está no final deste post rsrs)

Continue lendo

Publicado em ionicframework | 5 comentários

O que é Event Delegation no JavaScript?

Event Delegation é algo muito utilizado em web sites porém é um pouco difícil de explicar, então peço a sua paciência.

Com Event Delegation nós podemos ouvir por eventos que acontecem no HTML como click, mousedown, entre outros. Porém em vez de adicionar eventos para cada elemento no DOM, nós adicionamos apenas um evento em um elemento pai, que irá servir para detectar eventos nos elementos filhos. Continue lendo

Publicado em javaScript | 4 comentários

Como minificar e concatenar scripts AngularJS com GulpJS

Neste post vou mostrar como otimizar uma aplicação feita em AngularJS, minificando e concatenando scripts e CSS. E faremos um demo que demora 28 segundos para carregar demorar apenas 5 segundos.

Continue lendo

Publicado em angularjs, gulpjs | 2 comentários

O que é e como usar o const no JavaScript?

logo_JavaScript

O const é usado para declarar variáveis constantes no JavaScript, variáveis assim como o var e o let, porém como é uma variável constante, o valor dessa variável nunca é alterado, sempre é o mesmo e se você tentar alterar o valor nada acontecerá e se você tentar declarar outra constante com mesmo nome dará um erro. Vamos aos testes.

const tem um escopo idêntico ao var, dentro de funções eles criam um contexto novo, e podem ser globais também, então se você já sabe como funciona os escopos do var, use a mesma lógica com o const. Continue lendo

Publicado em javaScript | Com a tag , , | 13 comentários

O que é o let no JavaScript (ES6)

logo_JavaScript

Uma das primeiras coisas que se nota olhando um código do tal ES6, é que a maioria dos códigos usam um ‘let’. Basicamente o let é a nova forma de declarar variáveis no JavaScript em que todas as chaves criam um novo escopo para as variáveis, isso é, ele funciona da mesma forma que o var já funciona, porém as variáveis que estão dentro de qualquer chaves {…} não são acessíveis fora das chaves. Daqui 10 anos, você muito provavelmente só usará o let, então de atenção para isso. Continue lendo

Publicado em javaScript | 7 comentários

Você não precisa de jQuery para isso (talvez parte 1)

Bom, que jQuery é “Uma coisa do passado” é uma realidade para muita gente, a grande graça do jQuery é que você consegue fazer as coisas de uma forma muito mais fácil e que você tem certeza que irá funcionar do IE7 até o Firefox mais moderno e essa segurança na moral é muito legal pra quem não quer perder tempo estudando.

Neste post vou pedir pra você ter um olhar mais critico sobre a pergunta “Porque que eu preciso do jQuery?” e irei avaliar o site “What color is it?” um site muito divertido e estupidamente simples que transforma a hora atual em um hexadecimal e coloca este hexa como background, é uma ideia idiota? De certa forma sim! Todo mundo gostou disso? Sim!

Screen Shot 2014-12-15 at 11.54.22 Continue lendo

Publicado em javaScript, jquery | 26 comentários

A jornada das estrelas de avaliação de produtos com CSS

Não uma simples estrelinhas com CSS, mas ao clicar permanecer a avaliação que dei, ser acessível via teclado, poder ser flexível para usar em qualquer lugar, o resultado final será este aqui

resultado

 

Veja no Codepen o resultado, ou em full sem a parafernalia do Codepen.

Comecei a pensar em formas e mais formas de fazer isso com CSS, sei que milhares de pessoas já a fizeram antes e se você quer algo realmente simples, da pra fazer com 10 linhas de CSS, mas quis fazer algo mais elaborado, acabei passando por flexbox, display inline, inline-block, floats, inline-flext, pointer-events, em, px, %, enfim, testes e mais testes, talvez essa seja as estrelas de avaliação mais pensadas e testadas que já existiu na vida útil do meu computador até os dias atuais.

O resultado você vê neste post, como desenvolver essas estrelas de avaliação de produtos que são muito usadas em e-commerces para produtos e para avaliação de quase todo tipo de conteúdo :)  Continue lendo

Publicado em css | 3 comentários

Brasil, obrigado ae é nóis que ta!

Eu escrevo este blog desde o inicio de 2011, eu consegui meu primeiro emprego graças a este blog, hoje em dia em tem mais de 16 mil pageviews por mês o que pra mim é grandes coisas, este blog é uma prova concreta da minha evolução como desenvolvedor e agora eu descobri que o Brasil inteiro lê meu blog 😮

Screen Shot 2014-11-27 at 10.54.55 Continue lendo

Publicado em Sem categoria | 1 comentário