Imagem do Curso gratuito FullStack Web com Javascript e Typescript

Curso online gratuitoFullStack Web com Javascript e Typescript

Duração do curso online: 14 horas e 22 minutos

4

EstrelaEstrelaEstrelaEstrela

(3)

Curso online gratuito sobre desenvolvimento FullStack com JavaScript e TypeScript. Aprenda Backend, Frontend, Express, API REST, Firebase, Flexbox, Clean DDD e React.

Neste curso gratuito, aprenda sobre

  • Fundamentos de Desenvolvimento Web e HTTP
  • Backend com Node.js, Express e APIs REST
  • CSS Flexbox e Layout Responsivo
  • Frontend com JavaScript e Integração com API REST
  • Clean Architecture e Domain-Driven Design (DDD)
  • Frontend Moderno com React
  • Persistência de Dados, ORM e Repositórios DDD
  • Autenticação, Autorização e Segurança no Backend
  • TypeScript Avançado e Repositórios Genéricos
  • Projeto Avançado: NFT Marketplace Full Stack

Descrição do curso

O curso "FullStack Web com Javascript e Typescript" é um abrangente programa educacional voltado para profissionais e entusiastas de Tecnologia da Informação interessados em desenvolver habilidades robustas na área de Programação Front-End e Back-End.

Com uma duração total de 14 horas e 22 minutos, este curso oferece um mergulho profundo nos fundamentos e nas práticas avançadas de desenvolvimento web FullStack, utilizando as linguagens Javascript e Typescript. Com vasta experiência e conhecimento, o instrutor conduz os alunos por uma vasta gama de tópicos essenciais para formar uma base sólida e avançada na construção de aplicações modernas e eficientes.

O curso inicia com uma introdução ao cenário FullStack, destacando as diferenças e sinergias entre Backend e Frontend. A partir daí, os alunos são guiados por conceitos fundamentais como HTTP, incluindo a visão geral de requests e responses, bem como as tecnologias que compõem este protocolo.

No âmbito do desenvolvimento do lado do servidor com Express, o curso abrange desde a criação do primeiro endpoint até a manipulação de dados JSON com métodos GET e POST, utilizando ferramentas como Insomnia e Postman. Conceitos essenciais de API REST são introduzidos, juntamente com a integração do Typescript no ambiente Express, fortalecendo a tipagem e a estrutura de código.

Parte importante do curso é dedicada ao desenvolvimento de uma API REST para um catálogo de filmes, envolvendo o uso de tecnologias como NodeJS e Firebase, e apresentando a metodologia Clean Architecture (DDD - Domain-Driven Design). Esta abordagem modular e escalável, que inclui a implementação e a refatoração de rotas e controllers, proporciona uma visão completa da construção e manutenção de um sistema sólido e bem arquitetado.

No Frontend, o curso explora técnicas modernas de layout com CSS Flexbox, cobrindo desde a introdução e a estruturação básica até o alinhamento de conteúdo e propriedades flexíveis. Com o uso da Fetch API, os alunos aprendem a consumir dados de APIs REST, tanto para listar quanto para criar recursos, utilizando Javascript.

O curso também mergulha nas fundamentações do React, ensinando desde o uso de estados, event handlers, renderização condicional, até a criação de rotas com React Router v6 e o consumo de APIs com Axios. É uma abordagem completa que leva os alunos a construírem interfaces de usuário dinâmicas e reativas.

Além dos fundamentos e práticas do desenvolvimento FullStack, o curso aborda aspectos avançados como autenticação e autorização no backend, a utilização de Typescript Generics, e a construção de um repositório DDD com Firebase. Os conceitos de repositório e padrões de projeto são explorados, proporcionando uma visão ampla e detalhada do desenvolvimento FullStack.

O curso finaliza com uma aplicação prática e inovadora: a construção de um mercado de NFTs Full Stack na blockchain Ethereum, utilizando Polygon e Next.js. Este projeto prático consolida o aprendizado e prepara os alunos para desafios reais do mercado de desenvolvimento web.

