We may earn an affiliate commission when you visit our partners.
Course image
Leonardo Moura Leitao and Cod3r Cursos Online

Bem-vindos ao tão esperado curso de Next.js e React da Cod3r.

Neste curso vamos falar do framework que roda em cima da mais famosa biblioteca da atualidade, o React, e que adiciona várias funcionalidades a ele. Várias grandes empresas já estão utilizando o Next, o que será uma grande adição ao seu currículo, aprender essa incrível tecnologia.

Read more

Bem-vindos ao tão esperado curso de Next.js e React da Cod3r.

Neste curso vamos falar do framework que roda em cima da mais famosa biblioteca da atualidade, o React, e que adiciona várias funcionalidades a ele. Várias grandes empresas já estão utilizando o Next, o que será uma grande adição ao seu currículo, aprender essa incrível tecnologia.

Você vai aprender Next na prática em um curso totalmente baseado em projetos do mais simples a projetos mais complexos. Abordaremos não somente as bases do Next e as suas funcionalidades principais, mas como também vamos te ensinar React, passando por um resumão da biblioteca.

Após isso, o curso vai se focar em diversos projetos que vão fazer integração com Firebase, e vamos também ter projetos com backend já que essa é uma possibilidade que o Next provê. Você também irá aprender como fazer o deploy na nuvem dos seus projetos, e no final vamos entregar um Modelo de aplicação com responsividade, com mudança de tema(dark e light), login, autenticação, proteção de rotas, e tudo isso para que você possa usar de base para seus próprios projetos. O curso está dividido em seções e teremos:

• Um resumo sobre React, onde criaremos um projeto utilizando os conceitos básicos de componente, jsx, fragment. Faremos integração com css e teremos um projeto que desenharemos um tabuleiro de damas para demonstrar como organizar os componentes. Abordaremos condicionais e laços, funções e faremos a integração com Typescript.

• Teremos em seguida uma introdução ao NextJS de fato, onde criaremos um projeto base para trabalhar a estrutura do projeto, a organização dos arquivos e pastas. Aprenderemos sobre rotas, navegação entre páginas, falaremos sobre api e integração com ela, e abordaremos estratégias de renderização, e resolvendo possíveis warnings.

• Adiante começaremos nosso primeiro projeto, onde criaremos componentes novos. Aprenderemos sobre box sizing, fazer a integração do projeto com typescript, adicionando eventos ao projeto, usaremos router, e faremos validações de formulário. Também aprenderemos mais sobre a questão do SSR, Server Side Rendering. Veremos as estratégias de renderização e como funcionam as estratégias E Vamos criar um novo projeto e nele aprender sobre componentes estáticos e dinâmicos.

• Depois teremos um projeto com foco no FullStack, ou seja, teremos um projeto também com o backend. Iremos trabalhar com construção de api, mexer com arquivos json e trabalhar no visual do projeto também.

• E pra finalizar teremos uma seção onde faremos o deploy das aplicações na nuvem. Estamos entregando neste curso um conteúdo de muito valor, e que pode fazer muita diferença na sua carreira como programador.

Vamos aprender juntos, te aguardo no curso.

Enroll now

Here's a deal for you

We found an offer that may be relevant to this course.
Save money when you learn. All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

What's inside

Learning objectives

  • Next js
  • React js
  • Integração com tailwind css e typescript
  • Fazer deploy na núvem
  • Boas práticas de programação e muito mais

Syllabus

