Formação Dev FullStack (Front + Back End)

Conteúdo programático

• 1 -
  Carga Horária:

• 2 - Programando em JavaScript usando NODE
  Carga Horária: 16 horas

  Módulo 1 -  Introdução

  Visão Geral

  Sintaxe básica

   

  Módulo 2 - Funções

  Definição de Função     

  Chamando uma Função

  Parâmetros de Função

  A declaração return (retorno)

   

  Módulo 3 - Evento em Javascript

  O que é um evento?

  Evento onclick

   

  Módulo 4 - JavaScript - OPP (Programação Orientada a Objetos)

  Propriedades do Objeto

  Métodos de objeto

  Objetos Definidos pelo Usuário

  O operador new

  O construtor Object ()

  Definindo métodos para um objeto

   

  Módulo 5 - Node.js - Introdução

  Recursos do Node.js

  Criação de aplicativo Node.js

  O que é Callback?

  Programação Orientada a Eventos

  Como funcionam os aplicativos do Node?

   

  Módulo 6 - Emissor de evento

  Classe EventEmitter

  
  

  Módulo 7 - Node.js - Streams
  

  O que são streams?

  Piping streams

  Encadeando os Streams

  Node.js - sistema de arquivos (File System)

  Síncrono vs Assíncrono

  Abrindo um arquivo

  Flags
  

   

  Módulo 8 - Manipulando arquivos

  Node.js - Módulo Web

  Arquitetura de aplicativo da Web

  Criando um servidor web usando o Node

  Solicitação ao servidor Node.js

  Criação de cliente Web usando Node

   

  Módulo 9 - Express Framework

  Visão geral do Express

  Instalando o Express

  Primeiro web app com Express

  Request/Response (Pedido/Resposta)  

  Roteamento Básico       

  Arquivos estáticos          

  Entendendo o Express 

  Método GET

  Método POST

• 3 - Programando Interfaces Usando Frameworks Front-End Angular 18
  Carga Horária: 24 horas

  Programando Interfaces Usando Frameworks Front-End Angular 18

  Objetivos do Curso:

  Adquirir os fundamentos e a base para decolar com o framework.

  Aplicar boas práticas desde o início.

  Criar seus primeiros componentes e diretivas.

  Aprender a realizar comunicação entre componentes.

  Acelerar seu desenvolvimento com Bootstrap 5.

  Dominar a organização em módulos.

  Integrar com o backend Node.js como exemplo.

  Conteúdo Programático:

  Módulo 1: TypeScript

  
  

  Visão geral do TypeScript

  Sintaxe básica e novos recursos

  Módulo 2: Angular

  
  

  Aplicações do Angular

  Visão geral do Angular 18

  CLI Angular (com novos comandos)

  Configuração do ambiente

  Configuração do Projeto

  Componentes

  Criação e uso de componentes

  Módulos

  Organizando sua aplicação com módulos

  Providers

  Injeção de dependência

  Bootstrap

  Acelere seu desenvolvimento com Bootstrap 5

  Data Binding

  Two-way binding e one-way binding

  Event Binding

  Templates

  Directives

  Directivas estruturais e de atributos

  Como criar directivas personalizadas

  Pipes

  Utilização de pipes e criação de pipes personalizados

  Routing

  Novas funcionalidades de roteamento

  Lazy loading de módulos

  Services

  Criando e utilizando serviços

  HTTPClient

  Chamadas HTTP e tratamento de respostas

  Forms

  Formulários reativos (Reactive Forms)

  Comparação entre Template Driven Form e Reactive Form

  Validação de formulário

  Angular Material e CDK

  Instalar e configurar Angular Material e CDK

  Uso de componentes Material

  Criação de serviço para acessar a API REST

• 4 - Programando Interfaces Usando FrameWorks Front-End React
  Carga Horária: 24 horas

  Módulo 1 ? Introdução

  Estrutura de um projeto React

  Configurando seu primeiro app React

  Módulo 2 - Estado (State)

  Componentes

  sem estado (stateless)

  com estado (stateFull)

  Módulo 3 ? Props

  Props padrão   

  Estado (state) e props

  Validação de props

  Módulo 4 - Component API       

  Ciclo de Vida do Componente  

  Formulários      

  Eventos

  Módulo 5 - Child Events

  Refs                     

  Keys                     

  Router (Roteador)         

  Conceito Flux

  Módulo 6 - Usando Flux

  React Hooks     

  Regras dos Hooks           

  Hooks State                      

  Hooks Effect     

  Custom Hooks 

  Built-in Hooks  

  Módulo 7 - React Map

  Componentes de high order

• 5 -
  Carga Horária:

• 6 -
  Carga Horária:

• 7 -
  Carga Horária: