Desenvolvedor Web Front-end
Boas vindas a nossa trilha de estudos para Desenvolvedor Web Front-end!
Aqui nós provemos um curso estruturado que irá lhe ensinar tudo o que você precisa para se tornar um desenvolvedor web front-end. Simplesmente trabalhe em cada sessão, aprendendo novas habilidades (ou melhorando as existentes) à medida que avança. Durante cada sessão, você encontrará exercícios e avaliações para testar sua compreensão antes de avançar.
Temas cobertos
Os temas gerais abordados são:
- Configuração básica e aprender como aprender
- Padrões Web e melhores práticas (como acessibilidade e compatibilidade cross-browser)
- HTML, a linguagem que fornece significado e estrutura ao conteúdo web
- CSS, a linguagem usada para estilizar as páginas web
- JavaScript, a linguagem de scripts usada para criar funcionalidades dinâmicas na web
- Ferramentas usadas para facilitar o desenvolvimento client-side moderno.
As diferentes sessões são desenhadas para trabalhar em ordem, mas cada uma também é independente. Se, por exemplo, você já souber HTML, pode avançar rapidamente para a sessão de CSS.
Pré-requisitos
Você não precisa de nenhum conhecimento prévio para começar este curso. Tudo o que você precisa é um computador executando um navegador web moderno, uma conexão com internet, e vontade de aprender.
Se você não tem certeza se o desenvolvimento front-end é para você, e/ou se deseja uma introdução mais suave antes de começar um curso mais completo, você pode conferir primeiro nossa Introdução à web.
Conseguindo ajuda
Nós tentamos deixar os estudos de desenvolvimento web front-end o mais confortável possível, entretanto, você provavelmente chegará em algum ponto em que irá travar por não entender alguma coisa, ou algum código pode não funcionar como deveria.
Não entre em pânico. Às vezes, todas as pessoas ficam presas, sejamos iniciantes ou profissionais em desenvolvimento web. O artigo Aprendendo a Aprender (à ser adicionado) irá te prover uma série de dicas e sugestões sobre como procurar informações e se ajudar. E se você continuar travando, sinta-se à vontade para postar uma dúvida em nosso fórum no Discourse.
Vamos começar. Boa sorte!
A trilha de estudos
Começando
Tempo para completar: 1–2 horas
Pré-requisitos
Nada, exceto conhecimentos básicos de informática.
Como saberei se posso seguir em frente?
Não há avaliações nesta parte do curso. Certifique-se de não ignorá-lo — é importante para te preparar para enfrentar os exercícios mais tarde.
Guias principais
- Instalando os programas básicos — configuração básica das ferramentas (15 min de leitura)
- Introdução à Web e aos Padrões Web (45 min de leitura)
- Aprendendo a buscar ajuda (45 min de leitura)
Semântica e estrutura HTML
Tempo para completar: 35–50 horas
Pré-requisitos
Nada, exceto conhecimentos básicos de informática e o ambiente de desenvolvimento web básico.
Como saberei se posso seguir em frente?
As avaliações em cada módulo são projetadas para testar seu conhecimento sobre o assunto — a conclusão de cada uma provará que você pode passar para o próximo.
Guias principais
- Introdução ao HTML (15–20 horas de leitura/exercícios)
- Multimídia e Incorporação (15–20 horas de leitura/exercícios)
- Tabelas em HTML (5–10 horas de leitura/exercícios)
Estilizando e layout com CSS
Tempo para completar: 90–120 horas
Pré-requisitos
É recomendável que você possua o conhecimento básico de HTML antes de começar aprender CSS. Você pode estudar nossa Introdução ao HTML primeiro.
Como saberei se posso seguir em frente?
As avaliações em cada módulo são projetadas para testar seu conhecimento sobre o assunto — a conclusão de cada uma provará que você pode passar para o próximo.
Guias principais
- Primeiros passos com CSS (10–15 horas de leitura/exercícios)
- Blocos de construção CSS (35–45 horas de leitura/exercícios)
- Estilizando Texto (15–20 horas de leitura/exercícios)
- CSS layout (30–40 horas de leitura/exercícios)
Conteúdo adicional
Interatividade com JavaScript
Tempo para completar: 135–185 horas
Pré-requisitos
É recomendável que você possua o conhecimento básico de HTML antes de começar aprender JavaScript. Você pode estudar nossa Introdução ao HTML primeiro.
Como saberei se posso seguir em frente?
As avaliações em cada módulo são projetadas para testar seu conhecimento sobre o assunto — a conclusão de cada uma provará que você pode passar para o próximo.
Guias principais
- Primeiros passos com JavaScript (30–40 horas de leitura/exercícios)
- Elementos construtivos do Javascript (25–35 horas de leitura/exercícioss)
- APIs web do lado cliente (30–40 horas de leitura/exercícios)
- Introdução a objetos em Javascript (25–35 horas de leitura/exercícios)
- JavaScript Assíncrono (25–35 horas de leitura/exercícios)
Formulários Web — Trabalhando com dados de usuário
Tempo para completar: 40–50 horas
Pré-requisitos
Formulários demandam conhecimento em HTML, CSS e JavaScript para o seu bom uso. Eles são complexos e, portanto, recebem tratamento separado.
Como saberei se posso seguir em frente?
As avaliações em cada módulo são projetadas para testar seu conhecimento sobre o assunto — a conclusão de cada uma provará que você pode passar para o próximo.
Guias principais
- Formulários da Web - Trabalhando com dados do usuário (40–50 horas)
Fazendo uma web para todas as pessoas
Tempo para completar: 60–75 horas
Pré-requisitos
É uma boa ideia que você saiba HTML, CSS e JavaScript antes de ler esta sessão — muitas das técnicas e melhores práticas contidas aqui utilizam várias tecnologias.
Como saberei se posso seguir em frente?
As avaliações em cada módulo são projetadas para testar seu conhecimento sobre o assunto — a conclusão de cada uma provará que você pode passar para o próximo.
Guias principais
- Cross Browser Teste (25–30 horas de leitura/exercícioss)
- Acessibilidade (20–25 horas de leitura/exercícios)
Ferramentas modernas
Tempo para completar: 55–90 horas
Pré-requisitos
É uma boa ideia que você saiba HTML, CSS e JavaScript antes de ler esta sessão, as ferramentas citadas aqui utilizam várias dessas tecnologias.
Como saberei se posso seguir em frente?
Não temos avaliações específicas neste conjunto de módulos, mas os tutoriais de estudo de caso no final dos 2º e 3º módulos irão te preparar bem para compreender os elementos essenciais das ferramentas modernas.
Guias principais
- Git and GitHub (5 hour read)
- Understanding client-side web development tools (20–25 horas de leitura)
- Understanding client-side JavaScript frameworks (30-60 horas de leitura/exercícios)