Aviso importante aos usuários de Windows
Introdução
Visão Geral do Curso
Pré-Requisitos
Read more
O que é Next.JS
Recado sobre TypeScript
Revisão React
Introdução do Módulo
Código Fonte Final
Criando o Projeto
Primeiro Componente
Movendo o Primeiro Componente
JSX #01
JSX #02
JSX #03
JSX #04
Desafio Lista
Desafio Lista - Resposta #01
Desafio Lista - Resposta #02
Desafio Lista - Resposta #03
Fragment #01
Fragment #02
Usando o Componente
Propriedade Componente
Integração com CSS #01
Integração com CSS #02
Props Somente Leitura
Aplicando Estilo CSS
Projeto Tabuleiro #01
Projeto Tabuleiro #02
Projeto Tabuleiro #03
Projeto Tabuleiro #04
Projeto Tabuleiro #05
Repetição #01
Repetição #02
Condicional #01
Props Children
Condicional #02
Comunicação Direta
Chamada da Função via Evento
Comunicação Indireta
Componente com Estado
Desafio Contador
Desafio Contador - Resposta
Componentes Controlados
Desafio Mega-Sena
Desafio Mega-Sena - Resposta #01
Desafio Mega-Sena - Resposta #02
Desafio Mega-Sena - Resposta #03
Componente Baseado em Classe
Sistema Módulo ECMAScript
Integrando TypeScript
Conclusão do Módulo
Fundamentos de Next.JS
Estrutura do projeto
Pasta Page
Rotas #01
Rotas #02
Rotas #03
Navegando entre Páginas #01
Navegando entre Páginas #02
API #01
API #02
Integrando com API #01
Integrando com API #02
API com Múltiplos Parâmetros
Estratégias de Renderização
Resolvendo Warnings
Projeto Porta Premiada - Aplicando os Conceitos Fundamentais
Visão Geral da Aplicação
Componente Presente
Box Sizing
Componente Porta #01
Componente Porta #02
Componente Porta #03
Componente Porta #04
Componente Porta #05
Componente Porta #06
Classe Porta
Adicionando Eventos a Porta #01
Adicionando Eventos a Porta #02
Adicionando Eventos a Porta #03
Lidando com Array de Portas #01
Lidando com Array de Portas #02
Integração Porta Presente
Componente Jogo #01
Componente Jogo #02
Usando Router
Estruturando o Formulário
Finalizando o Formulário
Validando do Formulário
Atualizando Next 11

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Ensina o Next.js, um framework que aprimora o React, oferecendo novas funcionalidades e tornando-o mais poderoso
Aborda o React, fornecendo uma base sólida para entender os conceitos e recursos do Next.js
Integra o TypeScript para melhorar a segurança e a manutenção do código
Instrutores experientes da Cod3r Cursos Online, reconhecidos por seu conhecimento e habilidades em desenvolvimento web
Aborda estratégias de renderização, resolvendo avisos comuns e otimizando o desempenho do aplicativo
Oferece projetos práticos com vários níveis de complexidade, permitindo que os alunos apliquem os conceitos aprendidos
Ensina boas práticas de programação, abordando organização de código, arquitetura de aplicativo e padrões de design
Requer requisitos básicos, como conhecimento de React e JavaScript, o que pode ser uma barreira para iniciantes absolutos
Cobre tópicos específicos do Next.js, o que pode não ser abrangente o suficiente para desenvolvedores que buscam uma compreensão mais ampla do desenvolvimento web
Não menciona explicitamente o uso de ferramentas ou bibliotecas adicionais, o que pode ser necessário para concluir os projetos

Save this course

Save Next.js e React - Curso Completo - Aprenda com Projetos to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Next.js e React - Curso Completo - Aprenda com Projetos with these activities:
Participação em workshops sobre desenvolvimento avançado do Next.js
Participar de workshops sobre desenvolvimento avançado do Next.js oferecerá oportunidades de aprendizado prático, conexão com especialistas e insights sobre as últimas tendências e práticas recomendadas.
Browse courses on Networking
Show steps
  • Pesquise e se inscreva em workshops relevantes.
  • Participe ativamente das sessões e faça perguntas.
Show all one activities

Career center

Learners who complete Next.js e React - Curso Completo - Aprenda com Projetos will develop knowledge and skills that may be useful to these careers:

Reading list

We haven't picked any books for this reading list yet.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to Next.js e React - Curso Completo - Aprenda com Projetos.
Fundamentos do gerenciamento de projetos
Most relevant
Iniciando e planejando projetos
Most relevant
Crie sua página pessoal usando React e Github Pages
Most relevant
Introdução a Machine Learning em uma Competição do Kaggle
Most relevant
Gerenciamento de projetos Agile
Most relevant
Projeto final: Aplicação do gerenciamento de projetos no...
Most relevant
Iniciação e Planejamento de Projetos
Most relevant
ML Pipelines on Google Cloud - Português
Most relevant
A tecnologia da produção musical
Most relevant
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser