Curso online gratuitoFullStack Web com Javascript e Typescript

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

Novo curso

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

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

    0h13m

  • 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)

    0h16m

  • 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)

    0h10m

  • 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

    0h17m

  • 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

    0h17m

  • 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

    0h12m

  • Aula em vídeo: #7 - Dev Web | Express com Typescript

    0h16m

  • 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

    0h17m

  • 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

    0h25m

  • 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: #10 - CSS Flex - Intro e Layout base

    0h16m

  • 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

    0h20m

  • Exercício: Qual é a principal função do CSS Flex?

  • Aula em vídeo: #12 - CSS Flex - Align Content and Flex(prop)

    0h10m

  • Exercício: Qual das opções abaixo descreve corretamente o uso da propriedade CSS 'flex'?

  • Aula em vídeo: #13: Backend: API POST and GET by ID (Finalização)

    0h11m

  • 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: #14 - Frontend JS Fetch API - GET (Listar Filmes)

    0h17m

  • 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

    0h13m

  • 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)

    0h17m

  • 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

    0h27m

  • 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

    0h26m

  • 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

    0h26m

  • 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

    0h30m

  • Exercício: Qual é a principal vantagem de utilizar interfaces e injeção de dependência em uma arquitetura de software?

Este curso gratuito inclui:

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

Exercícios para treinar seus conhecimentos

Certificado digital de conclusão de curso

100% gratuito, do conteúdo ao certificado

QR Code - Baixar Cursa - Cursos Online

Este curso online só pode ser acessado pelo aplicativo Cursa. Instale o aplicativo usando o QR code ou os links abaixo:

Este curso online só pode ser acessado pelo aplicativo Cursa. Instale usando os links abaixo:

  • Estude de graça!

    Aqui você não paga nunca! Nem mesmo no certificado, pois tudo no aplicativo é 100% gratuito!

  • Melhore seu currículo!

    São mais de 4 Mil Cursos Gratuitos para você estudar qualquer coisa do seu interesse!

  • Certificado Digital grátis!

    Conclua o curso e emita gratuitamente seu Certificado Digital reconhecido pela ABED.

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, cursos em áudio ou texto.

  • 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 6,5 milhões
de alunos

Certificado Gratuito e
Válido em todo o Brasil

48 mil exercícios
gratuitos

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

Cursos gratuitos em
vídeo, áudio e texto