Leonardo Vilani

CRUD usando Firestore e Webdev25

2020-08-07T05:04:00.001-07:00

Olá pessoal, hoje estou disponibilizando um exemplo bacana, é um CRUD usando Firestore e Webdev25, segui um exemplo da PCSOFT que saiu na LST120, porém o exemplo deles não está funcional, tem erro na parte de inclusão, por isso resolvei criar um novo seguindo os mesmos passos porém com alguns incrementos, em breve teremos mais vídeos com o assunto Firebase, espero que gostem.

Projeto WB25: WBFirestore_2020-08-07

Workshop Windev Mobile & Firestore

2020-05-05T16:08:00.000-07:00

Olá pessoal, hoje estamos disponibilizando o material do Workshop Windev Mobile e Firestore,
tudo isso graças a parceria com a WX Informática (Adriano Boller) que patrocinou o material para disponibilizar a toda comunidade WX.

O Workshop acabou ficando extenso, então resolvi criar vídeos menores, em breve vamos começar a liberar os vídeos, por enquanto pode ver como foi e estudar o projeto que desenvolvemos durante a aula, logo logo teremos mais novidades, espero que gostem.

Workshop:

Aula adicional: https://cos.tv/videos/play/1588718440018910941

Projeto WM24: http://vstec.net/Arquivos/projetos_wx/WorkshopFirestoreV24.rar

Jornadas Técnicas WX Masters - WebComponnet e VUE JS

2019-04-23T13:09:00.002-07:00

Estamos hoje liberando mais um Webinar da série Jornadas Técnicas WX Masters, desta vez falamos sobre o controle WebComponnet do Webdev, e como juntamente com o VUE JS conseguimos criar componentes de forma simples, abordamos também como podemos nos comunicar com objetos de Webdev diretamente do HTML.
Espero que gostem, bons estudos a todos.

Projeto Exemplo Aqui

Jornadas Técnicas WX Masters - SCM

2019-04-09T20:19:00.005-07:00

Fala pessoal, ontem tivemos mais um Webinar da série Jornadas Técnicas WX Masters e o nosso temos foi SCM (Source Code Manager), para quem não conhece as Jornadas Técnicas é uma iniciativa de nosso amigo José Jorge Matos onde nos reunimos a cada 15 dias trazendo um tema para discusão e troca de experiências (Parabéns Matos pela iniciativa).
O SCM é um recurso muito útil e fundamental para trabalho em equipe e versionamento de projetos, não conseguimos detalhar 100% dos recursos oferecidos por esta ferramenta, mas tenho certeza que vai sanar 99% das dúvidas dos usuários do Windev, então segue abaixo o link do vídeo.
Agradecimentos ao amigos que trabalharam na apresentação:
Mello, Cezar, Tom e Wlady.

Sweetalert2 no Webdev

2018-02-27T18:32:00.002-08:00

SWEETALERT2 NO WEBDEV

Nesse post vou mostrar como podemos usar o sweetalert em nossos projetos Webdev de forma simples e eficiente. como estou sem tempo fiz um video com o Jing mesmo, pouco mais de 4 minutos porém ficou bem claro.

links utilizados:

https://sweetalert2.github.io/
https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js

Vídeo
https://www.screencast.com/t/9QehiBZfE56Z

Código:

function Confirma_Operacao(msg_ln01, msg_ln02, uri, procSim)
{

swal({
title: msg_ln01,
text: msg_ln02,
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Sim',
cancelButtonText: 'Não',
confirmButtonClass: 'btn btn-success',
cancelButtonClass: 'btn btn-danger',

}).then((result) => {
if (result.value) {

$.ajax({
url: uri,
type: 'POST',
contentType: "application/x-www-form-urlencoded",
data: 'WD_ACTION_=AJAXEXECUTE&EXECUTEPROC=' + procSim //HOME.srvExcluir'
});
}
})
}

Bom proveito, espero que ajude.

CURSO WEBDEV 20 - AULA 23

2016-06-08T17:28:00.006-07:00

O QUE VEREMOS NESSA AULA

1 - MASCARAS;

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 22

2016-06-08T17:19:00.002-07:00

O QUE VEREMOS NESSA AULA

1 - MENSAGENS DE ERRO E SUCESSO PERSONALIZADAS;
Veremos aqui como manipular conteúdo de Divs via javascript, criaremos uma div que base para mensagens de erro e outra para mensagens de sucesso, o conteúdo dessas Divs serão manipuladas via Javascript

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 21

2016-06-08T17:05:00.002-07:00

O QUE VEREMOS NESSA AULA

1 - Template de Controle;
Veremos como criar um template de controle com a estrutura do controle PANEL do Atlant, de forma a utilizar em todo nosso projeto

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 20

2016-06-08T17:01:00.002-07:00

O QUE VEREMOS NESSA AULA

1 - CADASTRO DE USUÁRIOS PARTE 03;
VAMOS CRIAR UMA PÁGINA PARA UTILIZAÇÃO DA WEBCAM EM CAPTURA DE IMAGENS;

A IDÉIA É USAR ESSA PÁGINA COMO UM POPUP EM TODAS AS PÁGINA ONDE PRECISARMOS CAPTURAR IMAGENS;

VEREMOS COMO É POSSÍVEL UTILIZAR O PHP PARA GRAVAR ARQUIVOS EM DISCO NO SERVIDOR;

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 19

2016-06-08T16:56:00.003-07:00

O QUE VEREMOS NESSA AULA

1 - CADASTRO DE USUÁRIOS PARTE 02;
VEREMOS HOJE COMO FAZER IMPLEMENTAÇÃO DE UPLOAD DE IMAGENS; APENAS PARA DEMONSTRAÇÃO FAREMOS UM EXEMPLO PRÁTICO DE UPLOAD MÚLTIPLO;

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 18

2016-05-14T15:59:00.003-07:00

O QUE VEREMOS NESSA AULA

1 - CADASTRO DE USUÁRIOS;
FIZEMOS AQUI NOSSO PRIMEIRO USO PRÁTICO DOS RECURSOS DE VALIDAÇÃO, TOOLTIP, DICIONÁRIO DE CONTROLES, E GRID BOOTSTRAP;

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 17

2016-05-14T15:29:00.000-07:00

O QUE VEREMOS NESSA AULA

1 - TABELAS BOOSTRAP - PARTE 04;
CONCLUIR AÇÕES DO GRID GRID;

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 16

2016-05-14T14:52:00.001-07:00

O QUE VEREMOS NESSA AULA

1 - TABELAS BOOSTRAP - PARTE 03;
CRIAR AÇÕES DE EDITAR E EXCLUIR EM NOSSO GRID;

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 15

2016-05-14T14:49:00.003-07:00

O QUE VEREMOS NESSA AULA

1 - TABELAS BOOSTRAP - PARTE 02;
Criar um template de controle para nosso GRID;
Editar JS responsável pelo filtros e paginação do GRID;
Criar Coluna com botões de ação EDITAR e EXCLUIR;
Classes relacionadas a tabela Bootstrap (Layout);

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 14

2016-05-14T14:45:00.003-07:00

O QUE VEREMOS NESSA AULA

1 - TABELAS BOOSTRAP;
Estrutura de tabela usada pelo Boostrap;
Recursos Disponíveis;
Aplicação em nosso projeto;

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 13

2016-05-14T12:23:00.001-07:00

O QUE VEREMOS NESSA AULA

VAMOS COLOCAR AS ROTINAS EM ORDEM PARA
PRÓXIMA FASE DE NOSSO CURSO

1 - FINALIZAR CADASTRO DE MENUS;

2 - ALTERAR A ROTINA DE VALIDAÇÃO DE CAMPOS VAZIOS DE FORMA QUE FIQUE AUTOMÁTICA IGUAL AO TOOLTIP;
Nesse caso basta retirar o parâmetro da função, a vantagem é que com a retirada do parâmetro podemos usar o indirection dentro da procedure para pegar o nome da página atual e buscar os campos automaticamente;

3 - REMOVER DIV DO TÍTULO DA PÁGINA, E BREADCRUMB;
Não usaremos essas áreas;

