Closed jaydson closed 8 years ago
Working at the Video Team of The New York Times Relato do Flavio Ribeiro sobre o trabalho no time de videos do New York Times. Artigos
Relato de uma projeto open source Estudos em cenários reais, ajudando o próximo, desfrutando do open source. Artigos
"Real" Mixins with JavaScript Classes Artigo muito bom sobre Mixins no JavaScript. Artigos
Iniciando com Progressive Web Apps Artigo apresentando e demonstrando o desenvolvimento de Web Apps progressivas. Articles
Angular 2 - Seed Project Projeto piloto para Angular 2 apps. Escrito em TypeScript e Gulp. Boilerplate
Neon: Node + Rust = <3 Projeto do Dave Hermann para criar módulos Node.js em Rust. News, Tools
WebAssembly an initial view Artigo no blog da Intel sobre o WebAssembly. Artigos
Do not underestimate credential leaks Full disclosure de uma série de vulnerabilidades de vazamento de credenciais encontradas em repositórios populares no npm. News
(Não sei se seria exatamente "news", pq já saiu a quase 2 semanas...)
:point_up: Ás vezes eu vejo uns artigos que nem esse aí em aicma em outras newsletters que recebo e acho extremamente útil compartilhar. Vale a pena replicar aqui assumindo que nem todo mundo acompanha outras weeklies ou a preferência é por artigos que ainda não apareceram em nenhuma outra newsletter/weekly?
Seria legal documentar uma regra em relação a isso como, por exemplo, colocar uma aviso de que esse artigo já saiu em uma outra weekly, assim daria para dar prioridade a artigos inéditos quando houver muita coisa.
O que acha?
Fala @FagnerMartinsBrack , o link é bem interessante sim. A idea da BrazilJS Weekly é reunir tudo que for relevante para a nossa comunidade, claro, com foco em JavaScript e Front-end no geral, mas isso não quer dizer que outras coisas não podem entrar. Normalmente colocamos links relevantes da semana, mas nada impede de algo que não seja tão ovo entrar também.
É uma boa mesmo, documentar. Vou ver se faço isso.
Valeu!
CSS Flexbox snippets for Sublime Flexbox snippets para Sublime Text 2/3. News, Tools
React Indie Bundle Um pacote com vários livros, vídeos e etc sobre React. Vídeos, Livros
Tonic IDE e Notebooks para Nodejs no navegador. Tools
É uma pequena lib, menos de 700 bytes, que dispara um callback no momento que o usuário tentar sair da sua página, fechando o navegador.
@luisvinicius167 - essa lib tá pronta pra "produção"? Qual a diferença dela pro beforeunload
? (Parece ser melhor, mas isso não está explícito.)
Estou no celular e a página de demo não fez nada aqui...
@danguilherme - então cara, eu criei a primeira versão dela ontem, agora vou começar a testar o comportamento dela nos diferentes navegadores, etc.
A princípio ela faz com que um callback seja disparado quando o usuário leva o mouse pra fechar o navegador, ou seja, quando ele tem a intenção de sair da sua página, por exemplo. Mas o botão fechar para os usuários Linux está no canto esquerdo, enquanto usuários windows está no direito, com isso, eu tento identificar a plataforma e ai então fazer com que ela funcione de forma adequada. :)
@luisvinicius167
A heurística tem que ser bem eficiente mesmo para conseguir determinar que o cara quer fechar a janela e não simplesmente minimizá-la ou maximizá-la. Também tem situações onde o usuário inconscientemente coloca o pointeiro do mouse no canto extremo da tela para assistir um vídeo, o que pode retornar um resultado falso-positivo.
Recomendo documentar o comportamento do algoritmo utilizado para determinar a intenção de fechar a janela, pois ao documentar que o callback vai executar quando o usuário tiver a intenção de sair do site, você pode estar se comprometendo com algo que não vai funcionar em todas as situações. Nesse caso ao documentar o comportamento você estará sendo bem mais transparente em relação ao contrato que você está expondo ao desenvolvedor, evitando quebra de confiança.
@FagnerMartinsBrack
Justamente. Como eu fiz ontem pela noite/madrugada, eu ainda não tive tempo de fazer isso. Mas a ideia é justamente essa. Um dos args do callback é a direção que o mouse irá estar no momento que ele for executado, por exemplo: 'center-left', 'top-left'. Mas ainda estou inplementando. Então, precisa ficar claro tanto pro desenvolvedor e também para o usuário, que irá visualizar a ação.
Inteligência Artificial com Dinossauro da Google Projeto do Ivan Seidel mostrando como ensinar o Dinossauro da Google (aquele jogo que aparece quando você está sem conexão) a fazer o máximo de pontos possíveis, usando inteligência artificial. O projeto foi criado usando NodeJS. Video
[UPDATE] glio.js Atualizado a lib pessoal. Agora você emite um callback quando o usuário se aproxima em um dos cantos da tela. lib
Milligram | A minimalist CSS framework Miligrama oferece uma configuração mínima de estilos para um ponto de partida rápido e limpo. Só isso! Apenas 2kb gzipped! Não se trata de um UI framework. Especialmente projetado para melhora o desempenho e maior produtividade com menos propriedades para redefinir resultando em um código mais limpo. CSS
letsencrypt-express Free SSL and managed or automatic HTTPS for node.js with Express, Connect, and other middleware systems. Tools
Entendendo Testes de Software Para que servem os testes? O que eu ganho com eles? Que tipos de testes existem? O que fazer e o que não fazer. TDD
Open Source Checklist Um guia para ajudar você a lembrar de coisas importantes na hora de criar seus projetos abertos no Github ;D OpenSource
Brincando de ES6 no Meteor Neste post é apresentado na prática como utilizar alguns recursos do ES6 (aka ES2015) em um projeto Meteor de versão 1.2 ou superior, pelo qual nessas versões essa implementação já se encontra nativo. Artigos
How to Use npm as a Build Tool Como utilizar o npm como um build tool. No artigo é apresentado como fazer as "tasks" que criamos utilizando gulp ou grunt com npm script. Artigos
Configuring Babel 6 for Node.js (Versão original - en) Configurando Babel 6 para Node.js (Versão traduzida - pt-br) Tutorial de configuração do Babel para desenvolvimento rápido com Node.js Artigos
O Slack, um Bot e a curadoria coletiva. Projeto open source de um robô que monitora e indexa todos os links trocados em tempo real, junto com as reações que eles recebem via Slack Artigos, Tools
Hora da Privacidade na Web Web conferência com palestras sobre privacidade na web, segurança de dados e como o Firefox pode ajudar a proteger sua privacidade, entre outros. Eventos
Esqueceram da weekly? =(
Nunca @FagnerMartinsBrack ! eheh Estamos tirando uns poucos dias de férias, mas logo voltamos com tudo, beleza?
:metal:
Internet Explorer 8, 9 e 10 e o fim de uma era A Microsoft anunciou o fim do suporte aos browsers IE8, 9 e 10 Artigos
ES6: let em exemplos Uma introdução ao comando let do ES6 Artigos
ES6: valores padrão em parâmetros de funções Exemplos de utilização dos valores padrão em parâmetros de funções do ES6 Artigo
ES6: arrow functions em 5 minutos Aprendendo a usar Arrow Functions do ES6 em 5 minutos Artigo
Using GraphQL with MongoDB Esse artigo trata de uma nova alternativa para endpoints REST. Uma nova maneira de como o código front-end deve lidar com consultas e atualizações em banco de dados. GraphQL por si só é uma forma de como definir um contrato do que é oferecido pelo servidor para uma aplicação web. Mais ainda, é um jeito de melhorar a forma como o código front-end se comunica com o servidor. Dê uma olhada e veja como usar o GraphQL com MongoDB e ReactJS. Artigo
Graph Data with Firebase Esse artigo re-utiliza um exemplo em Backbone para migrar a forma de armazenamento de dados existente para a plataforma Firebase. Firebase é uma plataforma da Google para a criação de aplicações web que oferece três tipos de serviço: autenticação de usuário, serviço em tempo real de banco de dados e hospedagem estática. Artigo
Será que é melhor dar um lock nessa conversa e começar uma nova? :-)
@ghpabs , eu pensei em deixar aberto e quando for sair a próxima Weekly fazer um filtro das mais relevantes. Que acha?
Weekly a ser disparada no dia 31/12/2015
Ajude a BrazilJS Weekly postando sua dica, link ou sugestão aqui nos comentários desta issue. Ao longo da semana vamos debatendo e juntando os melhores links que serão inseridos na próxima Weekly.
Template para uma boa dica (Não é obrigatório, faça como quiser):
Exemplo de dica:
lodash-decorators Uma coleção de decorators usando o lodash. Tools
Categoria:
Para a categoria, escolha em qual contexto o link melhor se encaixa. Alguns dos exemplos de categorias mais utillizadas:
Artigos
,News
,Videos
,Eventos
,Tools
,Demos e outros
PS: Thumbs up para quem seguir os exemplos, pois facilita MUITO a vida de quem edita a news no Mailchimp (posso só copiar e colar lá).