Leve a web adiante

Você pode fazer a web ser tão incrível quanto você quiser!

Você é fã dos padrões web. Você quer retribuir isso à comunidadeo. Quer saber por onde começar? Nós estamos aqui para ajudar.

Seja você um desenvolvedor web talentoso, alguém que se vira desde os tempos de tabelas e tags font, ou apenas um hacker em tempo livre, há várias maneiras de contribuir. Abaixo há uma lista de algumas formas para qualquer um retribuir à plataforma web.

Nossa meta é facilitar para que qualquer um possa contribuir para a plataforma, seja aprendendo mais sobre como funciona, ensinando outros ou redigindo especificações. A web cresceu por causa de gente como você, e nós queremos viabilizar para que todos possam retribuir.

Também disponível em English, عربى e 中文.

Primeiros passos

Você é bom no que faz. Entre para a comunidade!

Aprenda

Uma das coisas mais belas da web é sua metamorfose constante. Essas mudanças e melhoras podem ser difíceis de acompanhar, nós estamos aqui para ajudar você a não ficar pra trás! Vamos listar alguns recursos que vão lhe mostrar como os navegadores funcionam, e como ficar a par de suas modificações. Nota: os sites, por hora, estão disponíveis apenas em inglês.

Como eu me mantenho atualizado com o que acontece nos navegadores?

Siga-os no Twitter

Recomendamos seguir: @oDevRel (Relacionamento com desenvolvedores Opera), @ChromiumDev (Relacionamento com desenvolvedores Chrome), @mozhacks (Ponto de desenvolvedores Mozilla) & @IE (Equipe do Internet Explorer).

Como entender o funcionamento dos navegadores?

Outras fontes de aprendizado

  • CSS-tricks - fornece uma gama de artigos, tutoriais, e downloads para a comunicade de web design.
  • HTML5doctor - excelente fonte para pessoas que querem aprender sobre HTML5, sua semântica e como implementá-lo hoje!
  • Dive into HTML5 - dá uma visão aprofundada de algumas funcionalidades de HTML5.
  • Blog de Addy Osmani’s - muitos artigos excelentes para pessoas que querem saber mais sobre jQuery, JavaScript, HTML5, e CSS3.
  • Blog de Paul Irish’s - tudo para fazer websites legais e mantê-lo atualizado com as novidades mais recentes.
  • Dev.Opera - artigos para aprender sobre funcionalidades HTML5.
  • Feeds de navegadores, front-ends e padrões para seguir
  • YUI Theater - vídeos de palestras de engenheiros front-end sobre as tecnologias web ministrados no Yahoo! ao longo dos anos (muitos não ligados ao YUI).
  • Adobe Developer Connection - artigos e vídeos para apbrender sobre HTML5, CSS3 e desenvolvimento móvel.

Guias de referência/wikis

Se coçando pra aprender?

Tudo que você precisa fazer é dar uma lida rápida em alguns artigos ou tweets e você já estará encaminhado! Acredite em nós – depois do primeiro passo tudo fica mais fácil.

Sim, eu quero fazer parte!

Veja outras pessoas que também estão interessadas:

Conheça pessoas que pensam como você

Participar de reuniões e conferências na sua região é um ótimo jeito de entrar em contato com outros desenvolvedores para aprender, trocar conhecimento, e trazer novas idéias e colaborações à vida. Sites como Meetup e Lanyrd podem lhe ajudar a encontrar eventos na sua região.

Peça ajuda

Responda perguntas e participe de conversas no IRC

Iniciando o uso de freenode e irc

  • Canais Freenode IRC: #html5 / #css / #javascript / #whatwg / #jquery / #yui / #dojo / #web / #bbg (on irc.freenode.net)
  • Canal IRC Mozilla: #js (on irc.mozilla.org)

Como pedir ajuda

  1. Você provavelmente deve criar um jsfiddle.
  2. Crie um caso de teste reduzido.
  3. Lembre-se: seja específico!
  4. Pergunte no IRC, StackOverflow (mesmo no bate-papo javascript), ou para um grupo de amigos.

Uma mãozinha

Todos chegamos onde estamos pois contamos com a ajuda de outros vez ou outra. Não tenha vergonha, apenas pergunte! Só por favor faça um jsfiddle antes. =D

