NANODEGREE | FUNDAMENTOS WEB FRONT-END SUMÁRIO

EMENTA
NANODEGREE
FUNDAMENTOS
WEB FRONT-END
Construa interfaces
web interativas e
crie boas experiências
de usuário
CURSOS DESENVOLVIDO COM

1
NANODEGREE | FUNDAMENTOS WEB FRONT-END SUMÁRIO

SUMÁRIO
03 Bem-vindo à Udacity
04 Como funciona o Nanodegree
06 Visão geral do curso
07 Conteúdo do curso
10 Seus instrutores
12 Prepare-se para avançar na carreira
13 Parcerias de contratação

2
NANODEGREE | FUNDAMENTOS WEB FRONT-END BEM-VINDO À UDACITY

BEM-VINDO À UDACITY

A Udacity é uma plataforma online e global de aprendizado contínuo que

conecta educação e mercado, oferecendo aos estudantes as habilidades
que precisam para se preparar para as profissões do futuro, hoje.

Nossos programas Nanodegree proporcionam credenciais reconhecidas

pela indústria em cursos online sobre diversos assuntos, de veículos
autônomos à inteligência artificial, data science e marketing digital.

Estes cursos são construídos em parceria com as principais empresas

globais de tecnologia e negócios, incluindo Google, Facebook, Amazon,
IBM Watson e Nvidia, na intenção de fechar as lacunas de talentos do
mercado.

A L U N O S E M MA I S D E 1 6 0 P A Í S E S

Com sede no Vale do Silício, Estados Unidos, também operamos no Brasil,

Europa, China, Índia, Egito e nos Emirados Árabes Unidos. São mais de 40
mil estudantes ativos estudando com a Udacity no mundo todo.

O Brasil já representa hoje o segundo maior mercado para a Udacity, atrás

apenas dos norte-americanos. Além de mais de 40 profissionais na equipe
sediada em São Paulo, temos um time de 250 revisores para cerca de 5,7
mil projetos entregues pelos estudantes brasileiros a cada mês.

CURSOS CRIADOS COM QUEM FAZ O FUTURO

3
NANODEGREE | FUNDAMENTOS WEB FRONT-END COMO FUNCIONA O NANODEGREE

COMO Desenvolvidos em parceria com empresas líderes

da indústria de tecnologia, os cursos da Udacity são
FUNCIONA O chamados de Nanodegree e foram pensados para
oferecer todo o conhecimento prático necessário para
NANODEGREE que você domine as habilidades que deseja e se torne um
profissional altamente requisitado pelo mercado.

O foco no aprendizado por projetos permite que você

aplique o que aprendeu e seja apoiado por especialistas
na área, que revisam as entregas individualmente e
oferecem feedbacks e sugestões de melhoria.

Durante o curso você também contará com o apoio

constante de monitores através de canais de comunicação,
fóruns, webinars e sessões individuais. Nosso objetivo é
oferecer a você uma experiência única e personalizada de
aprendizado online.

Ao graduar-se, os projetos realizados podem integrar seu

portfólio profissional e ser uma excelente ferramenta
ao aplicar para uma oportunidade. Você também pode
receber convites para processos seletivos das mais de 30
empresas parceiras de contratação da Udacity Brasil, que
estão constantemente em busca de novos talentos.

Conhecimento em profundidade sobre as habilidades em

mais alta demanda

Aprendizado prático, estruturado em projetos

Especialistas revisam seus projetos e oferecem feedback

personalizado

Monitores disponíveis para tirar dúvidas em português

Construa seu portfólio profissional e receba uma

certificação reconhecida pelo mercado

4
NANODEGREE | FUNDAMENTOS WEB FRONT-END COMO FUNCIONA O NANODEGREE

“Ainda não deu tempo de profissionais suficientes se

qualificarem para responder à demanda do mercado. O curso
da Udacity é perfeito para isso: além de muito atualizado, é
focado na prática e no aprendizado guiado”

GABRIEL AMAZONAS

Mesmo antes de completar o Nanodegree Desenvolvedor

React, Gabriel recebeu diversas ofertas de emprego. Após
o curso, ele se tornou referência interna e introduziu novas
tecnologias na empresa, um órgão público onde trabalha
como desenvolvedor de software.

“O Nanodegree me ofereceu um coaching completo

sobre o mercado: aprendi desde a elaboração de
currículo e portfólio à preparação para entrevistas. São
conhecimentos que possibilitaram o desenvolvimento do
meu próprio método de trabalho”

LETÍCIA LOURENÇO

Formada em Sistemas da Informação, Letícia mora

na Califórnia e trabalha como freelancer em uma
startup de desenvolvimento de software. Sentindo
falta de habilidades específicas, fez o Nanodegree
Nanodegree Desenvolvedor Web Front-End e se
tornou uma profissional mais competitiva.

“O mais interessante foi ver a evolução do conteúdo

do curso e a velocidade de feedback dos revisores. Eles
respondiam em qualquer dia, até no fim de semana.
Apesar de já estar familiarizado com os conceitos, aprendi
bastante e aproveitei os conselhos no meu trabalho”

LEANDRO GALUZZI

