Você está na página 1de 29

FullStack Completo-ProgramadorBR, [06/02/2022 23:20]

[ Video ]
#Bloco001

1 - Introdução
00:00:00 1 - Seja Bem Vindo!
00:00:38 2 - Como funciona a plataforma¿
00:08:21 3 - Ferramentas que vamos utilizar
00:11:32 4 - Instalando uma extensão criada especialmente para o curso
00:14:12 5 - Como o HTML, CSS e Javascript funcionam juntos¿
00:22:53 6 - Como eu coloco uma página na internet (overview)
00:30:36 7 - Frontend e Backend
00:44:01 8 - Como funciona o certificado

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:22]


[ Video ]
#Bloco002

2 - HTML - Básico
00:00:00 1 - Tag
00:09:18 2 - Estrutura Básica
00:19:47 3 - Títulos e Parágrafos
00:26:19 4 - Comentários
00:29:17 5 - Formatação
00:40:48 6 - Links
00:44:23 7 - Imagens
00:51:48 8 - Quebra de Linha
00:53:45 9 - Listas
00:58:31 10 - Tabelas
01:04:35 11 - Como enviar o seu projeto para o suporte
01:10:01 12 - Desafio HTML Básico
01:14:27 13 - Overview VSCode

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:23]


[ Video ]
#Bloco003

2 - HTML - Básico
00:00:00 14 - Resolvendo o Desafio HTML

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:26]


[ Video ]
#Bloco004

3 - CSS - Básico
00:00:00 1 - Introdução - CSS Básico
00:02:16 2 - CSS inline
00:05:45 3 - CSS interno
00:09:54 4 - CSS externo
00:15:21 5 - Classes e Ids
via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:28]


[ Video ]
#Bloco005

3 - CSS - Básico
00:00:00 6 - Cores
00:13:29 7 - Background
00:23:49 8 - Div
00:31:30 9 - Ferramentas do Google Chrome

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:31]


[ Video ]
#Bloco006

3 - CSS - Básico
00:00:00 10 - Unidades de medida (fixas)
00:07:06 11 - Unidades de Medida (referência)
00:22:17 12 - Margin e Padding
00:28:18 13 - Border

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:33]


[ Video ]
#Bloco007

3 - CSS - Básico
00:00:00 14 - Box Model
00:13:13 15 - Ajustes de texto

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:35]


[ Video ]
#Bloco008

3 - CSS - Básico
00:00:00 16 - Fontes
00:11:04 17 - Usando fontes customizadas

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:37]


[ Video ]
#Bloco009

3 - CSS - Básico
00:00:00 18 - Estilo de link
00:11:16 19 - Listas
via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:38]


[ Video ]
#Bloco010

3 - CSS - Básico
00:00:00 21 - Resolvendo o Desafio CSS

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:41]


[ Video ]
#Bloco011

4 - CSS - Intermediário
00:00:00 1 - Introdução CSS Intermediário
00:00:40 2 - Display
00:16:11 3 - Overflow
00:22:15 4 - Alinhamento horizontal

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:43]


[ Video ]
#Bloco012

4 - CSS - Intermediário
00:00:00 5 - Position
00:23:23 6 - Float

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:46]


[ Video ]
#Bloco013

4 - CSS - Intermediário
00:00:00 7 - Alinhamento Vertical
00:14:54 8 - Viewport
00:19:46 9 - Responsividade
00:27:51 10 - Media Queries

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:49]


[ Video ]
#Bloco014

5 - HTML - Intermediário
00:00:00 1 - Introdução - Html Intermediário
00:00:26 2 - Formulário - 1
00:04:01 3 - Formulário - 2
00:13:41 4 - Tipos de input
00:20:42 5 - Select
00:25:04 6 - Textarea
00:26:55 7 - HTML 5 Intro

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:51]


[ Video ]
#Bloco015

5 - HTML - Intermediário
00:00:00 8 - Input HTML 5
00:07:52 9 - Tags Semânticas

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:54]


[ Video ]
#Bloco016

6 - Projeto - Página de Captura


00:00:00 1 - Introdução - Página de Captura
00:00:56 2 - Configuração inicial do projeto
00:04:11 3 - Cabeçalho
00:11:45 4 - Conteúdo principal
00:17:32 5 - Estilo do conteúdo principal
00:30:21 6 - Rodapé

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:56]


[ Video ]
#Bloco017

6 - Projeto - Página de Captura


00:00:00 7 - Estilo do rodapé
00:05:56 8 - Aplicações desse projeto
00:07:01 9 - Configurando o Mailchimp
00:13:55 10 - Integração com o Mailchimp

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [06/02/2022 23:59]


