POR QUE WEB FRONT END & REACT?

Já imaginou criar web apps da forma que quiser e com o layout que deseja? Nesse curso você aprenderá os principais conceitos para o desenvolvimento front-end e a biblioteca React para a criação do seu site. No início do curso abordaremos as ferramentas para criação da estrutura de uma página web com HTML 5, seu layout gráfico responsivo com CSS 3 e lógica da programação com JavaScript. Na sequência, aprofundaremos em React e suas principais funções e componentes para a criação de interfaces.

O QUE APRENDEREI NESTE CURSO?

casePng.png
Pesquise seu curso...

Responsividade em suas mãos

setaMenu.png
Pesquise seu curso...
Na era que vivemos, tem que ser levado em consideração que um site é acessado por varios tipos de dispositivos. A variedade de telas -e as formas de dispôr conteúdo nas mesmas- deve ser tratada com atenção pelo desenvolvedor front-end. Essa adaptação de um layout para diferentes telas é o que chamamos de responsividade. Nesse capítulo, conheça como lidamos com tudo isso usando o CSS3.
casePng.png
Pesquise seu curso...

Javascript

setaMenu.png
Pesquise seu curso...
Aprenda uma das linguagens mais utilizadas e versáteis no mundo da programação. Além do React, o Javascript hoje é a base da maioria dos frameworks e bibliotecas front-end. Com isso, endossa seu conhecimento em Web e prepara você para variadas stacks relacionadas ao mundo Web!
casePng.png
Pesquise seu curso...

React

setaMenu.png
Pesquise seu curso...
O ReactJS é uma biblioteca para construção de interfaces gráficas que torna todo o processo de construção de uma página web muito mais simples, separando a sua aplicação em componentes reutilizáveis, economizando código, e ajudando na manutenibilidade da sua aplicação, além de ser uma das stacks mais recorrentes no mercado de front-end hoje. Aprenda a usá-lo nesse curso!
nivel.png

NÍVEL


Básico/Intermediário

duracao.png

DURAÇÃO


3 meses

prerequisito.png

FORMATO


Presencial ou Remoto

(Remoto com 20% de desconto)

saveMoney.png

INVESTIMENTO


12R$250,00

SAIBA MAIS

iconName.png
iconEmail.png
iconPhone.png

CONTEÚDO
PROGRAMÁTICO

Pesquise seu curso...

HTML 5

setaMenu.png
Pesquise seu curso...
Linguagem que utiliza tags aninhadas para definir a estruturação básica de uma página Web.
Pesquise seu curso...

CSS 3

setaMenu.png
Pesquise seu curso...
As 'Cascading Style Sheets' (CSS) tem como função definir a formatação da página, como ela deve aparecer para o usuário final.
Pesquise seu curso...

Identificadores e Classes

setaMenu.png
Pesquise seu curso...
Ferramentas indispensáveis quando se está formatando uma página completa, permitem uma formatação de páginas muito mais simples.
Pesquise seu curso...

Imagens e Vídeos

setaMenu.png
Pesquise seu curso...
Adicionar elementos gráficos à sua página é fundamental para deixá-la mais chamativa e atraente.
Pesquise seu curso...

Posicionamento de Elementos

setaMenu.png
Pesquise seu curso...
Como posicionar os elementos da página nos locais desejados utilizando as propriedades 'margin', 'padding' e 'position'.
Pesquise seu curso...

Flexbox e Media Query

setaMenu.png
Pesquise seu curso...
Utilizadas para tornar sites responsivos. Cada vez mais as pessoas estão acessando sites via smartphone e isto só aumenta a demanda por sites que respondam bem independente da orientação da tela.
Pesquise seu curso...

JavaScript

setaMenu.png
Pesquise seu curso...
Linguagem de programação que permite definir algumas funções dentro das páginas que são desencadeadas através de eventos, permitindo assim tornar seu site interativo e prendendo mais a atenção do usuário, melhorando a visibilidade de sua marca.
Pesquise seu curso...