Apaixonado pela Apple, Leandro já atuava como

desenvolvedor mobile no Brasil. Com o Nanodegree
Desenvolvedor iOS, evoluiu no trabalho e conseguiu a
oportunidade internacional que desejava. Hoje trabalha
em uma startup em Milão, na Itália.
5
NANODEGREE | FUNDAMENTOS WEB FRONT-END
VISÃO GERAL
DO CURSO
Nível: iniciante
Duração: 2 meses
Dedicação: 6 a 8 horas
semanais
Idiomas: inglês e
português
Pré-requisitos: noções
básicas de programação
6
VISÃO GERAL DO CURSO
PAR A QU E M É E S TE C U R S O
Há muito por trás das interfaces com que você interage
online todos os dias e saber como criá-las é fundamental
para que usuários tenham uma boa experiência com um
produto ou serviço. Com o Nanodegree Fundamentos Web
Front-End, você dará seu primeiro passo para se tornar um
desenvolvedor capaz de criar interfaces enxutas, eficientes
e bem projetadas.
Este curso introdutório é perfeito para quem está
começando, seja você um designer que quer se tornar
desenvolvedor, um programador que queira se atualizar ou
adicionar novas habilidades ou um profissional de qualquer
área que quer entrar no mercado de desenvolvimento web.
O QU E VOC Ê VAI APR E N D E R
Ao longo de dois meses, você vai aprender o essencial
sobre desenvolvimento front-end para aplicações web, o
que significa tudo aquilo que aparece na tela do usuário.
Entenda como criar websites responsivos e dinâmicos,
otimização de imagens, controlar projetos de software e
como criar códigos em HTML, CSS, JavaScript e jQuery.
O QU E VOC Ê PODE E S PE R AR
Além do conteúdo inovador, este curso – desenvolvido
em parceria com Google e GitHub – tem outro grande
diferencial: o aprendizado por projetos. Serão cinco
projetos práticos a serem realizados durante o curso,
sendo um deles opcional. É o momento de aplicar seus
novos conhecimentos e construir seu portfólio profissional
de front-end.
Todos os projetos são revisados individualmente por
especialistas e oferecem a chance de construir um portfólio
profissional. Este acompanhamento personalizado
continua com monitores disponíveis em fóruns, e-mails
e sessões individuais – tudo em português. Graduados
também ganham uma certificação de conclusão.
Você é livre para fazer as lições e entregar seus projetos em
seu próprio ritmo, desde que conclua os projetos dentro do
prazo de 2 meses.
NANODEGREE | FUNDAMENTOS WEB FRONT-END CONTEÚDO DO CURSO

CONTEÚDO Este curso de 2 meses foi estruturado para lhe trazer a

DO CURSO base necessária para construir interfaces web dinâmicas e
capazes de transformar a experiência online do usuário.

As aulas são divididas em dois módulos:

1. Fundamentos da Web
2. Programação Web com JavaScript

M ÓDU LO 1
Aprenda os princípios de HTML e CSS, que permitem a

FUNDAMENTOS
criação de páginas personalizadas, e como desenvolver
websites responsivos e otimizados para todos os tipos de

DA WEB telas. Para firmar seus aprendizados, converta um design

em HTML, estilize cartões com CSS e construa um site
responsivo com imagens e textos.

üü Aprenda a sintaxe de páginas HTML e como estruturar

conteúdo corretamente
üü Saiba como manipular propriedades de CSS para
estilizar um site
üü Crie sites responsivos que funcionam bem em
qualquer dispositivo e aprenda sobre o que torna uma
aplicação ágil e consistente
üü Saiba como utilizar media queries, breakpoints e
elementos HTML flexíveis, como flexbox
üü Entenda a importância da documentação e como
descrever instruções e informações de um projeto

PROJETO 1
Do mockup ao artigo
Após receber um mockup do design (layout) do
projeto, você irá convertê-lo em um site construído
com HTML.

7
NANODEGREE | FUNDAMENTOS WEB FRONT-END CONTEÚDO DO CURSO

PROJETO 2
Cartões colecionáveis
Crie um cartão de seu animal favorito com HTML e
CSS. Utilizando seus conhecimentos em HTML, crie
sua estrutura. Depois, estilize-o com CSS.

PROJETO 3
Site de portfólio
Construa um site responsivo capaz de exibir imagens,
descrições e links para cada um dos projetos de seu
portfólio e em qualquer tamanho de tela.

8
NANODEGREE | FUNDAMENTOS WEB FRONT-END CONTEÚDO DO CURSO

MÓDU LO 2 Domine os fundamentos de JavaScript e aprenda a

manipular a árvore DOM com jQuery e JavaScript puro.
PROGRAMAÇÃO Para manter o controle em relação às versões de código de
seu projeto, aprenda a utilizar Git e repositórios no GitHub.
WEB COM Para firmar seus conhecimentos, crie um jogo da memória

JAVASCRIPT
com HTML, CSS e JavaScript.

üü Entenda como funciona o JavaScript e escreva suas

