Gravação

Link do slide

Tópicos

• Design Responsivo
• Site mobile direto
• Habilite o zoom
• @viewport
• Elimine a barra de endereço
• Hot zones
• Esqueça o :hover, position:fixed, lightbox, flash, java…
• Gestos na web
• Diferentes teclados com HTML5
• Libs JavaScript para ajudar
• APIS avançadas para simplificar
• Latência de rede, evitando requests
• Evite os frameworks de sempre
• Nunca use display: none
• Fast buttons
• URLs Mágicas
• Webapp iOS
• Webapps no Wondows 8
• Resumão

Recordes

Acho interessante passar a informações que este foi o DevCast com maior publico nos primeiros 42 vídeos do DevCast. Tivemos o pico de 140 pessoas assistindo, e média de 130 pessoas o tempo todo do DevCast. Também mais de 200 comentários durante a transmissão. Gostaria de agradecer todos que estão assistindo o DevCast, e que continuem acompanhando o DevCast no Facebook e que se inscrevam no canal do DevCast

Resultado do sorteio

Neste DevCast sorteamos uma unidade da versão digital do livro Web Mobile do próprio Sérgio Lopes, o sorteio foi um sucesso com a participação de 184 pessoas em apenas 2 dias. O ganhador foi o Lucas Moreira e ele já esta com o livro, parabéns Lucas

Se você não ganhou nõ fique triste, o livro é bem barato e o conteúdo é muito construtivo, você pode compra-lo no site da Casa do Código.

Próximo sorteio

Iremos sortear o livro Segredos do ninja JavaScript publicado pela Novatec no DevCast, o resultado do sorteio será divulgado no DevCast Javascript dos novos tempos no dia 07/05. Para participar do sorteio acesse a página do sorteio clique em participar e boa sorte

É isso ai, até mais pessoal

Assista ao DevCast

Link do slide usado

Tópicos

• Usar bibliotécas não é ruim…
• O DOM é uma árvore
• HTMLCollection vs. NodeList
• HTMLCollection
• NodeList
• NodeLists são dinâmicas
• NodeLists e HTMLCollections não são Arrays
• Atributos úteis de um Node
• Método úteis de um Node
• Elements
• DocumentFragment
• Links
  • DOM Elightenment
  • MDN – Document Object Model
  • JavaScript APIs you’ve never heard of (and some you have)
  • How Browsers Work
  • Can I Use
  • Webpages As a Graph
  • MicroJS
  • jQuery Custom Build

Sobre o autor

Leonardo Alberto Souza, mais conhecido como Leobetosouza. Desenvolvedor Front-end há +- 6 anos. Hoje trabalha na Homem Máquina e é instrutor do iLearn. Estudante de Sistemas de Informação na UFF, na longínqua terra de Niterói.

Fiquem ligados no DevCast

Curta a página do DevCast no facebook, siga no Twitter e inscreva-se no Canal do Youtube

Tópicos abordados

• Instalação
• Principais configurações
• Adição de produtos
• Cupons de descontos
• Afiliados
• Uma Visão geral de templates
• Adicionar produtos para teste
• Instalar gateway de pagamento
• Configurar entrega

Sobre Claudio Sanches

Programador front-end a 5 anos, cursando tecnologia em produção multimédia. Apaixonado por WordPress, desenvolvendo temas e plugins a quase 4 anos.

Github, Plugin do Claudio para WordPress

Vídeo 1

Passando uma visão geral do WooCommerce

Vídeo 2

Falando sobre produtos, tipos de produtos e template

Fiquem ligados no DevCast

Curta a página do DevCast no facebook, siga no Twitter e inscreva-se no Canal do Youtube

Fala pessoal, neste DevCast Almir Filho do Loop Infinito, falou um pouco sobre a Web Audio API, uma API irada de manipulação de audio diretamente no browser. Com essa API você vai poder definitivamente fazer de tudo com audio, desde criar um som do zero, até manipular audio de um determinado arquivo.

Assista agora ao DevCast

Links mencionados

Posts
- http://www.html5rocks.com/en/tutorials/webaudio/intro/
- https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html

Demos
- http://webaudiodemos.appspot.com/AudioRecorder/index.html
- http://jsantell.github.io/dancer.js/
- http://jlongster.com/s/touch.html#notes
- http://airtightinteractive.com/demos/js/reactive/
- http://webaudiodemos.appspot.com/Vocoder/index.html#
- http://dashersw.github.io/pedalboard.js/demo/

Libs
- http://mudcu.be/midi-js/

Fiquem ligados no DevCast

Curta a página do DevCast no facebook, siga no Twitter e inscreva-se no Canal do Youtube

Assista agora a Weekly #7

Participantes

Link

