Front-End Journey

Desenvolvimento Web com React & Next.JS

LIVE
Inscreva-se
0
close

Front-End Journey

Desenvolvimento Web com React & Next.JS

Sobre a Imersão

Front-End Journey

Desenvolvimento Web com React & Next.JS

Sobre a Imersão

FRONT-END
ANGULAR REACT HTML JAVASCRIPT
   
ANGULAR REACT HTML JAVASCRIPT
   
ANGULAR REACT HTML JAVASCRIPT
   
UX UI GIT GITHUB FIGMA CSS
   
UX UI GIT GITHUB FIGMA CSS
   
UX UI GIT GITHUB FIGMA CSS
   
Proposta
DESENVOLVA COM FOCO NA USABILIDADE E NA EXPERIÊNCIA DO USUÁRIO
Uma jornada de conhecimento para formar o Web Developer do futuro.
Vamos abordar juntos as principais tecnologias utilizadas no desenvolvimento Front-End: UX, UI, Figma, HTML, CSS, Sass, BootStrap, Tailwind,  JavaScript, React e Next.js.
Você vai aprender a desenvolver protótipos, interfaces, sites e aplicações web, sempre com foco na usabilidade e experiência do usuário.
Inscreva-se
Inscreva-se
6 Módulos | 120 Horas
Foco

Preparar você para criar: protótipos, interfaces, sites e aplicações web, utilizando as melhores linguagens e frameworks do desenvolvimento Front-End, em conjunto, com as melhores práticas de UX e UI.

Para Quem

Iniciantes em programação que querem criar páginas web. Designers e profissionais que já atuam no desenvolvimento back-end.

Formato
LIVE
Suas aulas são encontros online sempre ao vivo. Isso significa que em todas as etapas do curso, as aulas serão em tempo real. Você terá contato direto com o professor, poderá tirar suas dúvidas momento a momento, fazer networking e ainda evoluir trocando ideias com a sua turma.
SOBRE
EVOLUÇÃOACELERADAEvolua seu conhecimentoem poucos meses.Adquira novos skills comas ferramentas mais atuais.COMUNIDADEFIAP 360˚Conecte-se com empresasparceiras, amplieo seu networking, participede eventos exclusivose muito mais.SUPORTEESPECIALIZADOConte com o acompanhamento próximode experts e mentores. Tire todas as suasdúvidas durante seu desenvolvimento.FAST TRACKDE TRANSIÇÃODE CARREIRAMude de carreira da forma mais ágile efetiva, com segurança para atuarnos projetos mais desafiadores.SALTONA SUA ÁREADestaque-se em qualquercontexto, dominando ascompetências que estão fazendoa diferença no cenário atual.
Scroll
Down
Features das
Imersões
Evolução Acelerada
Evolua seu conhecimento em poucos meses. Adquira novos skills com as ferramentas mais atuais.
Arraste
Scroll
Down

Front-End Journey

Desenvolvimento Web com React & Next.JS

Conteúdo

Front-End Journey

Desenvolvimento Web com React & Next.JS

Conteúdo

Módulo 1
Módulo 1
Figma Design com UI/UX18 Horas
+
Figma Design com UI/UX 
Figma Design com UI/UX 
Figma Design com UI/UX 

Iniciando a Jornada Front-End

Uma das principais fases do desenvolvimento de um projeto Web, é a prototipação da aplicação. Nessa fase, definimos os padrões que devem ser utilizados em todo projeto, para que tenhamos uma interface bonita, de fácil uso e que atenda às necessidades do usuário. Entre vários aspectos, definimos como as informações serão organizadas, a paleta de cores e a tipologia que será aplicada, e como os conteúdos serão exibidos na interface. Para isso utilizaremos o Figma, uma das ferramentas mais disruptivas do mercado, e que, aliada aos padrões UI (User Interface) e UX (User Experience), possibilita a prototipação de interfaces para qualquer aplicação Web. Além disso, usaremos a Inteligência Artificial como ferramenta para nos ajudar no desenvolvimento de pesquisas, geração de conteúdo e testes, propiciando assim, uma perfeita experiência ao usuário.

 

O que você vai dominar?

  • Visão geral de UX e UI; O que é interface;
  • Pesquisas - Entrevistas;  
  • Card Sorting;
  • Uso do Chat GPT;
  • Testes de Usabilidade;  
  • Heurísticas;
  • Introdução Figma;
  • FigJam;
  • Princípios design;
  • Conceitos UI;
  • Cores;
  • Tipografia;
  • Projeto;
  • Rabiscos;
  • Style Guide (Design System);
  • Prototipação (Figma).
Módulo 2
Módulo 2
Front-End Essentials27 Horas
+
Front-End Essentials 
Front-End Essentials 
Front-End Essentials 

HTML - CSS - SASS and Bootstrap

Agora que temos um protótipo, chega o grande momento de codificá-lo. Para isso, vamos utilizar duas linguagens essenciais no desenvolvimento Front-End: o HTML, a linguagem de marcação responsável pela inserção de qualquer tipo de conteúdo, e a CSS, a linguagem de estilização que realiza a formatação de todos os elementos existentes na interface. Além disso, usaremos um dos frameworks Front-End mais utilizado do mercado: o Bootstrap. Você também conhecerá o Sass, um pré-processador CSS que permitirá uma codificação mais rápida e organizada dos seus estilos.

 

O que você vai dominar?

  • Como funciona uma página Web;
  • Conceito de camadas: apresentação, formatação e comportamento;
  • O que é HTML?
  • Conceito de tags;
  • Como criar a estrutura inicial de um documento HTML;
  • Inserção de tags para: títulos, parágrafos, imagens, links e listas;
  • O que é CSS?
  • Conceito de estilização e tipos de CSS;
  • Elementos que formam as regras CSS: Seletor, propriedade e valor;
  • Criação de uma folha de estilos;
  • Aplicações de formatações iniciais: tipologia, imagens, padrões de cores (Hexadecimal - RGB - HSL - HWB);
  • O que são containers? Manipulação do Box Model;
  • Formatação de background de páginas e containers: inserção de imagens e cores;
  • Unidades de medida CSS: px – em – rem – vh – vw – vmin – vmax;
  • Alteração de posicionamento dos elementos: position e flexbox;
  • Posicionamento de elementos;
  • Aplicação de tags semânticas: nav, main, section, article, header, footer e aside;
  • Criação de layouts com CSS Grid Layout;
  • Introdução ao Web design responsivo (WDR);
  • Conhecimento de Bootstrap: conceitos iniciais, classes, grid, containers e páginas responsivas;
  • Apresentação de componentes Bootstrap;
  • Tabelas com HTML: Estilização com Bootstrap;
  • Formulários HTML: Estilização com Bootstrap;
  • Sass - O que é? Como funciona um pré-processador?
  • Instalação do Sass: Criando pastas do projeto
  • Tipos de sintaxe: Sass e SCSS;
  • Compilação do Sass;
  • Aplicação de comentários no Sass;
  • Utilização de Nesting, Parent Selector e Placeholder Selector;
  • Variáveis no Sass;
  • Partial - Mixins - Funções.
Módulo 3
Módulo 3
Tailwind CSS12 Horas
+
Tailwind CSS 
Tailwind CSS 
Tailwind CSS 

Criando interfaces modernas

O Framework Tailwind CSS possui classes de estilos totalmente reutilizáveis e intuitivas que podem ser customizadas facilmente, permitindo assim a criação de componentes e interfaces modernas de uma forma bem rápida e eficiente. Lançado em 2017, logo se mostrou uma ferramenta bem útil no desenvolvimento Front-End, pois possui muitas vantagens: é bem fácil de ser utilizado, pode aumentar a produtividade de desenvolvimento, permite a criação de um design consistente, é performático e possui total integração com o Javascript. Com certeza você se surpreenderá com esse framework e suas poderosas classes.

 

O que você vai dominar?

  • Introdução ao Framework - Classes Utilitárias;
  • Instalação - Arquivo de configuração - Documentação;
  • Tipologia - Espaçamento - Cores;
  • Background - Bordas;
  • Utilização de flexbox;
  • Utilização de Grid;
  • Design responsivo;
  • Criando componentes.
Módulo 4
Módulo 4
Javascript Essentials27 Horas
+
Javascript Essentials 
Javascript Essentials 
Javascript Essentials 

