Angular e Supabase - Desenvolvendo sistemas

Construa aplicações em Angular 11 e Supabase - Uma alternativa ao Firebase

4.35 (22 reviews)
Udemy
platform
Português
language
Other
category
instructor
110
students
7.5 hours
content
Dec 2023
last update
$19.99
regular price

What you will learn

Desenvolver aplicações Single Pages.

Construir aplicações em Javascript utilizando a versão 11 do Angular.

Construir uma aplicação de ponta a ponta (Controle de Estoque).

Integrar aos serviços do Supabase.

Autenticação, Banco de Dados e APIs.

Melhores práticas de programação.

Description

Que tal construir aplicações em Javascript utilizando o incrível framework Angular 11 no front-end e o Supabase para acessar as APIs e salvar as informações no Banco de dados?


Muitos  desenvolvedores iniciantes se perdem na quantidade de tecnologias disponíveis. No mundo Javascript, isso é particularmente um terror, como uma quantidade absurda de frameworks e serviços.

O objetivo desse curso é apresentar de forma direta e simples, a possibilidade de apenas com conhecimentos básicos de HTML, CSS e Javascript, utilizar uma plataforma moderna e com muitas oportunidades de mercado. O Angular.

Vamos explorar diversos temas desse framework como:

  • Ferramenta de Comando para geração de artefatos (Angular CLI)

  • Componentes;

  • Rotas;

  • Serviços;

  • Injeção de dependências;

  • Integração com várias bibliotecas;

  • E muito mais...


Por outro lado, o desenvolvedor precisa pensar no modelo do backend, tipo de banco de dados, Relacional ou NoSQL, autenticação, e uma lista de questões do lado do servidor.

Assim, apresento o Supabase. Uma alternativa de código livre que oferece a possibilidade de criar banco de dados Postgres, serviços de autenticação e geração de APIs de forma instantânea.

Inicialmente, iremos desenvolver um TODO e logo em seguida uma aplicação mais completa de Estoque.

A aplicação terá as funcionalidades:

  • Autenticação;

  • CRUDs das entidades de um estoque padrão;

  • Rotas protegidas;

  • Movimentação de produtos;

  • Dashboard;

  • Gráficos.

A partir dela, você terá condições de construir uma dezena de sistemas comerciais.

Iremos explorar a criação de projetos e o desenvolvimento de banco de dados, tabelas e APIs de forma muito produtiva.




Content

Apresentação

Apresentação do Curso

Ambiente e Ferramentas

Instalação do NODE e NPM
Instalação do Angular
Instalação do Visual Studio Code (VSC) e Extensões

Supabase

Conhecendo o Supabase
Criando o projeto e tabela
APIs

Angular CLI - Introdução

Criando o projeto - ng new
Estrutura do Projeto - Arquivo de configuração
Estrutura do Projeto - Arquivos da aplicação
Servindo a aplicação - ng serve
Instalação de bibliotecas

Aplicação TODO

Orientações do Projeto TODO
Procedimentos Iniciais - Projeto TODO
Criando o serviço - ng generate service
Modelo de Dados
Inserção de Registros
Recuperando os registros
Atualizando os registros
Atualizado o status da tarefa
Status do Botão
Exclusão de Registros e Finalização do do Projeto TODO

Controle de Estoque (Em desenvolvimento)

Apresentação do Aplicação Estoque

Screenshots

Angular e Supabase - Desenvolvendo sistemas - Screenshot_01Angular e Supabase - Desenvolvendo sistemas - Screenshot_02Angular e Supabase - Desenvolvendo sistemas - Screenshot_03Angular e Supabase - Desenvolvendo sistemas - Screenshot_04

Charts

Price

Angular e Supabase - Desenvolvendo sistemas - Price chart

Rating

Angular e Supabase - Desenvolvendo sistemas - Ratings chart

Enrollment distribution

Angular e Supabase - Desenvolvendo sistemas - Distribution chart
3907830
udemy ID
3/12/2021
course created date
3/25/2021
course indexed date
Bot
course submited by