primeiras linhas de código
üü Saiba como aplicar funções para simplificar e organizar
programas e como usar arrays e objetos para
armazenar dados
üü Descubra o que é o Document Object Model (DOM)
e saiba como utilizar seus métodos para selecionar
elementos de uma página
üü Aprenda a identificar problemas de performance e a
como medir a velocidade do seu código e do DOM
üü Saiba o que é controle de versões e como utilizar Git e
GitHub para mantê-lo
üü Aprenda a trabalhar com repositórios remotos e de
outros desenvolvedores

PROJETO 4
Jogo da memória

Utilize HTML, CSS e JavaScript para criar um jogo

da memória para navegador. Da construção
das cartas ao input do usuário e à lógica do
jogo, combine suas habilidades para criar uma
experiência interativa.

PROJETO 5 (opcional)
Faça arte com pixels

Utilize HTML, CSS e JavaScript para criar um jogo

da memória para navegador. Da construção
das cartas ao input do usuário e à lógica do
jogo, combine suas habilidades para criar uma
experiência interativa.

9
NANODEGREE | FUNDAMENTOS WEB FRONT-END SEUS INSTRUTORES

SEUS INSTRUTORES
A Udacity selecionou especialistas com excelente didática e experiência na área para
apresentar um conteúdo inovador e constantemente atualizado.

Tyler McGinnis
Tyler descobriu sua paixão pelo ensino na DevMountain, onde
foi instrutor-chefe e especialista em currículos. É um Google
Developer Expert e está 100% envolvido com a comunidade
React, organizando o React Utah e administrando a React
Newsletter.

Richard Kalehoff
Richard é um desenvolvedor de cursos apaixonado por ensino.
É formado em Ciência da Computação e seu primeiro trabalho
foi como “faz tudo” em uma organização sem fins lucrativos,
trabalhando com desenvolvimento front-end e programação
back-end.

James Williams
James é líder do currículo de Android na Udacity, onde também
cria cursos de desenvolvimento Web. É autor de “HTML5 Game
Programming”.

Paul Lewis
Paul trabalha na equipe do Google Chrome como desenvolvedor.
Ele gasta seus dias criando problemas de performance em
tempo de execução e ajudando desenvolvedores a criar sites e
apps mais rápidos.

10
NANODEGREE | FUNDAMENTOS WEB FRONT-END SUMÁRIO
SEUS INSTRUTORES

Pete LePage
Pete é developer advocate no Google e trabalha para tornar a
vida de todo desenvolvedor web mais fácil. Em projetos como o
Fundamentos Web e vídeos para desenvolvedores web do Google,
foca sempre em fazer com que todos tenham acesso a ferramentas.

Cameron Pittman
Cameron vive e respira desenvolvimento web conforme cria cursos
de programação na Udacity. É graduado em Física e Astronomia
pela University of Vanderbilt e possui um mestrado em Educação
pela University of Belmont.

Sam Dutton
Sam é desenvolvedor no Google e publica mensalmente a newsletter
de tecnologia medianews.me e mantém o site simpl.info, que traz
exemplos práticos de HTML, CSS e JavaScript.

Michael Wales
Michael é autodidata em desenvolvimento web full-stack e defensor
do código aberto. Antes de ingressar na Udacity, passou mais de 10
anos desenvolvendo aplicaçãoes para algumas das organizações de
inteligência mais exigentes do mundo.
 

11
NANODEGREE | FUNDAMENTOS WEB FRONT-END PREPARE-SE PARA AVANÇAR NA CARREIRA

PREPARE-SE PARA AVANÇAR

NA CARREIRA
Após concluir o Nanodegree Fundamentos Web Front-End, você estará pronto para
se capacitar como desenvolvedor front-end profissional e aprender mais sobre React,
uma das tecnologias do momento. Poderá também se tornar um desenvolvedor full-
stack e se tornar cada vez mais competitivo no mercado.

TORNE-SE UM 1 2
DESENVOLVEDOR
FRONT-END
NANODEGREE NANODEGREE
PROFISSIONAL FUNDAMENTOS WEB WEB FRONT-END
FRONT-END AVANÇADO

APRIMORE SUAS 1 2 3
HABILIDADES COM
REACT
NANODEGREE NANODEGREE NANODEGREE
FUNDAMENTOS WEB WEB FRONT-END DESENVOLVEDOR
FRONT-END AVANÇADO REACT

SEJA UM 1 2 3
DESENVOLVEDOR
FULL-STACK
NANODEGREE NANODEGREE NANODEGREE
FUNDAMENTOS WEB WEB FRONT-END DESENVOLVEDOR
FRONT-END AVANÇADO WEB FULL-STACK

12
NANODEGREE | FUNDAMENTOS WEB FRONT-END PARCERIAS DE CONTRATAÇÃO

PARCERIAS DE A Udacity conecta seus alunos graduados com diversas

empresas inovadoras e de alto nível, fazendo a ponte
CONTRATAÇÃO entre os melhores talentos de tecnologia e as melhores
oportunidades do mercado. Conheça algumas de nossas
parceiras de contratação.

13
 NANODEGREE

FUNDAMENTOS WEB
FRONT-END
Construa interfaces web interativas e crie boas
experiências de usuário

udacity.com.br • Central de Ajuda

14