Sim, eu quero fazer parte!

Veja outras pessoas que também estão interessadas:

Vá fundo

Você certamente já sabe se virar. Agora é hora de mostrar.

Ajude outros

Todos tivemos que começar em algum lugar! Prestar auxílio ajuda a reforçar seu conhecimento, e contribui para expandir os conceitos aos quais você se expôs. Listamos abaixo alguns grandes exemplos de projetos open-source que estão sempre precisando de ajuda. Lembre-se - tudo vale a pena quando a alma não é pequena!

Projetos Open-Source que valem a pena dar uma olhada

  • HTML5 Boilerplate - um ponto de partida para desenvolvedores frontend levando em consideração as boas práticas
  • jQuery Learning Site - site educacional para a popular biblioteca jQuery
  • jQuery Mobile - melhores práticas para aprimoramento progressivo de plataforma móvel
  • Modernizr - a cereja do bolo em detecção de funcionalidades
  • Bootstrap - um conjunto de ferramentas de css e js que serve como pontapé inicial para webapps
  • Normalize.css - faça todos os navegadores renderizar o conteúdo da mesma forma
  • Dojo - conjunto de ferramentas para frontend de fácil compreensão
  • Lazyweb requests - Ferramentas web e soluções que seria gostaríamos de ter como desenvolvedores web.
  • jQuery standards project - defeitos e discussões relacionados a web standards

Faça o que pedimos em ‘peça ajuda’ ali em cima e assista ao podcast de Addy Osmani’s sobre como fazer parte!

Passe adiante!

Ler código bem feito leva a escrever código bem feito. Dê uma olhada nos ótimos projetos que listamos abaixo, e ajude-os a se tornarem ainda melhores do que já são.

Sim, eu quero fazer parte!

Veja outras pessoas que também estão interessadas:

Dê feedback das especificações

Especificações ditam o comportamento esperado. Elas são criadas por Working Groups (WG) em conjunto com discussões ativas em listas de e-mail. Mesmo não tendo certeza se todos os navegadores irão aderir às regras ditadas nas especificações, elas nos fornecem algo que nós, desenvolvedores, podemos padronizar em cima.

  • Aprenda a história do HTML.
  • Dê uma olhada em como os WG de CSS funcionam.
  • Inscreva-se a estas listas para seguir e contribuir às discussões que guiam a web:
    • public-webapps - discussões técnicas do Web Applications Working Group
    • www-style - discussões técnias do Cascading Style Sheets (CSS) e suas especificações
    • whatwg - lista de e-mails do WHATWG
    • public-html - WG do W3C HTML
    • www-dom - onde o DOM é melhorado
    • public-fx - questões relacionadas ao WGs de CSS e SVG
  • Leia toda a especificação HTML5 para desenvolvedores (sem questões de implementação, formatada lindamente para você).
  • A melhor forma de comentar ou dar feedback nos conteúdos das especificações do HTML é escolher o texto em que você deseja enviar seu comentário e deixar uma mensagem no formulário localizado no rodapé da página.
  • Veja os últimos commits nas especificações do HTML e CSS seguindo seus respectivos WGs no Twitter:

Está sacando das especificações?

Nós somos os caras usando as especificações, então por que não ajudar a criar as especificações que amamos? Vamos defender os padrões, e torná-los ainda melhores!

Sim, eu quero fazer parte!

Veja outras pessoas que também estão interessadas:

Explore funcionalidades frontend

Depois de ter passado pelo básico, é hora de ir um pouco mais fundo nos web standards atuais e futuros! Tudo em ritmo de festa, pois aqui, nós vemos CSS avançado, funções/APIs HTML5 novinhas em folha e também o futuro do que estas linguagens se tornarão. Muitos novos caminhos estão agora disponíveis nos navegadores, e explorar estes caminhos nos ajudará a levar a web adiante!

Exemplos de como explorar bem as funcionalidades

Coisas legais para explorar mais (e escrever a respeito)

Os navegadores estão lançando novas funcionalidades toda hora. Os prefixos que nós amamos odiar estão lá para que os desenvolvedores possam prestar feedback de como a funcionalidade atende suas necessidades. Tome coragem de ver se elas atendem! A visão geral de vendor-prefixed CSS, por Peter Beverloo, tem um monte de CSS experimental; muitos deles ainda não totalmente compreendidos. Pense em escrever sobre todos os ítens abaixo:

