Programación y Tecnología

🔔 NextJS, TailwindCSS e Typescript

Este curso gratuito é um guia completo para desenvolvedores que desejam construir uma plataforma de cursos online moderna e integrada com a API do YouTube. Utilizando um stack de tecnologia de ponta, incluindo NextJS, TailwindCSS, e TypeScript, você aprenderá a criar uma aplicação web rica em funcionalidades, como Server-Side Rendering (SSR), Static Site Generation (SSG), e integrar com APIs RESTful. O que você vai aprender: NextJS: Dominar conceitos avançados como SSR e SSG para otimizar a performance e a SEO da sua plataforma. TailwindCSS: Utilizar este framework CSS para um design responsivo e altamente personalizável. TypeScript: Aplicar TypeScript no projeto para melhorar a escalabilidade e a manutenção do código. Integração com API do YouTube: Aprender a manipular a API do YouTube para incorporar vídeos e controlar funcionalidades do player diretamente na sua plataforma. Controle de Cache do NextJS: Implementar estratégias eficientes de cache para melhorar a performance da aplicação. Localstorage: Usar o localstorage para salvar progressos e aulas concluídas, melhorando a experiência do usuário. UX/UI: Projetar uma interface intuitiva que facilite a interação do usuário com a plataforma, aderindo às melhores práticas de design e usabilidade. HTML Semântico: Reforçar a importância do HTML semântico para acessibilidade e SEO. Deploy com Vercel: Executar o deploy da aplicação em um domínio personalizado utilizando a Vercel, explorando todas as funcionalidades desta poderosa plataforma de hospedagem. Para quem é este curso: Ideal para desenvolvedores web iniciantes, intermediários a avançados que querem aprimorar suas habilidades em desenvolvimento front-end utilizando tecnologias modernas e reais demandadas pelo mercado. Também é perfeito para aqueles que desejam aprender a integrar APIs externas em suas aplicações de forma eficaz. Pré-requisitos: Conhecimento básico de React Familiaridade com JavaScript e CSS Noções básicas de APIs Inicie agora mesmo e transforme sua carreira desenvolvendo aplicações web completas e altamente eficientes com as melhores tecnologias do mercado! #CODARSE

Lucas Souza Dev
25h 25m
60 lecciones
principiante4.0(5 valoraciones)
🔔 NextJS, TailwindCSS e Typescript
Empezar curso gratis

No requiere registro

Lo que aprenderás

  • Estructurar páginas web semánticas con HTML5
  • Aplicar estilos profesionales con CSS3 y diseño responsive
  • Crear layouts modernos con Flexbox y CSS Grid
  • Implementar animaciones y transiciones CSS
  • Construir sitios web completos y adaptables a cualquier dispositivo

Descripción del curso

Este curso gratuito é um guia completo para desenvolvedores que desejam construir uma plataforma de cursos online moderna e integrada com a API do YouTube. Utilizando um stack de tecnologia de ponta, incluindo NextJS, TailwindCSS, e TypeScript, você aprenderá a criar uma aplicação web rica em funcionalidades, como Server-Side Rendering (SSR), Static Site Generation (SSG), e integrar com APIs RESTful. O que você vai aprender: NextJS: Dominar conceitos avançados como SSR e SSG para otimizar a performance e a SEO da sua plataforma. TailwindCSS: Utilizar este framework CSS para um design responsivo e altamente personalizável. TypeScript: Aplicar TypeScript no projeto para melhorar a escalabilidade e a manutenção do código. Integração com API do YouTube: Aprender a manipular a API do YouTube para incorporar vídeos e controlar funcionalidades do player diretamente na sua plataforma. Controle de Cache do NextJS: Implementar estratégias eficientes de cache para melhorar a performance da aplicação. Localstorage: Usar o localstorage para salvar progressos e aulas concluídas, melhorando a experiência do usuário. UX/UI: Projetar uma interface intuitiva que facilite a interação do usuário com a plataforma, aderindo às melhores práticas de design e usabilidade. HTML Semântico: Reforçar a importância do HTML semântico para acessibilidade e SEO. Deploy com Vercel: Executar o deploy da aplicação em um domínio personalizado utilizando a Vercel, explorando todas as funcionalidades desta poderosa plataforma de hospedagem. Para quem é este curso: Ideal para desenvolvedores web iniciantes, intermediários a avançados que querem aprimorar suas habilidades em desenvolvimento front-end utilizando tecnologias modernas e reais demandadas pelo mercado. Também é perfeito para aqueles que desejam aprender a integrar APIs externas em suas aplicações de forma eficaz. Pré-requisitos: Conhecimento básico de React Familiaridade com JavaScript e CSS Noções básicas de APIs Inicie agora mesmo e transforme sua carreira desenvolvendo aplicações web completas e altamente eficientes com as melhores tecnologias do mercado! #CODARSE

Contenido del curso (60 lecciones)

1

NextJS, TailwindCSS e Typescript: #00 - Apresentação do projeto

24m
2

NextJS, TailwindCSS e Typescript: #01 - Apresentação do protótipo

12m
3

NextJS, TailwindCSS e Typescript: #02 - Apresentação do código fonte

8m
4

NextJS, TailwindCSS e Typescript: #03 - Criação do projeto inicial

11m
5

NextJS, TailwindCSS e Typescript: #04 - Para que serve cada arquivo no projeto

25m
6

NextJS, TailwindCSS e Typescript: #05 - Removendo arquivos desnecessários

29m
7

NextJS, TailwindCSS e Typescript: #06 - Melhorando a indexação do projeto

25m
8

NextJS, TailwindCSS e Typescript: #07 - Criando temas dentro do tailwind css com next js

27m
9

NextJS, TailwindCSS e Typescript: #08 - Como criar um Header global

46m
10

NextJS, TailwindCSS e Typescript: #09 - Componente responsivo com Tailwind CSS e NextJS

30m
11

NextJS, TailwindCSS e Typescript: #10 - Como criar um drawer lateral com tailwind css

47m
12

NextJS, TailwindCSS e Typescript: #11 - Como criar bons componentes no NextJS

33m
13

NextJS, TailwindCSS e Typescript: #12 - Melhorando o componente de Card

7m
14

NextJS, TailwindCSS e Typescript: #13 - Adicionando componente de Seção

23m
15

NextJS, TailwindCSS e Typescript: #14 - Adicionando variant no componente section

18m
16

NextJS, TailwindCSS e Typescript: #15 - Melhoria nos componentes de seção e card

26m
17

NextJS, TailwindCSS e Typescript: #16 - Como deixar o header flutuante no topo da tela

22m
18

NextJS, TailwindCSS e Typescript: #17 - Adicionando controles de scroll na seção

30m
19

NextJS, TailwindCSS e Typescript: #18 - Finalizando controles da seção

30m
20

NextJS, TailwindCSS e Typescript: #19 - Como criar rotas dinâmicas no NextJS

22m

Valoraciones del curso

Sé el primero en valorar este curso

Inicia sesión para valorar este curso y ayudar a otros estudiantes.

Iniciar sesión

Cursos relacionados