Javascript é uma das linguagens de programação mais utilizadas do mundo, e fundamental no desenvolvimento Web. Utilizaremos essa importantíssima linguagem para ensinar os conceitos de lógica de programação, em conjunto com os fantásticos recursos que ela possui. Você aprenderá como deixar suas aplicações muito mais interativas, proporcionando assim uma excelente experiência ao usuário.

 

O que você vai dominar?

 

  • Introdução Javascript;
  • Variáveis e tipos de dados;
  • Operadores aritméticos;
  • Operadores relacionais;
  • Operadores lógicos;
  • Estruturas de decisão;
  • Estruturas de repetição;
  • Objetos nativos do Javascript
  • Manipulação de Arrays;
  • Introdução DOM - Document Object Model;
  • Eventos;
  • Funções em Javascript;
  • Arrow Function;
  • Filter - Map - Reduce;
  • Objetos JSON.
Módulo 5
Módulo 5
React Fundamentals24 Horas
+
React Fundamentals 
React Fundamentals 
React Fundamentals 

Neste módulo você aprenderá React, uma das principais bibliotecas Javascript de código aberto para desenvolvimento Front-End. Criada pelo Facebook, como um dos seus principais projetos internos, ela teve seu código disponibilizado para a comunidade e logo se tornou um importante pré-requisito para quem deseja atuar no desenvolvimento Front-End. Você aprenderá a separar a interface em partes independentes, como componentes, e reutilizá-los quando necessário. O React também permite a criação de aplicações Web de forma simples, fácil, moderna e escalável.

 

O que você vai dominar?

  • Introdução ao framework
  • JSX;
  • Estilização;
  • Componentes;
  • Props;
  • Eventos;
  • Variáveis de Estado;
  • Efeitos;
  • React Hooks;
  • React Router;
  • JSON;
  • Context API e states globais;
  • Consumo de API;
  • Hospedagem.
Módulo 6
Módulo 6
Next.js Essentials12 Horas
+
Next.js Essentials 
Next.js Essentials 
Next.js Essentials 

O Next.js é um poderoso framework para desenvolvimento Web que tem como base o React. Ele tem sido amplamente adotado pelos desenvolvedores devido à sua capacidade de simplificar o desenvolvimento, melhorar tanto o desempenho quanto a escalabilidade da aplicação, facilitar a otimização com os dispositivos de busca (SEO), entre outras vantagens. Com certeza esse framework te ajudará muito na criação de aplicativos Web modernos e eficientes.

 

O que você vai dominar?

  • Introdução ao framework;
  • Introdução TypeScript - Tipagem;
  • Componentes;
  • Funções;
  • Gerenciamento de Rotas;
  • Estilização;
  • Server-Side-Rendering;
  • Eslint;
  • Consumo de API.

 

Inscreva-se
Inscreva-se

Front-End Journey

Desenvolvimento Web com React & Next.JS

Speakers

Front-End Journey

Desenvolvimento Web com React & Next.JS

Speakers