4 - CRIAR ESTRUTURAS DE MENSAGENS E TAREFAS;
Aproveitaremos a criação das tabelas e veremos como fazer a atualização de bancos SQL Server na produção de forma simples e segura, usaremos aqui a ferramenta APEX SQL;

5 - CODE BRICKS
Veremos como usar o CodeBrick para aumentar nossa produtividade com o reaproveitamento de código;

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 12

2016-05-14T12:18:00.002-07:00

O QUE VEREMOS NESSA AULA

1 - CONTINUAÇÃO CADASTRO DE MENUS;

2 - FINALIZAR IMPLEMENTAÇÃO DO TOOLTIP;

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 11

2016-04-27T14:25:00.000-07:00

O QUE VEREMOS NESSA AULA

1 - CONTINUAÇÃO CADASTRO DE MENUS;

2 - FINALIZAR TOOLTIP;

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 10

2016-04-27T14:15:00.002-07:00

O QUE VEREMOS NESSA AULA

1 - CRIAR NOSSO CADASTRO DE MENUS;

2 - FUNÇÕES EnumElement() e SubEnumELement();
Veremos aqui para que servem essas 2 funções do Webdev e como podem nos ser úteis;

3 - Trabalhar Com Novas Funções HTMLClassAdd(), HTMLClassDelete() e HTMLClassToggle()

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 09

2016-04-19T10:49:00.000-07:00

O QUE VEREMOS NESSA AULA

Estou disponibilizando essa aula antecipadamente em retribuição ao amigo

JOSÉ WILLEN que tem contribuído e apoiado nosso grupo.

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 08

2016-04-19T10:48:00.003-07:00

O QUE VEREMOS NESSA AULA

1 - TEMPLATE DE CONTROLE;
Veremos como criar um template de controle com a estrutura do controle PANEL do Atlant, de forma a utilizar em todo nosso projeto.

Estou disponibilizando essa aula antecipadamente em retribuição ao amigo

JOSÉ WILLEN que tem contribuído e apoiado nosso grupo.

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 07

2016-04-16T10:46:00.000-07:00

O QUE VEREMOS NESSA AULA

1 - Criaremos a Funções JavaScript Responsável pelas URLs dos Menus;
Aqui criaremos uma função javascrip que será responsável pelo funcionamento de nosso menu principal, usaremos javascript para fazer a ponte entre a chamada da URL e o Call via WLanguage.

2 - Formatar a Página de Login;

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 06

2016-04-14T14:46:00.002-07:00

O QUE VEREMOS NESSA AULA

1 - Identificaremos os Blocos de Código que Devem ser Inseridos por Parâmetros; Aqui vamos identificar o blocos de código HTML responsáveis por criar elementos como menu, nome de usuário, foto de perfil, função do usuário

Nome do Usuário
Função
Path da Foto
Menu
Mensagens
Tarefas

2 - Criaremos as Funções que vão retornar a String com Conteúdo HTML das Mensagens, Tarefas e Menu.

Criaremos as funções porém nesse momento não vão buscar os dados do banco de dados, deixaremos um retorno estático até nossos cadastros ficarem prontos.

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 05

2016-04-07T19:25:00.000-07:00

O QUE VEREMOS NESSA AULA

1 - Como criar nosso template, veremos também como trabalhar com zoneamentos no webdev, e como inserir o html base do bootstrap em nosso template.

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA

CURSO WEBDEV 20 - AULA 04

2016-03-31T12:57:00.000-07:00

O QUE VEREMOS NESSA AULA

1 - Integrar a Estrutura do Atlant ao Template Webdev

Nesta etapa vamos implementar a estrutura base do Atlant em nosso template do Webdev

2 - Testar Recursos

Para ajudar no entendimento do que fizemos até agora, vamos implementar alguns recursos e ver na prática seu funcionamento. Nesta etapa utilizaremos inserção de código HTML direto em nossa página, o objetivo é visualizar a forma como o Webdev gera seus elementos e como ele insere nossos códigos manuais.

*** AJUDE NOSSO CANAL CURTINDO O VÍDEO NO YOUTUBE ***

A CADA 35 LIKES POSTO UMA NOVA AULA