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

Conteúdo programático

• 1 - Desenvolvendo em HTML, CSS e BOOTSTRAP
  Carga Horária: 20 horas

  • Posicionamentos altura, largura e responsividade 
  • Estrutura e padrão de uso
  • Elementos semânticos (cont. textual/multimídia)
  • Introdução à media Queries e Bootstrap
  • Introdução a Flexbox

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

  Javascript

  • Sintaxe, variável e estruturas de controle
  • Funções, Arrow Function
  • Estrutura para construção de módulos
  • Boas práticas, assincronismo
  • Callbacks e Clousures

  Node

  • Arquitetura cliente/servidor
  • JavaScript em modo de servidor
  • Gerenciamento de dependências
  • NPM Event Loop

  JavaScript Front-End

  • Acesso ao DOM, seletores, adicionar/apagar, editar
  • Gerenciamento estendido:storage, forms, embeds, etc
  • Requisições por AJAX

• 3 - Programando Interfaces Usando FrameWorks Front-End Angular9
  Carga Horária: 32 horas

  Bem começado, metade feito

  • Introdução
  • Motivação para uso de uma SPA
  • Considerações sobre o uso do Angular
  • Angular CLI, instalação e criação do projeto
  • Entendendo a estrutura gerada
  • Primeiro contato com data binding
  • Adequando o template gerado e mais data binding
  • Convenções de código
  • Consolidando seu conhecimento 

  Criando o primeiro componente

  • Adicionando Bootstrap ao projeto
  • Criando o primeiro componente
  • Declarando o componente no módulo da aplicação
  • Inbound properties: passando dados para o componente
  • Organizando nosso código em módulos
  • Utilizando a primeira diretiva
  • Consolidando seu conhecimento
  • O que aprendemos?

  • Integração com Web API's
    • SPA's e consumo de API's
    • HttpClient e injeção dependência
    • Consumindo dados da API
    • Isolando a acesso em serviços
    • Tipando nossa API
    • Ciclo de vida de um componente
    • Consolidando seu conhecimento
    • O que aprendemos?

   Single Page Applications e rotas

  • Organizando ainda mais nossa aplicação
  • BrowserModule e CommonModule
  • Single Page Application e Rotas
  • Lidando com rotas inexistentes
  • Segmentos de rotas
  • Consolidando seu conhecimento
  • O que aprendemos?

   Novo Componente, Novos conceitos

  • Melhorando a apresentação da lista
  • Componente exclusivo para listar fotos
  • Implementando a lógica do Grid
  • Change Detection
  • Consolidando seu conhecimento
  • O que aprendemos?

  Melhorando a experiência do usuário

  • Binding de eventos
  • Pipe e implementação
  • Resolvers
  • RxJS e seu Subject
  • Paginação de dados
  • LoadButton
  • Consolidando seu conhecimento
  • O que aprendemos?

  • Lapidando ainda mais nossa aplicação
    • Sub-módulos
    • Integração com Font Awesome
    • Component container e ng-content
    • Componentizando o filtro
    • Output property
    • Criando a primeira diretiva
    • Terminando a implementação da diretiva
    • Considerações finais da parte 1
    • Consolidando seu conhecimento
    • O que aprendemos?

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

  Componentes React

  Arrow functions

  Funções JavaScript

  Visualizações de React Virtual DOM

  Formulários

  Modo único de fluxo reativo (One way reactive data flow)

  Componentes

  Estados e ciclos de vida

  Integração com API’s

  Usando o Estado no projeto

  Propriedades (props)

  Array de elementos

  React Developer Tools

  Fluxo de dados unidirecional

  Renderização

  Novos botões

  Operadores

  Limpar e deletar

  Componente controlado e não controlado

  Tratando o estado através de um evento

  Eventos

  Estado de erro

  Efeito colateral - sideEffect()

  React Hooks

  React DevTools

• 5 - Programando em PHP Com Orientação a Objetos
  Carga Horária: 24 horas

  • Programas necessários
  • Configuração do ambiente de desenvolvimento
  • Classes e Objetos
  • Métodos e atributos
  • Clonando Objetos com PHP
  • Herança no PHP
  • Método abstrato
  • Método final e classe final
  • Como usar interface no PHP
  • Criar atributo e método estático
  • Atributo e método público
  • Atributo e método privado
  • Atributo e método protegido
  • Conexão com banco de dados usando PDO
  • Prepared Statements
  • CRUD - Cadastrar com PDO
  • CRUD - Listar registros com PDO
  • CRUD - Visualizar detalhes do usuário com PDO
  • CRUD - Editar registro com PDO
  • CRUD - Apagar registro com PDO
  • MVC - Instalar o Composer
  • MVC - Criar o core
  • MVC - Criar e carregar a controller
  • MVC - Criar a model
  • MVC - Criar a view
  • Início do site com PHP OO
  • Receber a URL amigável com PHP
  • Namespace e carregar páginas do site com URL amigável
  • Configurações básicas do site
  • Carregar a view do MVC com PHP
  • Criar a models e criar a conexão com banco de dados usando PDO
  • Criar classe helper para ler registros no banco de dados com PDO
  • Substituir link usando bindvalue
  • Introdução integrar o layout com PHP OO
  • Criar carrossel com Bootstrap e PHP
  • Inserir botão no carrossel
  • Implementar vídeo responsivo no site
  • Listar artigos recentes na página inicial
  • Inserir rodapé no site e animação
  • Criar página sobre empresa no site
  • Criar classe helper para inserir registros no banco de dados
  • Criar o menu do site
  • Criar o formulário de contato no site
  • Validar formulário e campo e-mail
  • Listar os artigos na página blog
  • Criar a classe paginação