[ Video ]
#Bloco018

7 - Negócios, Preparando sua primeira venda


00:00:00 1 - Introdução - Negócios + Mindset
00:02:02 2 - Como encontrar seu primeiro cliente
00:11:11 3 - Como um negócio Funciona¿
00:15:39 4 - Estudando a concorrência

via @nSolares | Zimatise


FullStack Completo-ProgramadorBR, [07/02/2022 00:01]
[ Video ]
#Bloco019

7 - Negócios, Preparando sua primeira venda


00:00:00 5 - Vencendo objeções
00:12:04 6 - Buscando referências de Design

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:02]


[ Video ]
#Bloco020

7 - Negócios, Preparando sua primeira venda


00:00:00 7 - Hospedagem e Domínio - Parte 1
00:08:26 8 - Hospedagem e Domínio - Parte 2

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:05]


[ Video ]
#Bloco021

8 - Javascript - Básico
00:00:00 1 - Primeiro contato + Hello World
00:07:53 2 - Algoritmos
00:18:22 3 - Console
00:21:09 4 - Variáveis

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:08]


[ Video ]
#Bloco022

8 - Javascript - Básico
00:00:00 5 - Tipos de dados
00:08:45 6 - Operações aritméticas
00:19:18 7 - Atribuições
00:24:00 8 - Operadores comparativos
00:31:47 9 - Operadores lógicos

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:11]


[ Video ]
#Bloco023

8 - Javascript - Básico
00:00:00 10 - Strings
00:06:10 11 - Condicionais - IF
00:21:21 11 - Transformando Strings em Números
00:25:09 12 - Alert e Prompt
00:31:09 12 - Operador Ternário
00:35:07 13 - Condicionais - IF

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:14]


[ Video ]
#Bloco024

8 - Javascript - Básico
00:00:00 13 - Condicionais - Switch
00:15:40 14 - Operador Ternário
00:19:38 14 - Repetição - FOR e WHILE
00:35:16 15 - Arrays
00:50:19 15 - Condicionais - Switch
01:05:59 16 - Funções

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:16]


[ Video ]
#Bloco025

8 - Javascript - Básico
00:00:00 16 - Repetição - FOR e WHILE
00:15:38 17 - Arrays
00:30:41 17 - Funções parte 2
00:38:56 18 - Funções

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:18]


[ Video ]
#Bloco026

8 - Javascript - Básico
00:00:00 18 - Juntando tudo até aqui
00:12:18 19 - Funções parte 2

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:21]


[ Video ]
#Bloco027

8 - Javascript - Básico
00:00:00 19 - Objetos - Propriedades
00:12:09 20 - Juntando tudo até aqui

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:22]


[ Video ]
#Bloco028
8 - Javascript - Básico
00:00:00 20 - Objetos - Métodos
00:12:09 21 - Objetos - Construtores

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:25]


[ Video ]
#Bloco029

8 - Javascript - Básico
00:00:00 21 - Objetos - Propriedades
00:12:09 22 - Objetos - Métodos

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:27]


[ Video ]
#Bloco030

8 - Javascript - Básico
00:00:00 22 - Objetos - Resumo
00:06:35 23 - Datas
00:20:49 23 - Objetos - Construtores

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:29]


[ Video ]
#Bloco031

8 - Javascript - Básico
00:00:00 24 - Const, Let e Var
00:09:39 24 - Objetos - Resumo
00:16:14 25 - Datas

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:30]


[ Video ]
#Bloco032

8 - Javascript - Básico
00:00:00 26 - Const, Let e Var

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:32]


[ Video ]
#Bloco033

9 - Javascript - Intermediário
00:00:00 1 - Introdução - Javascript Intermediário
00:00:45 2 - Window
00:06:07 3 - Document
00:08:12 4 - Document - parte 2
00:13:02 5 - Acessando elementos HTML com JS

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:51]


[ Video ]
#Bloco033

9 - Javascript - Intermediário
00:00:00 1 - Introdução - Javascript Intermediário
00:00:45 2 - Window
00:06:07 3 - Document
00:08:12 4 - Document - parte 2
00:13:02 5 - Acessando elementos HTML com JS

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:53]


[ Video ]
#Bloco034

9 - Javascript - Intermediário
00:00:00 6 - Modificando elementos
00:09:50 7 - Eventos - Parte 1-3 (DOM Events)

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:55]


[ Video ]
#Bloco035

9 - Javascript - Intermediário
00:00:00 8 - Eventos - Parte 2-3
00:07:33 9 - Eventos - Parte 3-3
00:13:58 10 - O que é o This¿
00:18:16 11 - Tirando dúvida sobre o lance dos parênteses nas funções
00:23:56 12 - Comparando as maneiras de criar um evento

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 00:58]