Explore o desconhecido!

Vá em frente! A única forma de levar a web adiante é ir fundo e usar as funcionalidades e APIs avançadas. Divirta-se - nós sabemos que você irá!

Sim, eu quero fazer parte!

Veja outras pessoas que também estão interessadas:

Escreva

Publique sobre o que você aprender e não tenha medo de cometer enganos. Escreva em seu blog pessoal e mantenha seus posts atualizados. Certifique-se de escrever do seu jeito! Tenha em mente que você não precisa ser uma autoridade absoluta sobre um assunto para escrever a respeito de algo! Sempre faça perguntas e estimule discussões. Raramente há uma pergunta errada ou resposta errada.

Ensinar é uma ótima forma de aprender também. Então, mesmo que você esteja dando seus primeiros passos em uma área, você estará se ajudando escrevendo a respeito. Você sempre pode perguntar a um mentor ou amigo por uma opinião técnica. (Addy fez isso com aplomb.)

O que seria legal escrever a respeito?

Algo que você pode ensinar aos outros! Veja algumas idéias:

  • Por que os elementos <br> e <hr> (ou qualquer elemento) existem?
  • Como criar uma apresentação com o mínimo de código?
  • O que é o DOM? Por que ele existe?
  • Verifique como os navegadores implementam uma propriedade específica e compare com a especificação.
  • Como um website popular implementou sua página inicial (e sugestões de melhoras).
  • Como você corrigiria as falhas de um website popular (tempo de carregamento grande, JS inválido, etc.).
  • Pegue uma demonstração prática e torne-a em algo diferente (ou utilize na prática).
  • Faça um sumário das idéias que circundam a web ultimamente.
  • Sua experiência contribuindo a um projeto open-source.
  • Como pré-processadores CSS podem levar a códigos cumpridos ou ruins se não forem gerenciados corretamente.
  • Se sua língua nativa não é o Inglês:
    • Traduza alguns sites populares de escritores em Inglês.
    • Elabore sobre algumas funcionalidades das especificações.

Redija!

Não importa quantos seguidores no twitter ou watchers no github você tem - escreva sobre o que você aprendeu!

Sim, eu quero fazer parte!

Veja outras pessoas que também estão interessadas:

Reporte bugs

De verdade, todos os criadores de navegadores ficariam muito mais felizes se você reportasse os bugs que encontrou do que xingar muito no twitter. =D

Zunindo!

Esta é a forma mais rápida de melhorar os navegadores - reportando e corrigindo bugs. Leva apenas alguns momentos, e qualquer um pode fazer.

Sim, eu quero fazer parte!

Veja outras pessoas que também estão interessadas:

Garoto pródigo!

Você já chegou longe; é evidente que você sabe das coisas! Podemos sugerir algumas coisas?

Hackeie!

Leve a web aos limites! Hackeie do CSS, HTMl avançado e Javascript. Hackeie do sistema de renderização dos navegadores. Faça Fork em repositórios do github, escave pelo código, e mantenha-se aprendendo. Vamos fazer a web ainda mais incrível. Há tantos caminhos:

Contribua para os navegadores

Ajude nas Test Suites

Testes são fundamentais para padrões e navegadores. Eles garantem que tudo funcione de forma consistente entre navegadores. Agora mesmo, a test suite da W3C está longe dos testes que deveriam ter. Testes são escritos na linguagem dos desenvolvedores: HTML, CSS, e JavaScript.

Contribua com as especificações

Contribua para os validadores

  • HTML Validator anda precisando de amor, dê uma olhada em lazyweb-reqs/18
  • CSS Validator sempre exige carinho. Dê uma olhada nas listas de discussão!
  • WebVTT um formato de legendas para vídeos, uma área ativa de interesse para padronização

Ajude em projetos

  • Lazyweb Requests tem algumas idéis de projetos incríveis propostas por pessoas que adorariam ver suas idéias indo adiante.

Só nas mutretas!

Faça algo!. Experimente, faça fork em repositórios, cavuque código. Contribua para os navegadores, especificações, validadores, ou excelentes projetos open-source!

Sim, eu quero fazer parte!

Veja outras pessoas que também estão interessadas: