O teste de unidade com JavaScript do lado do cliente é algo que você não faz até ser obrigado a fazer. É claro que o teste de unidade é importante, mas sejamos honestos: a maioria das pessoas fica feliz com o fato de seu código funcionar, certo? De qualquer forma, avançamos rapidamente para um mundo […]
Tag: JavaScript
Reconhecimento de fala em JavaScriptReconhecimento de fala em JavaScript
O software de reconhecimento de fala está se tornando cada vez mais importante; começou (para mim) com a Siri no iOS, depois com o Echo da Amazon, depois com minha nova Apple TV e assim por diante. O reconhecimento de fala é muito útil não apenas para nós, superstars da tecnologia, mas também […]
Cópia de JavaScript para a área de transferênciaCópia de JavaScript para a área de transferência
A funcionalidade “Copiar para a área de transferência” é algo que todos nós usamos dezenas de vezes diariamente, mas a API do lado do cliente em torno dela sempre foi deficiente; algumas APIs mais antigas e implementações de navegadores exigiam uma caixa de diálogo assustadora no estilo “o senhor tem certeza?” antes que o conteúdo […]
Parâmetros obrigatórios para funções JavaScriptParâmetros obrigatórios para funções JavaScript
O JavaScript é conhecido por ser “solto”, algo que alguns desenvolvedores adoram, mas outros detestam. Ouço a maioria dessas reclamações de desenvolvedores do lado do servidor, que querem sintaxe e digitação de strings. Embora eu goste de padrões rígidos de codificação, também gosto do fato de que o JavaScript me permite criar protótipos rapidamente, sem […]
Minificador de JavaScript ES6: babiliMinificador de JavaScript ES6: babili
A cadeia de ferramentas do Babel é incrível. Usamos o Babel para escrever JavaScript ES6 bem antes de os recursos do ES6 chegarem aos navegadores, nós o usamos para analisar JavaScript e escrever JSX, e muito mais. O Babel pode fazer praticamente qualquer coisa com a linguagem JavaScript e acabei de saber de […]
Aplicativos JavaScript modernos com o NeutrinoAplicativos JavaScript modernos com o Neutrino
Utilize ferramentas que aproveitam o poder do Webpack com a facilidade de predefinições simples para iniciar rapidamente projetos JavaScript, tudo sem configuração inicial. Dar o primeiro passo para iniciar um novo projeto de JS geralmente traz consigo um esforço significativo para preparar seu ambiente antes de iniciar o desenvolvimento do projeto. Muitos desenvolvedores preferem […]
JavaScript Deep MergeJavaScript Deep Merge
Recentemente, compartilhei como o senhor pode mesclar propriedades de objetos com o operador de propagação mas esse método tem uma grande limitação: a mesclagem do operador spread não é uma mesclagem “profunda”, o que significa que as mesclagens são recursivas. Além disso, as propriedades de objetos aninhados não são mescladas: o último valor especificado na […]
Evitar hotlinking de JavaScript com .htaccessEvitar hotlinking de JavaScript com .htaccess
Há quase uma década (!), escrevi um post sobre prevenção de hotlinking de imagens. Todos nós temos o direito de proteger as imagens hospedadas em nosso domínio, pois isso pode tornar nosso site tremendamente lento. Adoro essa postagem porque ela mostra como substituir a imagem solicitada por qualquer imagem de sua escolha; por exemplo, eu […]
Adicionar arquivos CSS e JavaScript às extensões do PhabricatorAdicionar arquivos CSS e JavaScript às extensões do Phabricator
Toda estrutura de código-fonte aberto tem seus próprios métodos de extensão de funcionalidade; alguns tornam a extensão incrivelmente fácil e outros… nem tanto. Na maioria das vezes, isso se resume a quão bem a estrutura está documentada. O Phabricator fez um trabalho incrível ao tornar as classes necessárias extensíveis, mas é justo dizer que seria […]
Detectar suporte a WEBP com JavaScriptDetectar suporte a WEBP com JavaScript
A otimização de imagens é uma grande parte do aprimoramento do desempenho do front-end. Tradicionalmente, usamos imagens JPG/JPEG, GIF e PNG, mas o Google e a equipe do Chrome desenvolveram o formato WEBP, que reduz o tamanho do arquivo e otimiza a renderização. Se o senhor acessar um site como o GIPHY no Chrome, receberá […]