Front-end web developer
Bem-vindos ao roteiro de aprendizado em desenvolvimento web front-end!
Aqui disponibilizamos tudo o que precisas para te tornares um desenvolvedor Web front-end. Simplesmente trabalha cada secção deste curso, aprendendo novas habilidades (ou melhorando as que já tens) á medida que avanças. Cada secção inclui exercicios e avaliações para testar a tua compreensão antes de avançares para proxima.
Temas abrangidos
Os temas abrangidos são:
- Preparação básica e aprender como estudar
- Normas da Web e boas práticas (como por exemplo acessibilidade e compatibilidade entre navegadores)
- HTML, a linguaguem de marcacao que proporciona a estrutura do conteudo web e seu significado
- CSS, a linguaguem usada para estilizar as paginas web
- JavaScript, a linguagem de definicoes usada para criar interacoes na web
- Ferramentas que sao usadas para facilitar o desenvolvimento web moderno do lado do cliente
Sinta-se livre para trabalhar nas seccoes por ordem, mas cada uma e tambem independente. Por exemplo, se voce ja domina HTML, podes seguir para a seccao de CSS.
Pre requisitos
Voce nao precisa de nenhum conhecimento anterior para este curso. Tudo que precisas e de um computador que possa operar um navegador moderno, conexao a internet, e boa vontade para aprender.
Se nao estiveres seguro de que desenvolvimento web front-end e para si, e/ou voce quer uma introducao mais gentil antes de iniciar um curso mais longo e completo, trabalhe no nosso modulo Iniciando com a web (ingles) primeiramente.
Obtendo ajuda
Nos tentamos tornar o aprendizado de desenvolvimento web front-end mais confortavel possivel, mas provavelmente voce ainda fique bloqueado porque nao percebe alguma coisa, ou algum codigo ainda nao esteje funcionando.
Nao entre em panico. Todos nos bloqueamos, quando somos iniciantes ou desenvolvedores web profissionais. O artigo Estudando e obtendo ajuda (ingles) e proporcionado a ti com uma serie de dicas para encontrares informacoes e auto ajudas. Se ainda assim continuas bloqueado, sinta se avontade para postar uma pergunta no nosso Forum discussao (ingles).
Vamos iniciar. Boa sorte!
O roteiro de aprendizagem
Iniciando
Tempo de duracao: 1.5–2 horas
Pre requisitos
Nada mais, excepto um basico dominio computacional.
Como saberei que estou pronto para continuar?
Nao ha avaliacoes nesta seccao do curso. Mas certifique se de nao ignora-la. E importante que voce esteja preparado para trabalhar com os proximos exercicios do curso.
Guias
- Instalando softwares basicos (ingles)— configurando as ferramentas basicas (15 min leitura)
- Segundo plano da web e seus principios (ingles)—(45 min leitura)
- Aprendendo e obtendo ajuda (ingles)—(45 min leitura)
Semantica e estruturas com HTML
Tempo de duracao: 35–50 horas
Pre requisitos
Nada mais, excepto um basico dominio computacional e um basico ambiente de desenvolvimento web.
Como saberei que estou pronto para continuar?
As avaliacoes em cada modulo estao designadas para testar o teu conhecimento sobre a importancia do assunto. A conclusao das avaliacoes confirma que estas pronto a seguir para o proximo modulo.
Modulos
- Introducao ao HTML (ingles)—(15–20 horas leitura/exercicios)
- Multimedia and incorporacao (ingles)—(15–20 horas leitura/exercicios)
- tabelas com HTML (ingles)—(5–10 horas leitura/exercicios)
Estilizando e organizando com CSS
Tempo de duracao: 90–120 horas
Pre requisitos
E recomendavel que voce tenha um conhecimento basico sobre HTML antes de comecar a aprender CSS. Deves no minimo estudar primeiramente a Introducao ao HTML (ingles).
Como saberei que estou pronto para continuar?
As avaliacoes em cada modulo estao designadas para testar o teu conhecimento sobre a importancia do assunto. A conclusao das avaliacoes confirma que estas pronto a seguir para o proximo modulo.
Modulos
- CSS primeiros passos (ingles)–(10–15 horas leitura/exercicios)
- CSS construindo blocos (ingles)–(35–45 horas leitura/exercicios)
- Estilizando textos (ingles)–(15–20 horas leitura/exercicios)
- CSS organizacao (ingles)–(30–40 horas leitura/exercicios)
Fontes extras
- CSS organizacao cookbook (ingles)
Interacao com JavaScript
Tempo de duracao: 135–185 horas
Pre requisitos
E recomendavel que voce tenha um conhecimento basico sobre HTML antes de comecar a aprender JavaScript. Deves no minimo estudar primeiramente a Introducao ao HTML (ingles).
Como saberei que estou pronto para continuar?
As avaliacoes em cada modulo estao designadas para testar o teu conhecimento sobre a importancia do assunto. A conclusao das avaliacoes confirma que estas pronto a seguir para o proximo modulo.
Modulos
- JavaScript primeiros passos (ingles)–(30–40 horas leitura/exercicios)
- JavaScript construindo blocos (ingles)–(25–35 horas leitura/exercicios)
- Introducao aos objectos JavaScript (ingles)–(25–35 horas leitura/exercicios)
- Client-side web APIs (30–40 horas leitura/exercicios)
- Asynchronous JavaScript (25–35 horas leitura/exercicios)
Formularios web — Trabalhando com dados de usuario
Tempo de duracao: 40–50 horas
Pre requisitos
Formularios requerem conhecimento sobre HTML, CSS e JavaScript. A complexidade em trabalhar com formularios fazem deste um topico dedicado.
Como saberei que estou pronto para continuar?
As avaliacoes em cada modulo estao designadas para testar o teu conhecimento sobre a importancia do assunto. A conclusao das avaliacoes confirma que estas pronto a seguir para o proximo modulo.
Modulos
- Formularios web (ingles)–(40–50 hours)
Fazendo o trabalho de web para todos
Tempo de duracao: 60–75 horas
Pre requisitos
Seria uma otima ideia conhecer sobre HTML, CSS e JavaScript antes de trabalhar nesta seccao. Inclui outras tecnicas e boas praticas em contacto com multiplas tecnologias.
Como saberei que estou pronto para continuar?
As avaliacoes em cada modulo estao designadas para testar o teu conhecimento sobre a importancia do assunto. A conclusao das avaliacoes confirma que estas pronto a seguir para o proximo modulo.
Modulos
- Testando a Compatibilidade entre navegadores (ingles)–(25–30 horas leitura/exercicios)
- Acessibilidade (ingles)–(20–25 horas leitura/exercicios)
Ferramentas modernas
Tempo de duracao: 55–90 horas
Pre requisitos
Seria uma otima ideia conhecer sobre HTML, CSS e JavaScript antes de trabalhar nesta seccao, tal como ferramentas abordadas que trabalham em conjunto com muitas destas tecnologias.
Como saberei que estou pronto para continuar?
Nao ha avaliacoes especificas nos artigos definidos neste modulo. Os tutoriais de estudo de caso no final do segundo e terceiro modulo preparar-te-ao para dominar o essencial sobre as ferramentas modernas.
Modulos
- Git i GitHub (ingles)–(5 horas leitura)
- Compreendendo as ferramentas para desenvolvimento web client-side (ingles)–(20–25 horas leitura)
-
Compreendendo as estruturas client-side JavaScript (ingles)–(30-60 horas leitura/exercicios)