[ Video ]
#Bloco036

9 - Javascript - Intermediário
00:00:00 13 - Elementos pai e filhos
00:06:44 14 - Biblioteca Math
00:11:55 15 - JSON
00:18:00 16 - Local Storage - Persistência de dados

via @nSolares | Zimatise


FullStack Completo-ProgramadorBR, [07/02/2022 01:00]
[ Video ]
#Bloco037

9 - Javascript - Intermediário
00:00:00 17 - Criando uma página para sorteio
00:05:41 18 - Timer e Intervalo

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 01:02]


[ Video ]
#Bloco038

10 - Projeto Churrascômetro
00:00:00 1 - Introdução - Churrascômetro
00:01:49 2 - Pensando sobre a solução
00:05:19 3 - Estrutura HTML
00:10:21 4 - Estilo CSS
00:16:04 5 - Código JS

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 01:04]


[ Video ]
#Bloco039

11 - HTML - Avançado
00:00:00 1 - Introdução - Html Avançado
00:00:34 2 - Atributos personalizados - Parte 1
00:10:17 3 - Atributos Personalizados - Parte 2
00:16:20 4 - Video

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 01:06]


[ Video ]
#Bloco040

11 - HTML - Avançado
00:00:00 5 - Video - Controle (Parte 1)
00:10:04 6 - Video - Controle (Parte 2)
00:18:33 7 - iFrame
00:26:16 8 - Audio

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 01:09]


[ Video ]
#Bloco041

11 - HTML - Avançado
00:00:00 9 - Animação com HTML
00:08:23 10 - Canvas - Intro + Linhas
00:17:36 11 - Canvas - Largura x Altura
00:19:41 12 - Canvas - Retângulo
00:23:59 13 - Canvas - Inicio e Fim do caminho (Path)
00:29:02 14 - Canvas - Circles

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 01:10]


[ Video ]
#Bloco042

11 - HTML - Avançado
00:00:00 15 - Canvas - Animação
00:07:51 16 - Canvas - Imagens

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 01:12]


[ Video ]
#Bloco043

12 - CSS - Avançado
00:00:00 1 - Introdução - CSS Avançado
00:00:31 2 - Pseudo Elementos
00:09:43 3 - Seletores
00:27:57 4 - Pseudo Classes

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 01:14]


[ Video ]
#Bloco044

12 - CSS - Avançado
00:00:00 5 - Função Calc CSS
00:09:27 6 - Transformações
00:14:32 7 - Compatibilidade de navegadores
00:22:01 8 - Variáveis em CSS

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 01:16]


[ Video ]
#Bloco045

12 - CSS - Avançado
00:00:00 9 - FlexBox - Flex Direction
00:08:12 10 - Flexbox - Wrap
00:15:15 11 - Flexbox - Flex Flow
00:16:45 12 - Flexbox - Justify Content + Align Items
00:27:00 13 - Flexbox - Align Content

via @nSolares | Zimatise


FullStack Completo-ProgramadorBR, [07/02/2022 07:43]
[ Video ]
#Bloco046

12 - CSS - Avançado
00:00:00 14 - Flexbox - Grow-Shrink
00:05:14 15 - Flexbox - Ordem
00:07:17 16 - Flexbox - Align Self
00:09:11 17 - Desafio FlexBox
00:11:56 18 - Resolvendo o desafio FlexBox
00:17:00 19 - Grid - Intro
00:19:25 20 - Grid Template
00:28:58 21 - Grid Gap
00:31:02 22 - Grid Justify e Align Items

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 07:45]


[ Video ]
#Bloco047

12 - CSS - Avançado
00:00:00 23 - Grid Justify e Align Content
00:08:14 24 - Grid Template Area
00:15:19 25 - Grid Column e Row Start e End

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 07:47]


[ Video ]
#Bloco048

13 - CSS - Animações
00:00:00 1 - Introdução - CSS Animações
00:01:15 2 - Primeira Animação - Keyframes
00:05:25 3 - Adcionando estados a animação
00:07:29 4 - Propriedades
00:10:31 5 - Delay
00:14:06 6 - Loop
00:16:02 7 - Direction
00:19:40 8 - Fill Mode
00:23:04 9 - Timing Function
00:30:21 10 - Short Hand

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 07:47]


[ Video ]
#Bloco049

13 - CSS - Animações
00:00:00 11 - Transitions

via @nSolares | Zimatise


FullStack Completo-ProgramadorBR, [07/02/2022 07:49]
[ Video ]
#Bloco050