"FullStack Web com Javascript e Typescript" é um curso essencial para quem deseja se destacar na área de desenvolvimento web, oferecendo um currículo completo e atualizado, que abrange desde os fundamentos até as práticas mais avançadas da indústria. Seja para iniciantes ou para desenvolvedores experientes que buscam se aprofundar, este curso é uma excelente escolha.

Conteúdo do curso

  • Aula em vídeo: #1 - Sobre o Curso, Backend, Frontend 13m
  • Exercício: Qual dessas opções é uma característica essencial de um sistema de gerenciamento de usuários em um ambiente de desenvolvimento web?
  • Aula em vídeo: #2 - Dev Web | HTTP Big Picture (Request e Response) 16m
  • Exercício: Qual é o formato de dados frequentemente utilizado para a comunicação entre o front-end e o back-end em aplicações web?
  • Aula em vídeo: #3 - Dev Web | HTTP Big Picture (Tecnologias) 10m
  • Exercício: Qual das seguintes tecnologias é conhecida por ser um framework web que oferece uma estrutura completa com baterias inclusas, facilitando a implementação de aplicações web completas?
  • Aula em vídeo: #4 - Dev Web | Express - Primeiro Endpoint 17m
  • Exercício: Qual é o papel do npm ao trabalhar com Node.js em um projeto?
  • Aula em vídeo: #5 - Dev Web | Express - JSON, GET e POST Insomnia Postman 17m
  • Exercício: Qual ferramenta é mencionada no texto que auxilia desenvolvedores a fazer chamadas para APIs e verificar se as funcionalidades implementadas estão corretas?
  • Aula em vídeo: #6 - Dev Web | API REST - definições fundamentais 12m
  • Aula em vídeo: #7 - Dev Web | Express com Typescript 16m
  • Exercício: No contexto de desenvolvimento web com Node.js, por que é importante integrar o TypeScript em um projeto Express?
  • Aula em vídeo: #8 -API REST Express /Filmes 17m
  • Exercício: Qual das opções abaixo representa corretamente o método HTTP utilizado para criar um novo recurso em uma API RESTful?
  • Aula em vídeo: #9 - Firebase com Express / NodeJS 25m
  • Exercício: Qual das seguintes opções descreve melhor um banco de dados não relacional utilizado para desenvolvimento de aplicações?
  • Aula em vídeo: #13: Backend: API POST and GET by ID (Finalização) 11m
  • Exercício: No contexto de integração de um sistema web com uma API, qual é o método HTTP adequado para a criação de um novo recurso, como um filme?
  • Aula em vídeo: #10 - CSS Flex - Intro e Layout base 16m
  • Exercício: Qual propriedade CSS é essencial para criar layouts flexíveis e responsivos, facilitando a distribuição de espaço dentro de um contêiner e o alinhamento dos itens?
  • Aula em vídeo: #11- CSS Flex - Container 20m
  • Exercício: Qual é a principal função do CSS Flex?
  • Aula em vídeo: #12 - CSS Flex - Align Content and Flex(prop) 10m
  • Exercício: Qual das opções abaixo descreve corretamente o uso da propriedade CSS 'flex'?
  • Aula em vídeo: #14 - Frontend JS Fetch API - GET (Listar Filmes) 17m
  • Exercício: Qual é o propósito do uso do CORS (Cross-Origin Resource Sharing) em uma aplicação web?
  • Aula em vídeo: #15 - Frontend JS Fetch API - GET (Listar Filmes) - Continuação 13m
  • Exercício: Qual é a principal função de um template em HTML dentro do contexto de desenvolvimento web?
  • Aula em vídeo: #16 - Frontend JS Fetch API - POST (Criar Filmes) 17m
  • Exercício: Qual das opções a seguir descreve o principal objetivo abordado no projeto discutido no texto referido?
  • Aula em vídeo: #17 Clean DDD Fundamentos P1 27m
  • Exercício: Com base em metodologias de desenvolvimento de software, qual é um dos principais desafios ao projetar um sistema para ser mantido e evoluir ao longo do tempo em colaboração com uma equipe?
  • Aula em vídeo: #18 Clean DDD Fundamentos P2 26m
  • Exercício: O que é importante considerar para minimizar o acoplamento em um projeto de software?
  • Aula em vídeo: #19 Clean DDD Implementac?a?o P3 26m
  • Exercício: Qual é o propósito de criar um contrato ou interface para o repositório em um projeto orientado a objetos?
  • Aula em vídeo: #20 Clean DDD Implementac?a?o P4 30m
  • Exercício: Qual é a principal vantagem de utilizar interfaces e injeção de dependência em uma arquitetura de software?
  • Aula em vídeo: #21 - Arquitetura Clean DDD Camadas Core e Periféricas 21m
  • Exercício: Qual é a principal função da camada de aplicação em uma arquitetura de software?
  • Aula em vídeo: #22 Clean DDD Refatorando Rotas Controllers Command 29m
  • Exercício: Qual é o papel principal do controlador em uma aplicação web seguindo o padrão MVC?
  • Aula em vídeo: #23 Live Aula FrontEnd Frameworks - React 1h24m
  • Exercício: O que é uma aplicação web progressiva (PWA)?
  • Aula em vídeo: #24 React useState e EventHandler 19m
  • Exercício: No desenvolvimento de aplicações web utilizando frameworks como React, o conceito de 'encapsulação' refere-se a:
  • Aula em vídeo: #25 React Renderizacao Condicional Styled Components 23m
  • Exercício: Qual é a principal vantagem do uso de CSS Modules em projetos de front-end?
  • Aula em vídeo: #26 React - Rotas com React Router v6 11m
  • Exercício: Qual é o principal propósito de utilizar o componente 'Route' em uma aplicação React usando react-router-dom?
  • Aula em vídeo: #27 React useEffect e Axios (Consumir API Rest) 32m
  • Exercício: Qual é a função principal da biblioteca Axios no desenvolvimento de aplicações web?
  • Aula em vídeo: #28 - ORM DDD Repository 1/2 17m
  • Exercício: Qual é a finalidade principal do ORM (Object-Relational Mapping) em aplicações web?
  • Aula em vídeo: #29 - ORM DDD Repository 2/2 16m
  • Exercício: Ao configurar a camada de persistência em um projeto que utiliza um ORM, qual das etapas a seguir é essencial para garantir a correta integração com o banco de dados?
  • Aula em vídeo: #30 - Backend Autenticação e Autorização 1/2 22m
  • Exercício: Qual das opções abaixo descreve corretamente o processo de autenticação em uma aplicação web?
  • Aula em vídeo: #31 - Backend Autenticação e Autorização 2/2 31m
  • Exercício: Qual é a função de um refresh token no processo de autenticação de sistemas web?
  • Aula em vídeo: #32 - Typescript Generics : Repositório DDD com Firebase Signup AppMovies 1/2 24m
  • Exercício: Qual das afirmações a seguir melhor descreve o conceito de 'generics' em programação, conforme discutido na aula?
  • Aula em vídeo: #33 - Typescript Generics : Repositório DDD com Firebase Signup Controller AppMovies 2/2 20m
  • Aula em vídeo: How to Build a Full Stack NFT Marketplace on Ethereum with Polygon and Next.js - [2021 Tutorial] 2h21m

Este curso gratuito inclui:

14 horas e 22 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso
Ícone representando cursos de tecnologia e negócios

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Ícone de calendário com alvo representando planejamento de estudos

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Ícone de profissional representando carreira e negócios

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

QR Code - Baixar Cursa - Cursos Online

Mais cursos gratuitos em Programação Front-End

Baixe o Aplicativo agora para ter acesso a + de 3300 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 48 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso

+ de 9 milhões
de alunos

Certificado grátis e
válido em todo o Brasil

60 mil exercícios
gratuitos

4,8/5 classificação
nas lojas de apps

Cursos gratuitos em
vídeo, ebooks e audiobooks