Ajax

setaMenu.png
Pesquise seu curso...
Ajax Permite que a página se comunique com bancos de dados em 'background' e altere valores na página sem a necessidade de recarregá-la por completo, melhorando a experiência do usuário.
Pesquise seu curso...

ReactDOM

setaMenu.png
Pesquise seu curso...
A ponte entre o framework react e as tecnologias web.
Pesquise seu curso...

JSX

setaMenu.png
Pesquise seu curso...
Linguagem que alterna HTML e javascript para criação de componentes dinâmicos e reativos.
Pesquise seu curso...

Renderização de elementos

setaMenu.png
Pesquise seu curso...
React na sua página web ou em apenas uma parte de seu HTML.
Pesquise seu curso...

Componentes a partir de Funções

setaMenu.png
Pesquise seu curso...
Componentes React como funções que renderizam HTML na página.
Pesquise seu curso...

Componentes a partir de Classes

setaMenu.png
Pesquise seu curso...
Para componentes mais complexos, aproveite os benef ícios da orientação a objetos.
Pesquise seu curso...

Propriedades e Estado

setaMenu.png
Pesquise seu curso...
Comunicação entre componentes diferentes e manutenção e atualização de informações dentro de componentes.
Pesquise seu curso...

Ciclo de Vida do Componente

setaMenu.png
Pesquise seu curso...
Funcionalidades que executam no momento em que o componente é montado, desmontado ou renderizado.
Pesquise seu curso...

Eventos

setaMenu.png
Pesquise seu curso...
Manipulação do estado dos componentes a partir de cliques, digitação no teclado, e demais eventos disponíveis no HTML.
Pesquise seu curso...

Renderização Condicional

setaMenu.png
Pesquise seu curso...
Manipulação da renderização de um componente de acordo com o estado. Mostrando ou não informações de acordo com sua necessidade.
Pesquise seu curso...

Renderização de Múltiplos Elementos por MAP

setaMenu.png
Pesquise seu curso...
Renderização de listas de componentes com facilidade usando a função map().
Pesquise seu curso...

A importância do Key ao renderizar listas

setaMenu.png
Pesquise seu curso...
Importância da propriedade key na renderização de listas e a inteligência do React em atualizar apenas o necessário dentro do HTML.
Pesquise seu curso...

Formulários (entrada de dados)

setaMenu.png
Pesquise seu curso...
Todos os inputs, radio buttons, e checkboxes do HTML estão disponíveis como formas de entrada de dados no React.
Pesquise seu curso...

Compartilhamento de estados e eventos entre Componentes

setaMenu.png
Pesquise seu curso...
Passagem de informações entre componentes e uso de funcionalidades de um componente pai de dentro de um compomente filho.
Pesquise seu curso...

Fragments

setaMenu.png
Pesquise seu curso...
React precisa de um nó raiz em cada componente, mas podemos escapar da limitação usando fragment.
Pesquise seu curso...

PropTypes

setaMenu.png
Pesquise seu curso...
Tipagem forte e estática em propriedades.
Pesquise seu curso...

Hooks (useState, useEffect, useContext)

setaMenu.png
Pesquise seu curso...
Hooks são o que há de mais moderno no React, possibilitando que componentes do tipo função sejam tão poderosos quanto os do tipo classe e manipulem estados de formas avançadas.
"Para mim a Let's Code é impecável"
ASSISTA AGORA!

DIFERENCIAIS

Pesquise seu curso...
NPS.svg

Índice de Satisfação (NPS)

Pesquise seu curso...
Net Promoter Score é muito valorizado dentro da Let's Code como um ótimo indicador de satisfação de nossos clientes. Ao longo dos nossos quatro anos e mais de 4 mil alunos, temos um NPS -muito positivo- de 72, resultado de alunos extremamente satisfeitos com nosso serviço. As principais menções estão relacionadas à qualidade dos nossos coders e conteúdos. Queremos cada vez mais tornar a sua jornada conosco única!
Pesquise seu curso...
Coders.svg