• Um site que tem vários Patterns para serem usados como backgrounds, e para outros fins também.
• A Sony esta investindo no Firefox OS, e lançou um vídeo de um Xperia E com o sistema operacional.
• Veja a gravação de todas as palestras da W3Conf de São Francisco.
• Post no Tableless com alguns links interessantes, com destaque a palestra da W3Conf que ele cita.
• @DocPad, gerador de sites estáticos baseado em NodeJS.
• Parabéns ao vida de programador pelos dois anos de Vida de Programador.
• Tirinha do DevCast #6 Desenvolvedores Front-End e Mercado que saiu no Vida de Programador.
• Breakpoints no JavaScript da forma que você deveria saber.
• Uma ótima palestra que fala sobre o mercado digital.
• Web Workers tarefas pesadas no browser sem travamento.
• Library para criar inputs com autocomplete como o Google e Twitter.
• Uma ferramenta para ajudar a criar Single Page Apps.
• Library que implementa uma nova versão do Array para JavaScript e NodeJS com eventos e mais métodos.
• O IE 10 esta disponível em 95 idiomas já esta disponível em idiomas e no Windows 7 a atualização do IE9 vai ser automática.
• Chrome 25 esta disponível \o Viva Web Speech API. Post sobre a Web Speech API
• Console++ que tal botar cores em seus logs do NodeJS e PhantonJS e mostrar um erro como um erro.
• Agora temos uma tag template, nunca mais iremos usar a tag script para amarzenar templates
• Aprenda como o Modernizr pode ser útil nos desenvolvimento.
• Sempre tem alguém que faz algo com CSS3 de cair o queixo, CSS3 Loading
• Super Game Multiplayer do Bomber Man feito com HTML5.. VICIANTE
• Ganhador da entrada para o SampaJS foi o Vagner Santana(@vagnervjs) foi o com um post falando sobre Web Messaging, que será postado dia 01/03

Eventos

• Pra ficar ligado nos próximos eventos, acesse a página de Eventos do BrazilJS

Bom é isso ai pessoal, obrigado a todos que assistiram online, participe da Weekly #8 na próxima semana

Comentem a opinião de vocês e fiquem ligados no DevCast
@DevCastBrasil
Página do DevCast no Facebook
grupo no Facebook do DevCast

Assista agora a Weekly #6

Participantes

Antes de tudo

Participe do desafio para ganhar uma entrada para o SampaJS

Link

• JoyJS: O cara brasileiro fez uma lib para desenhar e fazer animações com canvas de uma forma fantástica, os demos são muito legais, muito útil. O nome do cara é Endel.. JoyJS HTML5 2D Game Engine
• Lets Code – Aulas de JS com TDD veja o slide sobre teste no JavaScript que o Suissa mencionou
• O NodeJS é um servidor baseado na linguagem JavaScript, e ele é FODA! Muito bom, e esta evoluindo ainda como qualquer outra tecnologia. Então para o pessoal que esta estudando, este link tem uma lista de vários métodos de vários objetos do NodeJS, para a explicação de cada método ou evento. Também tem o link da documentação de vários outros projetos, como Backbone.js, jQuery, e outros populares.
• Game Closure é uma ferramenta que nos ajuda a desenvolver games para iOS e Android em HTML5.
• RxJS Reactive Extensions for JavaScript
• Saiu o Firefox 19, deem uma olhada em todas as correções e no que vem de novo
• Nicholas C. Zakas mostra como criar um dialogbox acessível com WAI-ARIA também de uma olhada em WAI-ARIA Practices
• DropzoneJS a library open source p/ trabalhar com upload de imagens com a API Drag’n'Drop
• Alguém ai vai comprar o Chromebook Pixel? Preço inicial de 1300 dólares, deem uma olhadinha na criança

Eventos

• DevCast sobre JoyJS HTML5 2D Game Engine dia 12 de Março com o criador da lib.
• Evento SampaJS dia 9 de março em São Paulo
• Evento Adobe Camp dias 24 e 25 de Maio em Maceio
• Evento RioJS dia 9 de março no Rio de Janeiro

Conclusão

Bom é isso ai pessoal, obrigado a todos que assistiram online, assista a Weekly #6 e as anteriores.

Comentem a opinião de vocês e fiquem ligados no DevCast
@DevCastBrasil
Página do DevCast no Facebook
grupo no Facebook do DevCast

Assista agora a Weekly #5

Participantes

Resumo

Foi discutido sobre a Opera que vai implementar o Webkit em seus próximos navegadores, o Suissa falou sobre uma lib chamada Peer JS, PHP JS, CSS Blend Mode, eMinetto citou alguns projetos de PHP que nos ajudam na parte de Front-end, e um pate-papo muito maneiro

Conclusão

Bom é isso ai pessoal, obrigado a todos que assistiram online, assista a Weekly #6 e as anteriores.

Comentem a opinião de vocês e fiquem ligados no DevCast
@DevCastBrasil
Página do DevCast no Facebook
grupo no Facebook do DevCast

