NANODEGREE | WEB FRONT-END AVANÇADO SUMÁRIO

EMENTA
NANODEGREE
WEB FRONT-END
AVANÇADO
Torne-se um desenvolvedor
front-end profissional
CONTEÚDO DESENVOLVIDO COM

1
NANODEGREE | WEB FRONT-END AVANÇADO 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 | WEB FRONT-END AVANÇADO 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.

ALUNOS EM MAIS DE 160 PAÍSES

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 | WEB FRONT-END AVANÇADO 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 | WEB FRONT-END AVANÇADO 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 | WEB FRONT-END AVANÇADO VISÃO GERAL DO CURSO

PAR A QU E M É E S TE C U R S O

O desenvolvimento front-end está cada vez mais

VISÃO GERAL sofisticado. Afiar as habilidades é um ponto importante

DO CURSO para quem quer se destacar no mercado e criar interfaces

Nível: intermediário
Duração: 4 meses
Dedicação: 6 a 8 horas
semanais
Idiomas: inglês e
português
Pré-requisitos: noções
básicas de HTML, CSS e
JavaScript
de ponta: construir aplicações com HTML, CSS e apenas
JavaScript com jQuery não basta mais.
Este Nanodegree é perfeito para designers que já tem
conhecimentos de HTML, CSS e JavaScript, programadores
que desejam se tornar desenvolvedores front-end e
profissionais que querem se atualizar em relação às
tecnologias em alta.
O QU E VOC Ê VAI APR E N D E R

Ao longo de 4 meses, você vai desenvolver conhecimentos

avançados de JavaScript e seus frameworks e bibliotecas
mais populares (Angular, Ember e React), aprender sobre
padrões de design, requisições Ajax e APIs e construí-las
de maneira que funcionem também offline.

O QUE É UM NANODEGREE U PRO

O Nanodegree com o selo U Pro é preparado para capacitá-

lo profissionalmente e seu conteúdo é alinhado com o
que o mercado demanda e espera tecnicamente. Também
possui serviços exclusivos de carreira, que incluem revisão
de perfis no LinkedIn e no GitHub feita por especialistas,
conteúdos especiais e conexão com os parceiros de
contratação da Udacity no Brasil e no mundo.

O Q U 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. Neles, você
aplicará seus conhecimentos avançados e descobrirá
maneiras mais sofisticadas de desenvolver o front-end.

Todos os projetos são revisados individualmente por

especialistas e oferecem a chance de construir um
portfólio profissional. O acompanhamento personalizado
continua com monitores em fóruns, e-mails e sessões
individuais – tudo em português. Graduados também
ganham uma certificação reconhecida pela indústria.

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 4 meses.
6
NANODEGREE | WEB FRONT-END AVANÇADO CONTEÚDO DO CURSO

CONTEÚDO Este curso de 4 meses foi estruturado para que você obtenha
a base para ser um desenvolvedor front-end profissional.

DO CURSO As aulas são divididas em três módulos:

1. Explorando JavaScript – Objetos, ferramentas e testes

2. Do servidor à interface web
3. Aplicações de página única – Construindo com React

Aprenda como a orientação a objetos é implementada em

JavaScript e domine seu formato mais amplamente utilizado, o
M ÓDU LO 1
ES6. Aprenda também sobre closures, a palavra reservada this e

EXPLORANDO como desenvolver testes e automatizar seu trabalho.

JAVASCRIPT – üü Analise funções de JavaScript e aprenda a fazer

OBJETOS, callbacks

FERRAMENTAS üü Utilize closure para passar argumentos e armazenar

um retrato do estado na declaração da função
E TESTES üü Aprenda sobre classes e objetos e formas de invocá-los
üü Explore o sistema de compilação Gulp e aprenda a
automatizar processos
üü Configure o LiveReload para recarregar o navegador
automaticamente após mudanças
üü Aprenda a concatenar, minimizar, transpilar e outros
métodos de otimização
üü Escreva testes com o framework Jasmine, entenda seu
ciclo de vida e valide códigos assíncronos

PROJETO 1
Clone um fliperama clássico
Utilize o material visual e um mecanismo de loop da
Udacity para recriar um fliperama clássico chamado
Frogger e adicionar um número de entidades ao jogo.

PROJETO 2
Crie um teste de leitor de feed
Aprenda a utilizar o método “test-driven development”
(desenvolvimento orientado por testes), quando
desenvolvedores escrevem testes antes mesmo de
começar uma aplicação, e crie um teste de leitor de feed.

7
NANODEGREE | WEB FRONT-END AVANÇADO SUMÁRIO
CONTEÚDO DO CURSO

M ÓDU LO 2 Capacite-se no uso de APIs para fazer o fetch de dados de

suas aplicações e com isso trazer dados do servidor para a

DO SERVIDOR À sua interface web. Aprenda também a construir websites

que funcionam offline e a garantir que sua aplicação ou
INTERFACE WEB página web é acessível.

üü Explore as diferentes experiências de usuário e saiba

como manter sites e aplicações acessíveis a todos
üü Implemente a navegação semântica e saiba como usar
atributos ARIA para fornecer contexto aos leitores
üü Aprenda o que é uma promise e como ela simplifica o
processo de escrever linhas de JavaScript
üü Conecte sua aplicação a APIs externas com Ajax, XHR,
jQuery e Fetch
üü Entenda os benefícios de implementar recursos offline
em suas aplicações e reconheça as diferenças entre
conectividade boa, ruim, intermitente e disponível
üü Use a API IndexedDB para criar soluções de
armazenamento em cache que melhorarão o
desempenho de sua aplicação

PROJETO 3
Transforme uma página em aplicação dinâmica
Converta uma página estática da web em um aplicativo
pronto para dispositivos móveis e em uma aplicação
web progressiva, que armazena alguns ativos em
cache para uso offline.

PROJETO 4
Aprimore seu perfil do LinkedIn
Crie ou atualize seu perfil no LinkedIn com as diretrizes
da plataforma e outras específicas da Udacity, criadas
em parceria com recrutadores e experts na área.
Torne suas habilidades profissionais mais visíveis
para o mercado.

PROJETO 5
Otimize seu perfil no GitHub
Organize seu perfil para evidenciar seu trabalho para
qualquer usuário, incluindo aqueles que querem
se aprofundar em detalhes – como recrutadores e
outros programadores em busca de colaboradores.

8
NANODEGREE | WEB FRONT-END AVANÇADO SUMÁRIO
CONTEÚDO DO CURSO

MÓDU LO 3 Aprenda sobre vários frameworks de JavaScript e entenda

qual é mais adequado para diferentes situações. Tenha
APLICAÇÕES DE um primeiro contato com React e construa uma aplicação
de página única com Google Maps.
PÁGINA ÚNICA –
üü Explore o padrão de design Model-View-Controller
CONSTRUINDO e escreva códigos com áreas distintas de

COM REACT responsabilidade

üü Construa uma aplicação front-end reativa utilizando a
biblioteca React
üü Aprenda estratégias para se adaptar a bases de código
novas ou desconhecidas
üü Saiba quais são os recursos de uma aplicação web
de página única e explore o código-fonte de um
framework
üü Aprenda a construir aplicações com os frameworks
Angular e Ember
üü Saiba como renderizar interfaces de usuário com React
e criar classes de componentes reutilizáveis
üü Aprenda a gerenciar e atualizar estados, acessar dados
e propriedades de componentes e fazer debugging
üü Aprenda a usar o React Router para gerenciar
localização de aplicativos

PROJETO 6
Crie um aplicativo React do zero
Crie um aplicativo React com componentes para
gerenciar a interface do usuário. Usando a Books API,
você criará uma estante virtual para guardar livros
e controlar suas leituras, adicionando as obras à
prateleira em forma de componente. Por fim, utilizará
a função setState do React para mover livros de uma
prateleira para outra.

PROJETO 7
Crie um mapa do bairro
Desenvolva uma aplicação single page com React
e apresente um mapa de seu bairro ou de um que
gostaria de visitar. Pesquise e implemente APIs de
terceiros que fornecem informações adicionais sobre
cada um desses locais, tais como imagens do Google
Street View, artigos da Wikipédia e revisões do Yelp.

9
NANODEGREE | WEB FRONT-END AVANÇADO 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
por organizar o React Utah e administrar 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,
onde fez 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 | WEB FRONT-END AVANÇADO 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 seus projetos, 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ções para algumas das organizações de
inteligência mais exigentes do mundo.

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

PREPARE-SE PARA AVANÇAR

NA CARREIRA
Após concluir o Nanodegree Web Front-End Avançado, você será um profissional
de front-end. E poderá avançar ainda mais ao dominar todo o ecossistema de
React, uma biblioteca de JavaScript muito popular no mercado, ou se tornar um
desenvolvedor full-stack. Amplie seu leque de possibilidades!

DOMINE AS 1 2
HABILIDADES DE
REACT NANODEGREE NANODEGREE
WEB FRONT-END DESENVOLVEDOR
AVANÇADO REACT

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

12
NANODEGREE | WEB FRONT-END AVANÇADO 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

Web Front-End Avançado

Torne-se um desenvolvedor front-end profissional

udacity.com.br • Central de Ajuda

14