diegoeis

    <div id="content-wrap" class="no-header-banner">
        <article id="content" class="overflow page-contato">
            <div class="content column-full overflow">
                <div class="column-third fleft">


Substituindo para isso:
    <div class="container no-header-banner">
        <div class="row">
            <div class="col-sm-4">

diegoeis

// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----

$themes-colors: (
  blue: (
    color1: #0176bb, 
    color2: #23aad0,
    color3: #edf7fd

diegoeis

Palestra Renato Mangini

Service Workers

BrazilJS 21/08/2014

• Existem alguns problemas entre apps nativos e web apps.
• Várias desses problemas são contornáveis, mas o maior deles, sem dúvida, é trabalhar com algo offline.
• Um dos problemas do AppCache o controle do que você cacheia.
• O Renato, junto com uma galera do Google, fizeram uma aplicação modelo, para mostrar o que funciona bem em um App nativo e o que talvez não funcionaria tão bem em uma web app.
• Aplicação web = shell + dados / AppCache
• O AppCache não é adequado para dados dinâmicos e para sistemas grandes.

diegoeis

Frontend at Scale - The Tumblr Story

Chris Miller

BrazilJS 2014

• O Tumblr é uma maneira de se expressar
• você pode fazer blogs, sites, o que quiser para expressar sua opinião, seus gostos etc.
• Tres maneiras de entrar em contato com seu conteúdo: Dashbaord. Search. BLog Network.
• O Blog é seu espaço. Você pode fazer seu próprio design, código e até javascript.
• Front-end Stack: Backbone (+iodash, underscore), SASS (+boubon), Jquey, Gulp, VelocityJS
• Back-end Stack: PHP, Serviços especificos em Scala, C, etc. MySQL, Redis, memcache, HDFS

diegoeis

Raw WebGL

Nick Desaulniers

BrazilJS 2014

• Rola muita matemática em programação de gráficos. Mexe com toda matemática que você aprendeu (ou não) na escola. #BrazilJS
• Quando trabalhamos com gráficos dividimos em três partes: Shaders, Buffers e Textures.
• Mesh é uma camda de triangulos formados por pontos ligados entre si.
• A data buffer é a região da memória para guardar temporariamente os dados.
• Translate é a capacidade de mover os elementos em um espaço.
• Homogeneous Coordinates representam distancias infinitas, o que signifca que permite você calcule e transforme perspectiva.

diegoeis

Web versus native: round 1

Chris Mills

BrazilJS 2014

• Nativo é melhor?
• Mais rápido? Tem offline?
• more integrated and consistent experience, better developer ecosystem/tools?
• More secure?
• Webapps accessing other apps?
• Web apps accessing: camera, contacts, sms/mms, dialer??

diegoeis

Front-end was always my favourite color

Ricardo Tomasi

BrazilJS 2014

• Não existe JavaScript no plural. Não coloque um diretório /javascripts/
• var that = this... Não faça isso, é bastante confuso!
• Aprenda shell script / bash.
• A primeira coisa: compartilhe sua solução. Não importa se é em projetos internos ou projetos pessoais. Compartilhe.
• Compartilhando, a equipe como um todo cresce e se ajuda.
• Não tenha medo de compartilhar. Compartilhe mesmo achando que sua solução é ruim. Compartilhando, outras pessoas te ajudam a melhorar.

diegoeis

AST, CST e ferramentas incríveis

Miller Medeiros

BrazilJS 2014

• Primeira regra: Não use RegExp para analisar JavaScript.
• O que é AST: AST é uma representação do "código" em formato de "árvore".
• Você tem um nó, a raiz e as suas ramificações. Tudo que está dentro do programa, começa nesse nó.
• AST é usado em um formato de transição. AST é uma representação abstrata da informação.
• Para que é util ter um formato de transição? É útil para scripts que analisam código. Lint, validação, análise de complexidade, autocomplete baseado no contexto, detecção de globais
• Tokens são grupos de caracteres gerados a partir de análise léxica do programa.

diegoeis

Data-binding [R]evolution

Leo Balter

BrazilJS 2014

• Data Binding é o processo que estabelece uma conexão entre a interface aplicação e o lógica de negócio
• Com o ES5, já tínhamos alguns métodos fazem com que comecemos a manipular propriedades de objetos e como lidamos com essas propriedades.
• Com o ES6 e ES7 teremos coisas mais interessantes, solucionando mais problemas.
• Os frameworks para data binding estão vindo: polymer, ember.js, react, Angular.JS, Backbone.js, way.js etc.
• O Way é um experimento lançado em pouco tempo, de uma forma de integrar sua interface com seus objeto.
• Data Binding quebra um pouco a linha de programação funcional.

diegoeis

The Web Component Ecosystem

Rob Dodson (@rob_dodson)

BrazilJS 2014

• Web Components Overview, The Ecosystem, Join the Revolution
• Quais os problemas que o Web Components resolve?
• Se você desenvolve para web hoje em dia, você precisa planejar seu site para todos os tipos de dispositivos, de todos os tamanhos.
• Pra um desenvolvedor, você precisa saber quais as necessidades do usuário em cada um desses dispositivos.
• construir componentes deveria ser simples, mas hoje em dia, até os componentes mais simplórios são complexos de se fazer
• Você precisa de um bocado de html, jQuery, css para fazer tudo funcionar.