Se você é um cara que esta muito afim de ir, mas quer gastar os 50R$ da entrada em cerveja depois do evento ou em transporte ou qualquer outra coisa. Confira neste post o que fazer para ganhar uma entrada.

Como participar

1. Escreva um post ensinando/explicando como funciona alguma coisa do JavaScript, pode ser do jQuery também. O post deve ser seu, pode até ser uma tradução bem feita de algum post gringo, tente fazer algo bacana!
2. Não publique o post em seu blog pessoal, envie todo o post para o email contato@devcastbrasil.com de forma que possamos ler o post ali mesmo no email, envie também neste email os seu nome, email e twitter até o dia 28 de fevereiro
3. !IMPORTANT O titulo do email deve ser “PROMOÇÃO SAMPAJS”

Nós iremos avaliar e selecionar os melhores post e todos os selecionados serão postados no JavaScript Brasil no dia 1 de março.

Quem ganha?

O ganhador será quem tiver o post mais curtido até o dia 6 de março.

Quando vai ter o resultado?

No dia 7 de março as 22h durante a Weekly #8 iremos anunciar o ganhador.

Esta valendo participe

Fiquem ligados no DevCast

Siga no twitter @DevCastBrasil
Curta no Facebook Página do DevCast no Facebook
Participe do grupo no Facebook grupo no Facebook do DevCast

O assunto foi bem abrangente, falamos de quando é que surge a necessidade para criar algo como o Locaweb Style, sobre como é a equipe de desenvolvimento da Locaweb, sobre o belíssimo trabalho com a acessibilidade que a Locaweb tem, e o pessoal do Locaweb Style respondeu algumas dúvidas dos internautas do DevCast Brasil

Assista o vídeo

Fique ligado nesse projeto

Vou deixar aqui link úteis para quem curtiu o Locaweb Style que é toda a documentação do Locaweb Style, o Locaweb Dev Network e esse post que o Coordenador da equipe de Front-end da Locaweb Diego Eis escreveu explicando vários detalhes sobre o Locaweb Style.

É isso ai pessoal, comentem a opinião de vocês e fiquem ligados no DevCast
@DevCastBrasil
Página do DevCast no Facebook
grupo no Facebook do DevCast

Assista o DevCast Weekly #4

Participantes

Links citados

Neste post vou testar um esquema diferente dos outros posts, apenas embedando os Tweets que fizemos no dia da transmissão da Weekly, veja o post da Weekly #1 e #2 e me de um feedback se este tipo de post mencionando os tweets é ruim, melhor ou não muda nada.

Segredinho do Google o.O stackoverflow.com/questions/2669…

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

A Virtual Machine for Ruby on Rails Core Developmentgithub.com/rails/rails-de…

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

Vários links para quem quer aprender sobre Backbone.js HTML5 CSS3 Modernizr JavaScript jQuery e Design Responsivo. j.mp/XTvTYd

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

Encontre o componente do Bower que você precisa a partir do seu browser j.mp/V25cC2

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

O que você provavelmente não sabe sobre o JSON.stringify() j.mp/V23GQ5 For MDN Fans j.mp/123ISrj j.mp/V23GQ5

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

Uma framework com componentes de interfaces direcionada para Firefox OS Apps j.mp/123BBrv

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

Saiu o Node.js v0.9.8 instável j.mp/VKly4M praticamente um preview do Node.js v0.1

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

Separei o livro Construindo Aplicações Node com MongoDB e Backbone pra indicar pra vocês j.mp/VKms10 Cupon DEVCAST!

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

Howler.js uma lib para facilitar o uso de áudio com HTML5 j.mp/WxrVHd

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

No, I’m not going to download your bullshit app j.mp/14GuqIR

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

Web Speech API, aprenda como funciona essa coisa linda! j.mp/W0SaE6

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

Chrome 25 beta e Firefox Nightly já suportam WebRTC, veja o vídeo j.mp/WEFTFm

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

Desenhe no Canvas com a mesma experiência de escrever JS com jQuery j.mp/UGQAu7

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

Já baixou e testou o Sublime Text 3 beta? j.mp/YXrUhW

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

Torne seu site acessível a muito mais navegadores modern.ie

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

Os melhores posts em português para aprender Responsive Web Design do básico ao avançadoj.mp/11tgWlT

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

Para Back-ends, qualquer dúvida pergunta pro @osuissa kkkgithub.com/ErwinM/acts_as…

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

Locaweb Style developer.locaweb.com.br/locawebstyle/ ou “Loca Style” só que não rs cc @diegoeis @deividmarques

— DevCast (@DevCastBrasil) 8 de fevereiro de 2013

Conclusão

Tivemos bastante interação com o pessoal que estava assistindo essa weekly, vários Retweets e Favorites, espero que este conteúdo ajude você a se manter ligado nas novidades e a aprender muito mais =D

Assita ao vivo a próxima Weekly, veja o evento no Facebook.