braziljs / weekly

A seleção semanal que reúne as novidades sobre o desenvolvimento Web no Brasil e no mundo
https://braziljs.org
539 stars 21 forks source link

Campaign 138 - 31/12/2015 #89

Closed jaydson closed 8 years ago

jaydson commented 8 years ago

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):

**[Título](URL)**
Rápida descrição
*Categoria*

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á).

jaydson commented 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

andersoonweb commented 8 years ago

Relato de uma projeto open source Estudos em cenários reais, ajudando o próximo, desfrutando do open source. Artigos

jaydson commented 8 years ago

"Real" Mixins with JavaScript Classes Artigo muito bom sobre Mixins no JavaScript. Artigos

felipenmoura commented 8 years ago

Iniciando com Progressive Web Apps Artigo apresentando e demonstrando o desenvolvimento de Web Apps progressivas. Articles

pablodenadai commented 8 years ago

Angular 2 - Seed Project Projeto piloto para Angular 2 apps. Escrito em TypeScript e Gulp. Boilerplate

jaydson commented 8 years ago

Neon: Node + Rust = <3 Projeto do Dave Hermann para criar módulos Node.js em Rust. News, Tools

jaydson commented 8 years ago

SuperQS Biblioteca para parse de query string. Tools

jaydson commented 8 years ago

WebAssembly an initial view Artigo no blog da Intel sobre o WebAssembly. Artigos

FagnerMartinsBrack commented 8 years ago

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...)

FagnerMartinsBrack commented 8 years ago

: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?

jaydson commented 8 years ago

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!

brenopolanski commented 8 years ago

CSS Flexbox snippets for Sublime Flexbox snippets para Sublime Text 2/3. News, Tools

dannluciano commented 8 years ago

React Indie Bundle Um pacote com vários livros, vídeos e etc sobre React. Vídeos, Livros

dannluciano commented 8 years ago

Tonic IDE e Notebooks para Nodejs no navegador. Tools

luisvinicius167 commented 8 years ago

glio.js

É 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.

danguilherme commented 8 years ago

@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...

luisvinicius167 commented 8 years ago

@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. :)

FagnerMartinsBrack commented 8 years ago

@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.

luisvinicius167 commented 8 years ago

@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.

fdaciuk commented 8 years ago

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

luisvinicius167 commented 8 years ago

[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

cjpatoilo commented 8 years ago

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

vitortalaia commented 8 years ago

letsencrypt-express Free SSL and managed or automatic HTTPS for node.js with Express, Connect, and other middleware systems. Tools

willianjusten commented 8 years ago

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

afonsopacifer commented 8 years ago

Open Source Checklist Um guia para ajudar você a lembrar de coisas importantes na hora de criar seus projetos abertos no Github ;D OpenSource

caio-ribeiro-pereira commented 8 years ago

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

jaydson commented 8 years ago

https://github.com/substack/hyperx

cesarwbr commented 8 years ago

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

ftonato commented 8 years ago

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

zehfernandes commented 8 years ago

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

cyz commented 8 years ago

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

FagnerMartinsBrack commented 8 years ago

Esqueceram da weekly? =(

jaydson commented 8 years ago

Nunca @FagnerMartinsBrack ! eheh Estamos tirando uns poucos dias de férias, mas logo voltamos com tudo, beleza?

FagnerMartinsBrack commented 8 years ago

:metal:

jaydson commented 8 years ago

http://blog.jquery.com/2016/01/14/ten-years-of-jquery-and-beyond/

ftonato commented 8 years ago

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

ftonato commented 8 years ago

ES6: let em exemplos Uma introdução ao comando let do ES6 Artigos

ftonato commented 8 years ago

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

ftonato commented 8 years ago

ES6: arrow functions em 5 minutos Aprendendo a usar Arrow Functions do ES6 em 5 minutos Artigo

ftonato commented 8 years ago

10 Years of Web Inspector

jaydson commented 8 years ago

https://github.com/whatwg/fetch/issues/27

ftonato commented 8 years ago

Em 2016, jQuery completa 10 anos

jaydson commented 8 years ago

https://www.brave.com/

igorlima commented 8 years ago

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

igorlima commented 8 years ago

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

fdaciuk commented 8 years ago

Configuring Webpack to write JS with ES6/ES2015 on Browser

fdaciuk commented 8 years ago

Objeto console agora tem especificação

fdaciuk commented 8 years ago

What’s the Difference Between Class & Prototypal Inheritance?

pablodenadai commented 8 years ago

Será que é melhor dar um lock nessa conversa e começar uma nova? :-)

jaydson commented 8 years ago

@ghpabs , eu pensei em deixar aberto e quando for sair a próxima Weekly fazer um filtro das mais relevantes. Que acha?