Programação web com Javascript e Horse

Sobre o curso

Programação web com Javascript Puro e Horse

Nesse treinamento vamos ensinar a construir uma API do zero feita no Lazarus com Horse e um front-end completo construído com Bootstrap e Javascript Puro.
No fim do curso vamos publicar o back e o front-end em uma hospedagem compartilhada e uma VPS Linux.
No final você será capaz de produzir do zero uma aplicação web totalmente utilizando ferramentas free, sem custo de licenças.

No back-end vamos aprender:

Construção do servidor Horse;
Uso de alguns Middleware;
Uso do JWT;
Criação de Rotas;
Uso dos métodos GET/POST/PUT/DELETE:
Datatable Server-side;
Salvar imagem base64;
Configuração de ambientes desenvolvimento e produção;
Testes com o Postman.

No front-end vamos aprender:

Montagem de um template;
Datatable Server-side;
Local Storage:
Session Storage;
Consumo de API com Javascript;
Select2;
Upload de imagem;
Máscaras e Validações de campos.

Link do projeto que vamos construir no curso:
URL: https://app.melissatreinamentos.tec.br/sisorc
CNPJ: 00000000000000
Usuário: admin
Senha: 123
ou
CNPJ: 15542211000123
Usuário: admin
Senha: 12

Exibir Mais

Conteúdo do curso

Introdução

Introdução

00:11

Instalação do Lazarus

Instalação do Zeos e Indy no Lazarus

Baixando o Horse e os Middlewares oficiais necessários.

j4dl

MySQL

Back-end em Lazarus
O back-end é a estrutura que possibilita a operação do sistema. Como dizem é a parte feia do projeto. brincadeira.....

Código-fonte completo backend

00:00
Iniciando nossa API Lazarus

10:54
Criando rota Status

07:35
Criando Classe de Conexão

12:34
Criando Classe de Conexão 2

02:27
Endpoint Empresas parte 1

44:34
Endpoint Empresas Parte 2

10:58
Endpoint Empresas Parte 3

40:20
Endpoint Empresas – Datatable

32:53
Endpoint Usuários Parte 1

07:00
Endpoint Usuários – JWT 1

18:34
Refatoração da Classe Empresas.Router

08:05
Endpoint Usuários – JWT 2

10:03
Endpoint Usuários – JWT 3

18:56
Endpoint Usuarios E-mail

28:15
Endpoint Usuários – JWT 4

23:38
Endpoint Usuários Parte 2

31:10
Endpoint Usuários Parte 3

07:14
Endpoint Usuários Parte 4

14:02
Endpoint Usuários Parte 5

30:41
Iniciando as Classes de Clientes

06:41
Endpoint Clientes Parte 1

12:20
Endpoint Clientes Parte 2

20:47
Endpoint Clientes Parte 3

19:47
Criando Classes Produtos

06:48
Criando métodos Produtos

10:41
Endpoint Produtos

18:51
Conclusão do Produtos

18:28
Criando Classes Orçamentos

07:14
Criando métodos Orçamento

18:07
Métodos busca Clientes e Produtos

25:26
Endpoint Orçamentos Parte 1

37:21
Endpoint Orçamentos Parte 2

27:53
Endpoint Orçamentos Parte 3

45:00
Criando Classe Dashboard

09:11
Endpoint Dashboard

23:11
Refatoração (Commit e Rollback)

20:22
Publicando API CGI hospedagem

22:59

Front-end JS Puro ( Tela de Login – index.html )
No Front-end é onde fazemos toda a parte visual do sistema, a parte onde é feita toda a interação entre o Usuário Final e o Back-end.

Aula Inicial

08:03
Conhecendo Nosso Template Admin Lte 3

38:28
Tela de Login (Layout)

27:13
Registrar uma nova empresa

36:14
Registrar uma nova empresa – Parte 2

32:27
Buscar Empresa, Campo CNPJ do Login

21:49
Valida Login ( Botão ENTRAR )

19:20
Valida Login ( Troca Senha )

09:44
Guardando os dados do Login

16:55
Esqueci a Senha

25:44

Front-end JS Puro ( Tela Dashboard – home.html )
Tela Principal do Sistema de Orçamento, onde teremos o menu principal e os Widgets

Classificações e revisões de estudantes

Sem avaliações ainda

Sobre o curso

Programação web com Javascript Puro e Horse

O que você aprenderá?

Conteúdo do curso

Introdução

Introdução

Instalação do Lazarus

Instalação do Lazarus

Instalação com FPCDELUXE – Cross Compiler Linux

Instalação com FPCDELUXE – Cross Compiler Windows

Instalação do Zeos e Indy no Lazarus

Instalando Zeos e o Indy

Baixando o Horse e os Middlewares oficiais necessários.

Baixando o Horse e os Middlewares oficiais necessários.

j4dl

Biblioteca j4dl

MySQL

Banco de Dados MySQL

Destrinchando nosso banco de dados.

Back-end em Lazarus O back-end é a estrutura que possibilita a operação do sistema. Como dizem é a parte feia do projeto. brincadeira.....

Código-fonte completo backend

Iniciando nossa API Lazarus

Criando rota Status

Criando Classe de Conexão

Criando Classe de Conexão 2

Endpoint Empresas parte 1

Endpoint Empresas Parte 2

Endpoint Empresas Parte 3

Endpoint Empresas – Datatable

Endpoint Usuários Parte 1

Endpoint Usuários – JWT 1

Refatoração da Classe Empresas.Router

Endpoint Usuários – JWT 2

Endpoint Usuários – JWT 3

Endpoint Usuarios E-mail

Endpoint Usuários – JWT 4

Endpoint Usuários Parte 2

Endpoint Usuários Parte 3

Endpoint Usuários Parte 4

Endpoint Usuários Parte 5

Iniciando as Classes de Clientes

Endpoint Clientes Parte 1

Endpoint Clientes Parte 2

Endpoint Clientes Parte 3

Criando Classes Produtos

Criando métodos Produtos

Endpoint Produtos

Conclusão do Produtos

Criando Classes Orçamentos

Criando métodos Orçamento

Métodos busca Clientes e Produtos

Endpoint Orçamentos Parte 1

Endpoint Orçamentos Parte 2

Endpoint Orçamentos Parte 3

Criando Classe Dashboard

Endpoint Dashboard

Refatoração (Commit e Rollback)

Publicando API CGI hospedagem

Front-end JS Puro ( Tela de Login – index.html ) No Front-end é onde fazemos toda a parte visual do sistema, a parte onde é feita toda a interação entre o Usuário Final e o Back-end.

Aula Inicial

Conhecendo Nosso Template Admin Lte 3

Tela de Login (Layout)

Registrar uma nova empresa

Registrar uma nova empresa – Parte 2

Buscar Empresa, Campo CNPJ do Login

Valida Login ( Botão ENTRAR )

Valida Login ( Troca Senha )

Guardando os dados do Login

Esqueci a Senha

Front-end JS Puro ( Tela Dashboard – home.html ) Tela Principal do Sistema de Orçamento, onde teremos o menu principal e os Widgets

Layout Principal da Dashboard

Layout Principal da Dashboard – JavaScript

Classificações e revisões de estudantes

Meios de pagamentos:

Back-end em Lazarus
O back-end é a estrutura que possibilita a operação do sistema. Como dizem é a parte feia do projeto. brincadeira.....

Front-end JS Puro ( Tela de Login – index.html )
No Front-end é onde fazemos toda a parte visual do sistema, a parte onde é feita toda a interação entre o Usuário Final e o Back-end.

Front-end JS Puro ( Tela Dashboard – home.html )
Tela Principal do Sistema de Orçamento, onde teremos o menu principal e os Widgets