14 - JS avançado
00:00:00 1 - Introdução - JS Avançado
00:00:42 2 - Strict mode
00:08:50 3 - This e Bind
00:15:20 4 - Arrow Functions

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 07:51]


[ Video ]
#Bloco051

14 - JS avançado
00:00:00 5 - Callback
00:08:10 6 - Promises
00:13:43 7 - Async Await - Uma outra maneira de usar promises
00:17:18 8 - Filter

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 07:53]


[ Video ]
#Bloco052

14 - JS avançado
00:00:00 9 - Map
00:06:18 10 - Valor vs Referência
00:14:16 11 - Spread Operator
00:19:40 12 - Desestruturando um objeto
00:27:17 13 - Reduce
00:30:51 14 - Desafio - JS Avançado

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 07:54]


[ Video ]
#Bloco053

14 - JS avançado
00:00:00 15 - Fetch
00:12:06 16 - try catch - tratamento de erros

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 07:56]


[ Video ]
#Bloco054

15 - Projeto Jogo da Velha


00:00:00 1 - Introdução - Jogo da Velha
00:01:27 2 - Criando o tabuleiro
00:10:05 3 - Criando os Jogadores
00:17:08 4 - Adicionando ações e símbolos

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 07:57]


[ Video ]
#Bloco055

15 - Projeto Jogo da Velha


00:00:00 5 - Verificando vencedor e finalizando

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 07:59]


[ Video ]
#Bloco056

16 - Projeto - Jogo da memória com animações


00:00:00 1 - Introdução - Jogo da Memória
00:00:57 2 - Estrutura das cartas
00:04:51 3 - Estilo das cartas
00:10:01 4 - Animando as cartas
00:15:42 5 - Montando a tela de Game Over
00:21:47 6 - Montando o estilo do tabuleiro
00:26:55 7 - Criando o modelo Das cartas no jogo
00:34:39 8 - Embaralhando as cartas

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:01]


[ Video ]
#Bloco057

16 - Projeto - Jogo da memória com animações


00:00:00 9 - Montando o tabuleiro
00:12:25 10 - Separando a View da Lógica
00:19:03 11 - Checando se forma par
00:28:56 12 - Achando e corrigindo bugs
00:34:26 13 - Finalizando

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:04]


[ Video ]
#Bloco058

17 - Firebase - Firestore
00:00:00 1 - Introdução - Firestore
00:02:49 2 - Conhecendo o Firebase
00:08:30 3 - Criando a conta no Firebase
00:10:26 4 - Criando seu primeiro projeto
00:15:16 5 - Coleções e documentos
via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:05]


[ Video ]
#Bloco059

17 - Firebase - Firestore
00:00:00 6 - Conectando o Firebase com o JS
00:06:30 7 - Lendo documentos

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:08]


[ Video ]
#Bloco060

17 - Firebase - Firestore
00:00:00 8 - Buscas -Selecionando melhor os documentos
00:10:12 9 - Criando e alterando documentos
00:26:34 10 - On Snapshot (atualização em tempo real)
00:32:35 11 - Apagando campos e documentos

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:10]


[ Video ]
#Bloco061

17 - Firebase - Firestore
00:00:00 12 - Criando Usuários no Firebase
00:07:53 13 - Gerenciando Logins
00:18:21 14 - Sessão do usuário
00:26:16 15 - O que são permissões¿

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:11]


[ Video ]
#Bloco062

17 - Firebase - Firestore
00:00:00 16 - Permissões e Regras

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:12]


[ Video ]
#Bloco063

18 - Jquery
00:00:00 1 - Introducão - jQuery
00:02:03 2 - Conhecendo o jQuery
00:11:19 3 - Primeiros Passos
00:20:25 4 - Eventos
via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:14]


[ Video ]
#Bloco064

18 - Jquery
00:00:00 5 - Animações
00:11:26 6 - Callback
00:16:27 7 - Selecionando elementos Filhos

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:16]


[ Video ]
#Bloco065

18 - Jquery
00:00:00 8 - Encadeamento (chaining)
00:12:25 9 - Lendo o conteúdo de um elemento

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:18]


[ Video ]
#Bloco066

18 - Jquery
00:00:00 10 - Modificando o conteúdo e características dos elementos
00:13:21 11 - Selecionando Elementos por atributos
00:18:49 12 - Removendo elementos

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:20]


[ Video ]
#Bloco067

18 - Jquery
00:00:00 13 - Inserindo Elementos
00:09:29 14 - Modificando o CSS
00:20:49 15 - Dimensões

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:21]


[ Video ]
#Bloco068

18 - Jquery
00:00:00 16 - Elementos irmãos (Siblings)
00:07:19 17 - Filter, Last, First e Eq
via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:24]


[ Video ]
#Bloco069

19 - Bootstrap
00:00:00 1 - Boas vindas do Módulo Bootstrap
00:01:57 2 - Como o Bootstrap foi pensado
00:16:40 3 - Bootstrap - Instalando e primeiros passos

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:26]


[ Video ]
#Bloco070

19 - Bootstrap
00:00:00 4 - Bootstrap - Cores
00:08:08 5 - Bootstrap - Títulos e Display
00:14:20 6 - Bootstrap - Margin e Padding
00:19:58 7 - Bootstrap - Container

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:29]


[ Video ]
#Bloco071

19 - Bootstrap
00:00:00 8 - Bootstrap - Display + Float
00:06:20 9 - Bootstrap - Responsividade
00:11:59 10 - Bootstrap - Flexbox
00:19:29 11 - Bootstrap - Grid
00:30:37 12 - Bootstrap - Tipografia

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:31]


[ Video ]
#Bloco072

19 - Bootstrap
00:00:00 13 - Bootstrap - Imagens
00:05:09 14 - Bootstrap - Tabelas
00:16:51 15 - Bootstrap - Alertas
00:26:10 16 - Bootstrap - Botões
00:34:08 17 - Bootstrap - Grupo de Botões
00:36:34 18 - Bootstrap - Collapse
00:41:35 19 - Bootstrap - DropDown

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:33]


[ Video ]
#Bloco073

19 - Bootstrap
00:00:00 20 - Bootstrap - Cards
00:09:44 21 - Bootstrap - Accordion
00:16:08 22 - Bootstrap - Progress Bar
00:23:46 23 - Bootstrap - Spinner
00:29:30 24 - Bootstrap - Lista agrupada

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:35]


[ Video ]
#Bloco074

19 - Bootstrap
00:00:00 25 - Bootstrap - Páginação
00:11:03 26 - Bootstrap - Nav

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:37]


[ Video ]
#Bloco075

19 - Bootstrap
00:00:00 27 - Bootstrap - Navbar
00:08:50 28 - Bootstrap - Carousel

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:40]


[ Video ]
#Bloco076

19 - Bootstrap
00:00:00 29 - Bootstrap - Modal
00:10:50 30 - Bootstrap - Tooltip
00:17:30 31 - Bootstrap - Popover

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:41]


[ Video ]
#Bloco077

19 - Bootstrap
00:00:00 32 - Bootstrap - Toast

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:43]


[ Video ]
#Bloco078
20 - Firebase Storage
00:00:00 1 - Introdução - Firebase Storage
00:05:42 2 - Primeiros Passos
00:14:07 3 - Referências

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:44]


[ Video ]
#Bloco079

20 - Firebase Storage
00:00:00 4 - Um pouco mais sobre referências
00:10:44 5 - Upload
00:21:26 6 - Metadados

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:47]


[ Video ]
#Bloco080

21 - Node.Js
00:00:00 1 - Introdução - Node JS
00:00:46 2 - O que é Node.js
00:05:40 3 - Instalando o Node
00:11:37 4 - Instalando o Cmder
00:14:16 5 - Executando scripts com Node
00:19:26 6 - Js para Navegador vs JS para Node
00:21:33 7 - Inserindo Argumentos

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:50]


[ Video ]
#Bloco081

21 - Node.Js
00:00:00 8 - Módulos
00:08:24 9 - Um pouco mais sobre módulos
00:13:03 10 - Trabalhando com Arquivos em Node
00:27:52 11 - Pacotes

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:52]


[ Video ]
#Bloco082

21 - Node.Js
00:00:00 12 - Redimensionando uma imagem
00:11:03 13 - Comprimindo imagens
via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:55]


[ Video ]
#Bloco083

21 - Node.Js
00:00:00 14 - Módulo HTTP
00:10:34 15 - Primeiro servidor de Páginas com node
00:18:24 16 - Um pouco mais sobre dependências
00:21:50 17 - Request

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:56]


[ Video ]
#Bloco084

21 - Node.Js
00:00:00 18 - Métodos HTTP

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 08:58]


[ Video ]
#Bloco085

22 - Node - Express
00:00:00 1 - Instalando o Express
00:08:13 2 - Arquivos estáticos com Express
00:15:06 3 - Express - Get
00:19:48 4 - Post, Put, Delete
00:25:10 5 - Insomnia - Rest Client

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 09:01]


[ Video ]
#Bloco086

22 - Node - Express
00:00:00 6 - HTTP Request
00:11:56 7 - HTTP Response
00:21:12 8 - Middleware
00:31:34 9 - Rotas

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 09:32]


[ Video ]
#Bloco087

22 - Node - Express
00:00:00 10 - Separando as Rotas
via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 09:35]


[ Video ]
#Bloco088

23 - Node - Integrando o Front Com o Back


00:00:00 1 - Criando um Mural de Avisos (back) - Parte 1
00:04:06 2 - Criando um Mural de Avisos (back) - Parte 2
00:06:22 3 - Criando um Mural de Avisos (back) - Parte 3
00:15:04 4 - Criando um Mural de Avisos (back) - Parte 4
00:23:53 5 - Criando um Mural de Avisos (back) - Parte 5
00:29:39 6 - Criando um Mural de Avisos (back) - Parte 6
00:40:07 7 - Criando um Mural de Avisos (Front) - Parte 1

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 09:37]


[ Video ]
#Bloco089

23 - Node - Integrando o Front Com o Back


00:00:00 8 - Criando um Mural de Avisos (Front) - Parte 2
00:14:29 9 - Criando um Mural de Avisos (Front) - Parte 3
00:23:33 10 - Cors

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 09:40]


[ Video ]
#Bloco090

24 - Node - Template Engine - EJS


00:00:00 1 - Introdução - Template Engine
00:04:02 2 - Criando um Template na mão
00:15:12 3 - Configurando o EJS
00:20:34 4 - Substituição de variáveis
00:23:31 5 - For no EJS
00:27:31 6 - If no EJS
00:30:19 7 - Partials

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 09:42]


[ Video ]
#Bloco091

25 - Mais um pouco sobre node


00:00:00 1 - Como publicar sua aplicação node
00:19:52 2 - Váriaveis de ambiente (Desenvolvimento)
00:27:32 3 - Váriaveis de ambiente (Produção)
00:33:18 4 - Criando uma conta de email na hospedagem

via @nSolares | Zimatise


FullStack Completo-ProgramadorBR, [07/02/2022 09:43]
[ Video ]
#Bloco092

25 - Mais um pouco sobre node


00:00:00 5 - Enviando um email com o node

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 09:50]


[ Video ]
#Bloco093

26 - Mongo DB - Parte 1
00:00:00 1 - Introdução - Mongo
00:03:01 2 - Overview
00:08:48 3 - Instalando o Mongo (MAC)
00:13:33 4 - Instalando o Mongo (WIN)
00:17:45 5 - Instalando o Compass (Interface gráfica)
00:19:26 6 - Criando um banco
00:23:58 7 - Criando, apagando e mostrando coleções
00:27:06 8 - Criando um documento
00:29:57 9 - Selecionando documentos
00:37:12 10 - Update
00:42:43 11 - Mais um pouco sobre update

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 09:50]


[ Video ]
#Bloco094

26 - Mongo DB - Parte 1
00:00:00 12 - Considerações

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 09:53]


[ Video ]
#Bloco095

27 - MongoDb - Parte 2 (Mongoose)


00:00:00 1 - Intro - O que vamos fazer (Mongo parte 2)
00:04:10 2 - Instalando o Mongoose
00:15:14 3 - Criando documentos

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 09:56]


[ Video ]
#Bloco096

27 - MongoDb - Parte 2 (Mongoose)


00:00:00 4 - Buscando um documento
00:10:36 5 - Documentação
00:13:26 6 - Organizando o código
00:25:39 7 - Criando o documento através dos dados de um formulário
00:33:23 8 - Integrando com o Front end

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 10:00]


[ Video ]
#Bloco097

27 - MongoDb - Parte 2 (Mongoose)


00:00:00 9 - Tratando o erro no Backend
00:05:32 10 - Buscando todos os links
00:11:55 11 - Listando os links na tela
00:15:24 12 - Apagando um documento
00:22:33 13 - Apagando Link - Front end
00:31:42 14 - Outra forma de apagar
00:37:25 15 - Ajustando as rotas

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 10:02]


[ Video ]
#Bloco098

27 - MongoDb - Parte 2 (Mongoose)


00:00:00 16 - Editando os Links
00:09:01 17 - Estilizando a página de links
00:16:02 18 - Atualizando os Clicks
00:19:18 19 - Estilizando telas de Add e Edit

via @nSolares | Zimatise

#Bloco099

28 - Login JWT
00:00:00 1 - Introdução - Login JWT
00:01:45 2 - Configurando node
00:07:38 3 - Rotas
00:12:44 4 - Controladores
00:16:19 5 - Banco de dados
00:21:41 6 - Criando o usuário

FullStack Completo-ProgramadorBR, [07/02/2022 10:09]


[ Video ]
#Bloco100

28 - Login JWT
00:00:00 7 - Criptografando a senha
00:09:51 8 - Login com o usuário
00:15:13 9 - O que é JWT
00:30:07 10 - Criando o Token

via @nSolares | Zimatise


FullStack Completo-ProgramadorBR, [07/02/2022 10:12]
[ Video ]
#Bloco101

28 - Login JWT
00:00:00 11 - Protegendo rotas
00:15:51 12 - Validando a entrada

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 10:12]


[ Video ]
#Bloco102

29 - https
00:00:00 1 - O que é
00:03:02 2 - Instalando o certificado
00:07:48 3 - Forçando HTTPS

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 10:15]


[ Video ]
#Bloco103

30 - Socket
00:00:00 1 - Introdução - Socket JS
00:01:00 2 - O problema que o socket resolve
00:05:42 3 - Conectando o front com o Back
00:11:56 4 - Enviando mensagens entre o front e o back
00:17:30 5 - Broadcast - enviando mensagem para todos
00:25:40 6 - Chat - criando a base
00:30:59 7 - Chat - trocando mensagens

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 10:16]


[ Video ]
#Bloco104

30 - Socket
00:00:00 8 - Chat - criando usuários
00:06:07 9 - Chat - Separando as salas

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 10:19]


[ Video ]
#Bloco105

31 - Estrategia e vendas parte 2


00:00:00 1 - Introdução - Estratégias e vendas
00:03:17 2 - Estrutura de uma venda
00:09:24 3 - Funil de vendas
00:18:56 4 - Tráfego

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 10:23]


[ Video ]
#Bloco106

31 - Estrategia e vendas parte 2


00:00:00 5 - SEO - O que é¿
00:10:02 6 - SEO - Conteúdo e arquitetura
00:18:24 7 - SEO - HTML e Confiança
00:24:43 8 - SEO - Construção de links

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 10:26]


[ Video ]
#Bloco107

31 - Estrategia e vendas parte 2


00:00:00 9 - Planejamento de palavra chave
00:12:10 10 - Google trends
00:21:03 11 - Google Maps
00:24:39 12 - Google Meu negócio
00:29:48 13 - Robots TXT
00:39:54 14 - Analytics - O que é

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 10:29]


[ Video ]
#Bloco108

31 - Estrategia e vendas parte 2


00:00:00 15 - Instalando o Analytics
00:07:50 16 - Google Search Console
00:14:48 17 - Indexando uma Página no Google
00:17:50 18 - Criando um Sitemap
00:22:33 19 - Configurando o Sitemap

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 10:52]


[ Video ]
#Bloco109

32 - React js
00:00:00 1 - Introdução - React JS
00:01:26 2 - Como o React Funciona
00:04:47 3 - Usando o React pela primeira vez
00:13:15 4 - JSX
00:22:17 5 - Create React App
via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 11:32]


[ Video ]
#Bloco109

32 - React js
00:00:00 1 - Introdução - React JS
00:01:26 2 - Como o React Funciona
00:04:47 3 - Usando o React pela primeira vez
00:13:15 4 - JSX
00:22:17 5 - Create React App

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 11:40]


[ Video ]
#Bloco110

32 - React js
00:00:00 6 - Adiantando - Build do React
00:06:45 7 - Componentes e propriedades
00:17:24 8 - Listas
00:25:57 9 - Criando Objetos com Class
00:38:35 10 - Componentes com class

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 11:47]


[ Video ]
#Bloco111

32 - React js
00:00:00 11 - Estados
00:14:10 12 - Métodos de ciclo de vida
00:24:04 13 - Hooks estados
00:31:07 14 - Hooks effect

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 11:50]


[ Video ]
#Bloco112

32 - React js
00:00:00 15 - Hook effect equivalente ao Unmount
00:05:56 16 - Falando um pouco sobre import

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 11:57]


[ Video ]
#Bloco113

33 - React - Todo
00:00:00 1 - Criando o Todo
00:05:53 2 - Pegando o valor de um input
00:10:05 3 - Adicionando itens na lista
00:17:33 4 - Separando os componentes
00:22:22 5 - Desmembrando o formulário
00:30:57 6 - Criando um Item mais complexo
00:37:17 7 - Apagando um item da lista

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 12:01]


[ Video ]
#Bloco114

33 - React - Todo
00:00:00 8 - Marcando um item como realizado
00:06:42 9 - Mudando a cara do TODO
00:17:56 10 - Separando mais os componentes
00:23:21 11 - Salvando o estado na memória
00:29:58 12 - Criando um Modal - Parte 1 - Estrutura
00:39:39 13 - Criando um Modal - Parte 2 - Funcionalidade

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 12:02]


[ Video ]
#Bloco115

34 - Gerenciamento de estado Context API


00:00:00 1 - Apresentando o problema com um contador
00:08:23 2 - Gerenciando o estado com Context API

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 12:06]


[ Video ]
#Bloco116

35 - Migrando o Jogo da memória para React


00:00:00 1 - Introdução - Migrando o Jogo da memória
00:00:34 2 - Revisando o código original
00:04:48 3 - Iniciando o Projeto com React
00:07:51 4 - Reaproveitando os arquivos prontos
00:12:13 5 - Recriando o GameOver
00:19:04 6 - Criando a carta com React
00:26:10 7 - Criando o tabuleiro

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 12:08]


[ Video ]
#Bloco117

35 - Migrando o Jogo da memória para React


00:00:00 8 - Juntando as peças
00:09:55 9 - Finalizando

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 12:11]


[ Video ]
#Bloco118

36 - Redux
00:00:00 1 - Introdução - Redux
00:03:02 2 - Como o Redux funciona
00:07:16 3 - Criando a estrutura básica do Redux
00:18:52 4 - Passando a carga para a Action - Action Creator
00:24:46 5 - Usando mais de um Reducer
00:33:52 6 - Separando os elementos do Redux
00:41:36 7 - Redux-Thunk

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 12:14]


[ Video ]
#Bloco119

37 - React Redux
00:00:00 1 - React-Redux Juntando as peças
00:10:12 2 - Usando Combine Reducer com React
00:12:16 3 - Usando Redux no TODO - Criando Actions e Reducers
00:21:14 4 - Usando Redux no TODO - Disparando eventos
00:30:27 5 - Usando Redux no TODO - Persistindo os dados

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 12:17]


[ Video ]
#Bloco120

38 - React Router
00:00:00 1 - Introdução - React Router
00:02:59 2 - Criando as Rotas
00:08:57 3 - Switch
00:12:29 4 - Lidando com Rotas que não existem
00:14:26 5 - Outra forma do Route
00:15:36 6 - Link
00:19:02 7 - Use Match
00:26:05 8 - Ajuste no Match
00:29:20 9 - Use Params
00:36:32 10 - Criando seu próprio Hook
00:38:22 11 - Use Location

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 12:19]


[ Video ]
#Bloco121
39 - Rotas protegidas
00:00:00 1 - Gerenciando autorização
00:02:26 2 - Componente de Rota Privada
00:10:14 3 - Melhorando o comportamento

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 12:23]


[ Video ]
#Bloco122

40 - React com Node


00:00:00 1 - Criando um projeto com React + node
00:09:24 2 - Alterando nosso App React
00:17:56 3 - Criando um proxy para o ambiente de desenvolvimento
00:23:51 4 - Instalando o concurrently
00:30:41 5 - Automatizando o build com o post install Post install

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 12:28]


[ Video ]
#Bloco123

41 - Electron
00:00:00 1 - Introdução - Electron
00:02:20 2 - Instalando o Electron
00:06:07 3 - Criando uma Janela
00:09:55 4 - Inserindo elementos na Janela
00:17:00 5 - Mudando o comportamento de acordo com o ambiente
00:25:31 6 - Fazendo ajustes que você não percebeu que precisavam ser feitos
00:30:20 7 - Inserindo o icone na sua janela
00:32:43 8 - Usando node no front

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 12:30]


[ Video ]
#Bloco124

41 - Electron
00:00:00 9 - Trocando mensagens entre Back e Front
00:08:20 10 - Menu pré configurado
00:12:21 11 - Menu personalizado
00:17:58 12 - Atalho de menu
00:21:54 13 - Atalho global

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 12:35]


[ Video ]
#Bloco125

42 - Electron Gravador
00:00:00 1 - Introdução - Gravador (Electron)
00:01:09 2 - Criando o Projeto
00:07:52 3 - Criando a estrutura da janela principal
00:14:49 4 - Criando o estilo dá aplicação
00:30:51 5 - Selecionando o microfone
00:39:27 6 - Capturando o Audio

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 12:40]


[ Video ]
#Bloco126

42 - Electron Gravador
00:00:00 7 - Atualizando o Display
00:12:27 8 - Salvando os audios
00:21:17 9 - Criando a janela de preferências
00:30:10 10 - Modificando o endereço de destino

via @nSolares | Zimatise

FullStack Completo-ProgramadorBR, [07/02/2022 12:41]


[ Video ]
#Bloco127

42 - Electron Gravador
00:00:00 11 - Salvando as configurações
00:10:52 12 - Fazendo o build da aplicação

via @nSolares | Zimatise

Você também pode gostar