Nesse vídeo iremos aprender a criar um chatGPT personalizado usando Angular, o mesmo código servirá no Ionic, iremos aprender também a criar um contexto de memória de conversa para o GPT e iremos explorar algumas das novidades do novo GPT-4!
Neste vídeo, teremos uma experiência completa com a Notion Integrations API utilizando Node.js e JavaScript. Você irá descobrir como criar uma integração interna, realizar consultas a uma base de dados e atualizar registros de maneira prática e didática. Através de exemplos reais, vamos explorar os principais conceitos da API do Notion, sempre com foco em facilitar o seu aprendizado e aplicação em projetos reais. Acompanhe passo a passo desde a criação da integração no site do Notion, passando pela configuração do ambiente com Node.js, até a manipulação dos dados através de chamadas à API. Este vídeo é perfeito tanto para desenvolvedores iniciantes quanto para aqueles que já possuem alguma experiência e desejam expandir suas habilidades em JavaScript e integração de APIs
O que você vai aprender:
- O que são integrações públicas e privadas na Notion API
- Como criar uma nova integração no Notion
- Como configurar seu ambiente Node.js para usar a API
- Como realizar consultas e atualizações em um banco de dados do Notion
- Exemplos práticos de como listar, adicionar e modificar tarefas
# Índice de capítulos
00:00:00 - Página de desenvolvedores do Notion
00:01:24 - Diferenças entre integrações públicas e privadas
00:03:09 - Criando uma nova integração Notion
00:05:34 - Copiando o token da Notion Integrations
00:06:23 - Criando uma base de dados (Database) no Notion
00:11:50 - Conectando a integração ao banco de dados (Database)
00:13:15 - Começando a codificar no Node.js e Notion Integrations API
00:18:08 - Intalando e conhecendo o Dotenv
00:19:44 - Instalando o pacote do Notion Client (notionhq client)
00:21:17 - Conectando Node a uma Database do Notion (com Integrations)
00:23:29 - Consultando dados do database Notion usando a API de Integrations
00:25:46- Listando dados do banco de dados (Database do Notion)
00:30:12 - Inserindo novos registro no Database do Notion
00:36:48 - Atualizando registros no Database do Notion
Vamos mergulhar no mundo fascinante da classificação de imagens usando a Inteligência Artificial do Xenova Transformers. Descobriremos como essa poderosa ferramenta Javascript pode identificar elementos em uma imagem e classificá-la apropriadamente. Exemplificaremos o processo em Nodejs, demonstrando a instalação do pacote 'xenova-transformers' via NPM, e em seguida entraremos na prática do image_classification. Veremos como essa biblioteca analisa imagens diversas e categoriza os elementos percebidos, nos auxiliando na tarefa de organização de arquivos de mídia de forma automática e eficiente. Prepare-se para codificar e desfrutar de um projeto prático que pode ser muito útil em suas iniciativas de análise de dados ou desenvolvimento web.
## Índice de Capítulos
- 00:00:00 Introdução ao Xenova Transformers
- 00:00:26 Visão geral do Xenova Transformers no NPM
- 00:01:06 Explorando classificação de imagem com Nodejs e Xenova
- 00:02:26 Iniciando a codificação e estruturação do projeto (npm init)
- 00:04:08 Organizando o ambiente de desenvolvimento (Perfis VSCode)
- 00:05:40 Processo de instalação do pacote Xenova Transformers (npm install)
- 00:06:05 Preparando o código para classificar uma única imagem (com Xenova)
- 00:09:24 Executando, analisando e configurando o node para type module
- 00:11:19 Evoluindo o código para tratar múltiplas imagens (array de imagens)
- 00:13:10 Organizando imagens em pastas baseadas nos resultados da IA (com Xenova)
- 00:23:04 Resultados finais e exemplos de classificação por imagens
Descubra como usar a API GPT-4 Vision em uma aplicação Ionic neste tutorial prático. Passaremos pelo processo de configuração, desenvolvimento e testes tando em ambiente Web como em um Dispositivo Móvel (AVD) de um aplicativo que interage com a poderosa API de análise de imagens do OpenAI, explorando as funcionalidades através de perguntas e respostas sobre as imagens.
### Índice de capítulos:
00:00:00 - Introdução ao GPT-4 Vision e configuração do projeto Ionic
00:00:49 - Criação do projeto (aplicação) Ionic (e verificando a versão)
00:03:06 - Exploração do mecanismo de módulos Standalone do Angular
00:04:44 - Execução da aplicação com Ionic serve
00:05:52 - Estrutura de diretórios do projeto Ionic
00:07:12 - Estilização inicial da aplicação (ion-input, ion-buttons, img)
00:11:42 - Ajustes finais de estilo com SCSS
00:14:21 - Criação de variáveis para bind com TypeScript
00:15:54 - Inclusão da plataforma Android, Instalação e configuração da câmera do Capacitor (npx cap sync)
00:20:25 - Preparação para consumir a API do GPT-4 Vision
00:21:01 - Implementação do método para chamar a API de Vision
00:22:14 - Geração e uso de uma chave da API OpenAI (usando environment)
00:24:29 - Execução da chamada API dentro do código
00:27:10 - Teste de requisição e análise dos erros de CORS
00:27:58 - Ajuste do método de chamada API com o Capacitor HTTP
00:30:53 - Adição de um loading controller
00:32:26 - Testes finais no navegador da aplicação
00:34:09 - Execução e teste da aplicação em um emulador AVD Android
Nesse vídeo rápido e simples iremos aprender como criar um menu de compartilhamento (share) em uma aplicação Angular e também fazer um comparativo com o método navigator.share do HTML
Nessa dica rápida, eu a proveitei a oportunidade de um momento em que eu precisava gerar uma versão iOS usando o Ionic com Capacitor em um sistema praticamente limpo. Tendo que preparar parcialmente o ambiente.
Nesse vídeo iremos fazer uns experimentos usando o Node e explorar um pouco a utilização do ótimo componente Console Table Printer que permite uma saída (output) de arrays mais legível, em formato de tabela.
Nesse vídeo nós iremos aprender, de maneira rápida e prática, a utilização da câmera e sabemos como obter as coordenadas e geolocalização do dispositivo.
Nessa dica rápida, você aprenderá a explorar as API's do RapidAPI.com criando Apps, explorando API's existentes e criando um client que consumirá uma API do Deezer usando o NodeJs.
Nessa dica você aprenderá instalar, configurar e utilizar o Sentry para visualizar os erros tratados e não tratados ocorridos em produção durante o uso de uma aplicação Ionic/Capacitor. Aprenderá também configurar uma caixa de diálogo para receber informações do que o usuário estava tentando fazer quando tais erros ocorrem.
Nesse vídeo interessante você irá aprender a utilização básica do componente npm readlineSync com a divertida criação de um menu de produtos, que é apresentado no terminal (prompt), para uma loja. O vídeo mostra prompts para números inteiros, para texto, senhas e a utilização do método promptCLLoop.
Nesse vídeo explico a utilização de duas ferramentas essenciais aos desenvolvedores, o RESTClient que é um extensão do VSCode que que permite que você crie e versione chamadas REST e o Json-Server que cria uma WebAPi REST para testes.
Exemplo de uma aplicação Web para uso em escritórios de contabilidade. Administração Pública - Controle de Processos, Obrigações, Compromissos, Pautas, Pessoas, Entes Públicos e Unidades Gestoras para uso com Prefeituras, Câmaras, Autarquias, etc.
Criação e publicação de uma WebAPI (HTTP) simples usando o Node Express e acessando banco de dados MySql com o Prisma. O vídeo também aborda como o Prisma lida com registros relacionados.
Vídeo com explicações básicas sobre a utilização de Arrays simples e Arrays de objetos no JavaScript usando o TypeScript. Também são abordados o uso de propriedades anuláveis (nullable) e métodos como propriedades.
Essa pequena dica aborda as maneiras antigas (Function Objects) e atuais (Class Objetcs) de criação de objetos em JavaScript (usando TypeScript), assim como seus métodos, seu escopo e tipagem, fala também sobre importação e exportação de módulos.
Esse vídeo explica como preparar um ambiente usando VSCode para desenvolvimento em NodeJs com TypeScript e como configurar o package.json para utilização do nodemon e do ts-node (fornecendo uma espécie de Hot Reaload com a modificação do código, evitando a necessidade de reinicializar a aplicação manualmente). Aborda também um pouco da configuração inicial do TypeScript (tsconfig) e da utilização do npm.
Esse vídeo rápido aborda a criação e utilização de Promises no JavaScript (usando TypeScript), explicando o que ocorre com o fluxo do programa contendo Promise. São abordados sucintamente tipagem e métodos anônimos.