• 6 - Dominando o Banco de Dados MySQL/MariaDB
  Carga Horária: 16 horas

  História da Linguagem SQL, Instalação e Configuração do MySQL

  Banco de Dados vs. Base de Dados 

  • Instalando o MySQL
  
  

  História da Linguagem SQL
  MySQL Workbench, Bancos e Tabelas

  • MySQL Workbench e Create Database
  • Exercícios Criação de Banco de dados
  • Bancos, Tabelas, Linhas, Colunas e a Primeira Tabela
  • Exercícios de Fixação: Comandos básicos.
  
  

  DataType - Entendendo os Tipos de Dados

  • Entendendo os Tipos de Dados (Data Types)
  • PDF Tipos de Dados (Data Types)
  • Tipos de Dados

  • Conhecendo as subdivisões da linguagem SQL, DDL, DCL, DTL, DQL e DML
    • DDL, DCL, DML, DTL, DQL
    • Exercícios comandos DDL, DCL, DML, DTL, e DQL
      
      
  •  Comandos DML - Data Manipulation Language
  • Alterando e excluindo dados
  • Dominando o comando Insert
  
  

   Comandos DQL - Data Query Language

  • Dominando o comando Select
  
  

  Cláusulas e Operadores servem como complemento para os comandos da linguagem SQL

  • Adicionando Filtros com Where
  • Where Like, Between e Soundex
  • Adicionando filtros com Datas
  • A Cláusula Order by e Limit
  • PDF Comando, Cláusula ou Operador
  • Comando, Cláusula e Operador
  
  

  Alterando e Excluindo Dados - Update e Delete com Where
  

  • Dominando o comando Update
  • Dominando o comando Delete
  • Constraints - Evite redundância e anomalias de dados além de aplicar índices.
  • Criando e relacionando as tabelas
  • Consultas Avançadas com Joins e Subqueries
  • Criando Consultas Avançadas com Joins (vídeo e PDF)
  • Criando subconsultas com subquery
  • Agrupando Dados com Group By
  • A cláusula Group By
  • Filtrando grupos com having
  
  

  Views, Stored Procedures e Functions

  • Criando views
  • Trabalhando com Stored Procedures
  • Comandos avançados para Stored Procedures
  • Criando Funções
  • Encerramento
  • Registro e Hospedagem
  • MySQL 8 - Instalando e Configurando
  • Cursos da Hcode

• 7 - UX / UI Design Usabilidade Aplicados em Mobile e Web Solutions
  Carga Horária: 24 horas

  User experience

  • O que é experiência do usuário?
  • Em que consiste uma boa experiência do usuário?
  • Pontos básicos de uma boa experiência

  
  

  Agile UX

  • Projetando UX com metodologia Agile
  • Lean UX
  • Design Thinking
  • Design Sprint: como funciona e como aplicar no seu projeto

  
  

  Ferramentas Agile

  • Métodologias ageis para desenvolvimento de projetos
  • Card Sorting: vamos as cartas
  • Card sorting tradicional
  • O que é e como funciona o sistema kanban
  • GameStorming: é hora do jogo

   

  Visão do produto em UX

  • MVP: Ferramentade de aprendizado
  • UX Canvas

  
  

  UX Strategy - Quem é o usuário do meu produto

  • Pesquisa
  • Proto-Persona
  • Como construir sua persona?
  • Persona

  
  

  UX Strategy - Funcionalidades focadas no usuário

  • Modelo Mental
  • Cenário em UX
  • Historia
  • Levantamento de Funcionlidades em UX
  • Fluxograma em UX

  
  

  UX Usability - Usabilidade Mobile

  • Os Princípios de UX para Aplicativos em Dispositivos Móveis
  • Thumb Zone - A Zona do polegar: projetando para usuários móveis
  • Mobile First - A arte de pensar Mobile
  • Recursos Mobile - Das funcionalidades aos recursos: evolução mobile
  • Padrões de UX no android
  • Padrões de UX no iOS
  • Como o relógio da Apple está mudando o UX design

  
  

  UX Usability - Design Visual

  • Sinais, símbolos, ícones ,signos
  • Protótipo

  
  

  UX Analysis

  • 10 heurísticas de Nielsen para o design de interface
  • O que são testes A/B
  • Google Analytics - Analise seus Aplicativos
  • Heat Map - Heat maps ajudam a entender o comportamento dos visitantes da sua página