Nossos Coders

Pesquise seu curso...
Professores com alta qualificação a disposição para auxiliar você presencialmente ou através dos plantões, acompanhando sua evolução ao longo do curso e proporcionando todo o suporte necessário.
Pesquise seu curso...
Infraestrutura.svg

Infraestrutura Let's Code

Pesquise seu curso...
O ambiente físico da Let's Code é descontraído, dinâmico e tech. Focamos em uma metodologia de ensino moderna, mesas divididas em squads e com alta interatividade. Nosso espaço é um exemplo da nossa principal cultura, uma escola de aluno para alunos. Buscamos modernizar e evoluir a educação!
Pesquise seu curso...
Class.svg

Class, nossa plataforma de ensino

Pesquise seu curso...
Plataforma de ensino digital para maximizar sua experiência ao longo do curso. Nossa metodologia hands-on proporciona imersão de conteúdo com diversos projetos num ambiente desenvolvido pelos nossos coders. Oferecemos um fórum e chat, nos quais você pode encontrar perguntas e respostas com votação no formato do Stack Overflow. A plataforma também contém atividades e exercícios para treino e fixação do conteúdo.

FAQ

Pesquise seu curso...
1.
Como funciona o modelo remoto?
Pesquise seu curso...
O aluno pode escolher em realizar as aulas presencialmente ou assistir remotamente de maneira síncrona ("ao vivo").
Pesquise seu curso...
2.
Nunca programei antes, eu consigo acompanhar o curso?
Pesquise seu curso...
Nós desenhamos esse curso para seu primeiro contato na linguagem e temos muita experiência com pessoas que nunca programaram antes. Importante ressaltar que programação é treino, portanto, dedique-se nesses dois meses e aproveite ao máximo a experiência com nossos coders.
Pesquise seu curso...
3.
Existe algum acompanhamento online?
Pesquise seu curso...
Sim! Temos nossa plataforma, Class, para auxiliar sua jornada ao longo do curso. Você encontrará além do material de aula, exercícios para praticar, um chat de comunicação com nossos coders, um fórum de perguntas e respostas e muito mais! Aproveite também nossa comunidade para fazer networking.
Pesquise seu curso...
4.
Qual é a carga horária deste curso?
Pesquise seu curso...
O curso tem uma carga horária de 72 horas distribuídas ao longo de 3 meses.
Pesquise seu curso...
5.
Quais são as formas de pagamento?
Pesquise seu curso...
Você pode pagar no cartão de crédito, débito ou transferência bancária. As condições de pagamento e descontos variam de acordo com a forma de pagamento. Entre em contato se precisar de maiores informações.
Pesquise seu curso...
6.
Como é formato de aula ao longo da semana?
Pesquise seu curso...
As aulas acontecem 2x na semana (segundas e quartas ou terças e quintas) das 19h às 22h. O aluno pode escolher qual dia da semana melhor encaixa em sua agenda.
Pesquise seu curso...
7.
Eu preciso trazer meu computador para a sala de aula?
Pesquise seu curso...
Sim. Todos os nossos cursos exigem que você traga o seu próprio computador. Mas não se preocupe, a maior parte dos laptops dão conta do recado.
Pesquise seu curso...
8.
Tem estacionamento no local?
Pesquise seu curso...
Sim. Contamos com estacionamento no local para facilitar a entrada do aluno. Além disso, a escola fica a apenas 3 min do metrô Faria Lima.
Pesquise seu curso...
9.
Qual é o tamanho das salas de aula?
Pesquise seu curso...
Trabalhamos com salas de aulas pequenas, máximo de 25 alunos/turma para garantir um ensino prático e customizado por sala.