Experts
Israel Marques
Israel
Marques
Atua no mercado de educação há 26 anos. É especialista em Engenharia Web. Trabalhou no desenvolvimento de sistemas para desktop migrando para a criação de aplicações para a Internet. Na FIAP, é professor nos cursos de: Sistemas de Informação, Análise e Desenvolvimento de Sistemas e Jogos Digitais para as disciplinas focadas em front end.
Atua no mercado de educação há 26 anos. É especialista em Engenharia Web. Trabalhou no desenvolvimento...
Ver mais
Alexandre Russi
Alexandre
Russi
Professor de programação com formação em Engenharia Mecatrônica pelo Centro Universitário FIAP. Apaixonado por tecnologia, educação, inovação, ciência e física. Tem se dedicado ao ensino de tecnologia para estudantes de todas as idades e níveis de habilidade. Com mais de 2 anos de experiência como professor, já ajudou a formar mais de 250 alunos. Além de ser professor de programação, tem uma vasta experiência em desenvolvimento web, tendo trabalhado com grandes marcas nos setores de marketing, financeiro, automobilístico e varejo. Defensor incansável do poder transformador da educação e tecnologia na vida das pessoas.
Professor de programação com formação em Engenharia Mecatrônica pelo Centro Universitário FIAP. Apaixonado...
Ver mais
Bruno
Oliveira
Apaixonado por programação e educação, sou formado em Sistemas de Informação, possuo MBA em BigData e sou Mestre em Tecnologias da Inteligência e Design Digital. Possuo certificações da Microsoft na área de desenvolvimento e banco de dados. Atuei como Dev em empresas de diversos ramos, como consultorias, bancos financeiros e fábricas de software. Hoje leciono em diversos níveis acadêmicos, técnico, graduação, pós e extensões em diversas disciplinas voltadas a área de desenvolvimento e inovação. Também sou empreendedor, tenho um aplicativo chamado "Cadê o Ônibus?" com foco em mobilidade urbana e presto serviço na área de desenvolvimento. Participei e venci de alguns programas de competições e hackatons propondo soluções para desafios estipulados. Após estudar o processo de aprendizagem de programação, dedico meu tempo para o aperfeiçoamento de um método de ensino que ofereça ao aluno uma aprendizagem mais segura que busca a aliança entre teoria e prática.
Apaixonado por programação e educação, sou formado em Sistemas de Informação, possuo MBA em BigData e...
Ver mais
Wellington
Tenório
Engenheiro de Software, atuo na área da educação e consultoria em TI desde 2000, Coordenador e Professor de Jogos Digitais e Desenvolvimento de Sistemas na Etec Basilides de Godoy há mais de 10 anos e também faz parte desse grande time de professores da FIAP, o objetivo é formar profissionais qualificados para esse mercado bem competitivo de tecnologia.
Engenheiro de Software, atuo na área da educação e consultoria em TI desde 2000, Coordenador e Professor...
Ver mais
Gabriela
Zimberg
Designer multidisciplinar, motivada por desafios, propósito e aprendizado. Hoje atua como Product Design Manager no iFood, onde lidera uma equipe que cria produtos orientados para growth e funcionalidades de SaaS. Além do design de produto, possui histórico atuando em design visual e publicidade. Em termos de formação acadêmica, possui graduações de MBA em Gestão Estratégica em UX Design na ESPM, Mestrado em Comunicação e Semiótica pela PUC-SP e Bacharelado em Comunicação Social com especialização em Publicidade e Propaganda pela ESPM.
Designer multidisciplinar, motivada por desafios, propósito e aprendizado. Hoje atua como Product Design...
Ver mais
Scroll
Down

Front-End Journey

Desenvolvimento Web com React & Next.JS

Investimento

Front-End Journey

Desenvolvimento Web com React & Next.JS

Investimento

investimento
What You Get
6 Módulos
120 Horas
Comunidade online
Certificados de Conclusão
Project Based Learning
Soft Skills
Próximas Turmas
LIVE - Unidade Remoto
26 FEVEREIRO - 03 JUNHO
Aulas usualmente às segundas, quartas e quintas-feiras, das 19h às 22h. *Podendo haver alterações. *
-
10x  R$ 525,99ou R$ 4.733,91 à vista (10% off)

Cartão de crédito ou boleto
Inscreva-se

Alunos e ex-alunos têm 20% de desconto (não cumulativo).
Me avise quando a próxima turma for aberta
+
check-iconAviso agendado com sucesso.
Enviar
*Aulas extras ou reposições podem ser agendadas em dias da semana diferentes do cronograma.
IOT
Machine Learning
UXD
Python
C++
HTML5
Processing
XML
Codec5
C#
Inteligência Artificial
IOT
Machine Learning
UXD
Python
C++
HTML5
Processing
XML
Codec5
C#
Inteligência Artificial
IOT
Machine Learning
UXD
Python
C++
HTML5
Processing
XML
Codec5
C#
Inteligência Artificial
Receba nossos
Conteúdos
Você pode cancelar o recebimento quando quiser.
IOT
Machine Learning
UXD
Python
C++
HTML5
Processing
XML
Codec5
C#
Inteligência Artificial
IOT
Machine Learning
UXD
Python
C++
HTML5
Processing
XML
Codec5
C#
Inteligência Artificial
IOT
Machine Learning
UXD
Python
C++
HTML5
Processing
XML
Codec5
C#
Inteligência Artificial