📦 Parte 04 | Implementando Autenticação Básica no SPA

🎬 Implementando Um Front-End para Comércio Eletrônico com com HTML, CSS e JavaScript | Parte 04

00:00 - Vinheta
00:10 - Orientações Sobre o Vídeo
00:45 - Configurando a Barra de Navegação para Autenticação
03:12 - Refatorando Script de Inicialização para Escutar Eventos de Autenticação
05:41 - Implementando o "LoginView" e Configurando nas Rotas
11:12 - Implementando Página Segura "DashboardView" e Configurando nas Rotas
17:14 - Considerações Finais

📦 Parte 03 | Convertendo Páginas do MPA Em "Views" do SPA

🎬 Implementando Um Front-End para Comércio Eletrônico com com HTML, CSS e JavaScript | Parte 03

00:00 - Vinheta
00:10 - Orientações Sobre o Vídeo
01:24 - Criando a "HomeView" a Partir de Trechos do HTML da Página "Index.html"
08:41 - Preparando a Página "Index.html" para Ser o Ponto de Carregamento Único do SPA
13:52 - Configurando a "HomeView" nas Rotas e Na Barra de Navegação
19:15 - Convertendo a Página "Contato.html" em "ContatoView"
23:35 - Configurando a "ContatoView" nas Rotas e Na Barra de Navegação
27:43 - Convertendo a Página "Sobre.html" em "SobreView"
29:58 - Configurando a "SobreView" nas Rotas e Na Barra de Navegação
33:08 - Implementando a "NotFoundView" e Configurando nas Rotas
37:34 - Considerações Finais

📦 Parte 02 | Implementando Códigos Auxiliares para Um Single Page Application (SPA)

🎬 Implementando Um Front-End para Comércio Eletrônico com com HTML, CSS e JavaScript | Parte 02

00:00 - Vinheta
00:10 - Orientações Sobre o Vídeo
00:54 - Implementando A Classe "View" do SPA
10:07 - Implementando Funções de Autenticação
14:09 - Implementando A Classe "Router" do SPA
19:43 - Criando o Objeto com as Rotas do SPA
21:24 - Implementando o Arquivo de Inicialização do SPA
30:24 - Considerações Finais

📦 Parte 01 | Implementando Múltiplas Páginas Estáticas Com Abordagem Tradicional (MPA)

🎬 Implementando Um Front-End para Comércio Eletrônico com com HTML, CSS e JavaScript | Parte 01

00:00 - Vinheta
00:10 - Orientações Sobre o Vídeo
01:22 - O Que é Um SPA (Single Page Application)?
05:28 - Características de Um SPA
10:21 - SPA X MPA - Multiple Page Application (abordagem tradicional)
16:05 - Criando o Diretório do Projeto (ecommerce-simple-spa)
17:23 - Implementando a Página Inicial "Home" Usando a Abordagem Tradicional
30:05 - Implementando a Página "Contato" Usando a Abordagem Tradicional
34:47 - Implementando a Página "Sobre" Usando a Abordagem Tradicional
37:12 - Considerações Finais