Visão Geral

Nosso curso de treinamento Next.js é destinado a desenvolvedores que desejam produzir aplicativos de alto desempenho usando Next.js, uma estrutura React construída em JavaScript que combina os pontos fortes de aplicativos de página única com renderização do lado do servidor (SSR).

Você ganhará experiência prática na criação de páginas estáticas e dinâmicas, aprenderá as maneiras mais eficientes de buscar dados para seu caso de uso, otimizar a entrega de imagens - e terá um bom desempenho em mecanismos de pesquisa para SEO e análises graças ao SSR. 

Guiado por um instrutor especializado, você aprenderá por meio de exercícios práticos que refletem cenários do mundo real. Também temos vários tópicos de cursos extras disponíveis para treinamento personalizado do Next.js, portanto, se sua equipe precisar se aprofundar em um nível mais profundo, podemos nos adaptar às suas necessidades de aprendizado.

Entre em contato caso tenha alguma dúvida sobre o atendimento remoto do nosso virtual; cursos on-line, conteúdo do curso Next.js, configuração ou qualquer outra coisa sobre seus requisitos de aprendizado e desenvolvimento - teremos prazer em ajudar.

Você pode participar deste curso remotamente, como parte de um programa de treinamento mais amplo ou de um workshop independente.

Objetivo

Após concluir o curso Next js, você será capaz de:

• Crie e implante aplicativos React no Next.js
•  Como estruturar seu código React no contexto de um aplicativo Next.js
•  Crie páginas estáticas e dinâmicas no Next.js
•  Entenda como o roteamento e o histórico do navegador são tratados em Próximo
•  Use estratégias eficientes para buscar dados
•  Crie aplicativos que lidam bem com a otimização de imagem
•  Crie aplicativos com ótimo SEO e análises
•  Adicionando endpoints de API do lado do servidor
•  Trabalhar com formulários em React
•  Decida sobre a melhor estratégia de autenticação para seu caso de uso
•  Use as melhores práticas de teste com a React Testing Library
•  Tenha uma estratégia de gestão de estado eficiente
•  Razão sobre pré-renderização e funções sem servidor com Next

Publico Alvo

• Este curso é destinado a desenvolvedores que desejam criar aplicativos prontos para produção com a estrutura Next.js e React, usando JavaScript
  

Pre-Requisitos

• Os delegados devem ter alguma familiaridade com os fundamentos JavaScript, HTML e CSS - abordaremos alguns conceitos fundamentais no início do curso para garantir que você obtenha o máximo valor do seu treinamento.
  

Informações Gerais

• Carga Horária: 32h
• Se noturno este curso é ministrado de segunda-feira à sexta-feira, das 19h às 23h
• Se aos sábados este curso é ministrado das 9h às 18h
• Se in-company por favor fazer contato para mais detalhes.

Formato de entrega:

• 100% on-line ao vivo, via Microsoft Teams na presença de um instrutor/consultor ativo no mercado.
• Nota: não é curso gravado.

Lab:

• Laboratório + Exercícios práticos 

Materiais

Conteúdo Programatico

Key JavaScript Concepts

1. Arrow functions
2. List comprehensions (map, filter, reduce)
3. Hoisting and scopes
4. Spreading and destructuring
5. The event loop
6. Promises and async/await

Introduction to Next.js

1. React overview
2. Client and server side rendering
3. File structure and routing
4. Benefits and future

Hooks in React

1. What are hooks?
2. useState
3. useEffect

Functional Components

1. What are functional components?
2. Props and children
3. Inheritance and composition

Styling

1.  Overview of the diverse landscape
2.  Getting setup with Tailwind and purgecss

Special Next.js functionality

1.  getInitialProps
2.  getServerSideProps
3.   Custom _app.js and _document.js files

Handling state

1. Prop drilling, context sharing and hooks
2. UI state vs server state
3. React-query and the stale-while-revalidate approach

Serverless API Routes

1.  How do they work?
2.  Interacting with 3rd party services
3.  Keeping secrets from clients

Successful applications

1. Working with forms in React
2. SEO and analytics
3. Image optimisation

Security and authentication

1. Security and authentication in a serverless world
2. Authentication with Auth0
3. Protecting API routes

Testing and error handling

1.  Custom error and 404 pages
2.  Best practices with react-testing-library

Further topics for extended / customised Next.js training for your team - get in touch for more details

Higher level:

1. Build static sites with Next
   
2. Handle errors well with Sentry

Syllabus level:

1. Static vs dynamic sites
   
2. useContext
3. Custom hooks
4. Other styling approaches
5. getStaticProps
6. getPaths
7. Integrating with Sentry