Curso Frontend Design Avançado - Codesigners
5.0
(3)
31 learners
What you'll learn
This course includes
- 32 hours of video
- Certificate of completion
- Access on mobile and TV
Course content
1 modules • 140 lessons • 32 hours of video
Curso Frontend Design Avançado - Codesigners
140 lessons
• 32 hours
Curso Frontend Design Avançado - Codesigners
140 lessons
• 32 hours
- 1 - Introducao - Curso Frontend Design 08:50
- 2 - Instalando VSCode e Node JS 06:13
- 3 - O que é ECMA SCRIPT 6+ (ES6+) 18:01
- 4 - Estrutura de uma aplicacao Front-End Moderna 12:03
- 5 - Criando um projeto de Front-End com NodeJS 10:02
- 6 - Instalando o Yarn 08:49
- 7 - Configurando o Babel 13:27
- 8 - Configurando Webpack - Parte 1 18:12
- 9 - Configurando Webpack Parte 2 Codesigners 13:43
- 10 - Configurando Webpack - Parte 3 08:57
- 11 - Intro Modulo Javascript 06:15
- 12 - Paradigmas de Programacao 07:13
- 13 - Visao Geral do Projeto Final 09:09
- 14 - Javascript Classes e Programacao Orientada a Objeto - Parte 1 16:33
- 15 - Javascript Classes e Programacao Orientada a Objeto Parte 2 Codesigners 24:59
- 16 - Definindo Componentes de UI 15:12
- 17 - Estrutura de Layout e Arquivos Sass 06:26
- 18 - Instalando Hyperscript 10:00
- 19 - Usando o Hyperscript para criar Componentes Codesigners 18:40
- 20 - Javascrit Modules - Import e Export 10:32
- 21 - UI Components - PageLayout Parte 1 20:52
- 22 - UI Components - Navbar Parte 1 19:38
- 23 - UI Components - Navbar Parte 2 17:36
- 24 - UI Components - Steps Parte 1 11:32
- 25 - UI Components - Steps Parte 2 19:07
- 26 - UI Components - Steps Parte 3 08:44
- 27 - Corrigindo Unidades de Medida para REM 05:23
- 28 - Functional Programming - Pure Functions 07:35
- 29 - UI Components - Button Parte 1 e Arrow Functions- 19:03
- 30 - UI Componentes - Button Parte 2 e Template Strings 18:35
- 31 - UI Components - Product Parte 1 24:00
- 32 - UI Components - Product Parte 2 10:20
- 33 - UI Components - Product Parte 3 09:32
- 34 - UI Components - Product Parte 4 15:05
- 35 - UI Components - Product Parte 5 16:07
- 36 - Router - Diferença entre Client e Server Routing 08:56
- 37 - Router - Routing quando existe banco de dados 07:53
- 38 - Router - Estrutura de Rotas do Nosso Projeto 07:59
- 39 - Router - Previnindo o Browser de buscar rota no server 15:20
- 40 - Router - Usando o pushState da History API 13:58
- 41 - Router - Criando as Pages 10:25
- 42 - Page Content - Logica 08:34
- 43 - Page Content - Design Patterns - Observer Parte 1 09:38
- 44 - Page Content - Design Patterns - Observer Parte 2 08:10
- 45 - Page Content - Design Patterns - Observer Parte 3 13:30
- 46 - Page Content - Design Patterns - Observer Parte 4 11:45
- 47 - Page Content - Design Patterns - Singleton 23:18
- 48 - Page Content - Alternando o Conteudo da Pagina 14:17
- 49 - Page Content - Alternando o Conteudo via Historico com OnpopState 10:51
- 50 - Page Content - Adicionando Links nos Product items 15:41
- 51 - Page Content - Mostrando a Pagina Customizar 17:59
- 52 - Customizar Skateboard - Introdução 01:47
- 53 - UI Components - Color Picker Parte 1 11:31
- 54 - UI Components - Color Picker Parte 2 19:59
- 55 - UI Components - Color Picker Parte 3 08:44
- 56 - UI Components - Summary Parte 1 19:51
- 57 - UI Components - Summary Parte 2 20:50
- 58 - UI Components - Renomeando Summary para OrderDetails 07:24
- 59 - UI Components - PartsSelector - Estrutura HTML e CSS 28:08
- 60 - UI Components - PartsSelector - Entendendo o Funcionamento 04:52
- 61 - UI Components PartsSelector Planejando a Logica Codesigners 07:58
- 62 - UI Components - PartsSelector - Método Map - Mapeando Itens 09:49
- 63 - Sync e Async TaskLoop, MicroTasks e MacroTasks Parte 1 Codesigners 12:34
- 64 - Sync e Async - TaskLoop, MicroTasks e MacroTasks Parte 2 15:34
- 65 - Promise - Resolve, Reject, Then e Catch 24:10
- 66 - UI Components PartsSelector Aplicando Promise Codesigners 18:59
- 67 - UI Components PartsSelector Gerando um Array com Width dos Itens Codesigners 09:32
- 68 - UI Components - PartsSelector - Reduce 21:04
- 69 - UI Components - PartsSelector - Logica para NextItems 07:56
- 70 - UI Components - PartsSelector - Largura do Wrapper e Filter 18:19
- 71 - UI Components PartsSelector NextItem Slide Parte 1 Codesigners 23:20
- 72 - UI Components - PartsSelector - NextItem Slide Parte 2 14:13
- 73 - UI Components - Parts Selector - Logica para PrevItems 08:35
- 74 - UI Components - Parts Selector - PrevItem Slide 20:44
- 75 - UI Components - Parts Selector - Corrigindo Deslocamento Parte 1 20:03
- 76 - UI Components Parts Selector Corrigindo Deslocamento Parte 2 Codesigners 19:50
- 77 - Three JS - CPU, GPU e WebGL 07:08
- 78 - Three JS Exemplos Codesigners 05:59
- 79 - Three JS Instalando Three e GLTF Webpack Loader Codesigners 10:03
- 80 - UI Components - Skateboard - Estrutura inicial Parte 1 14:24
- 81 - UI Components - Skateboard - Estrutura inicial Parte 2 07:37
- 82 - UI Components - Skateboard - Criando Scene, Camera, Luz e Orbit 14:36
- 83 - UI Components - Skateboard - Adicionando elementos a Scene Parte 1 17:10
- 84 - UI Components - Skateboard - Adicionando elementos a Scene Parte 2 11:49
- 85 - UI Components - Skateboard - Adicionando elementos a Scene Parte 3 12:35
- 86 - Fluxo de Informacoes com Store State e Observers 19:12
- 87 - Separando a Logica da View no PartsSelector 15:15
- 88 - Separando a Logica da View no Skateboard 09:26
- 89 - Embrulhando os componentes em Funcoes Codesigners 04:36
- 90 - Criando Subect, Subscribers e Observers da Store 18:31
- 91 - Testando o Handler e Fluxo de Informacoes 23:22
- 92 - Mudando a Posicao inicial do Skate 10:01
- 93 - Construindo a Store e o Objeto State 09:36
- 94 - Spread e Rest Operators 08:40
- 95 - Destructuring 08:30
- 96 - Consumindo o objeto State nos Componentes 15:30
- 97 - Separando a Logica do ColorPicker 10:24
- 98 - Atualizando o Objeto State com Nested Spread 20:34
- 99 - Atualizando o State e mantendo dados anteriores Codesigners 19:25
- 100 - Corrigindo partsSelectorLogic com removeEventListener 20:22
- 101 - Enviando a posicao do Skateboard para a Store 15:55
- 102 - Subjects Dispatcher Parte 1 Codesigners 10:32
- 103 - Subjects Dispatcher Parte 2 17:07
- 104 - Subjects Dispatcher Parte 3 Codesigners 28:09
- 105 - Subjects Dispatcher Parte 4 08:57
- 106 - Subjects Dispatcher Parte 5 14:15
- 107 - Persistindo o Skateboard Position 09:17
- 108 - Trocando as Cores do Skateboard Parte 1 13:06
- 109 - Trocando as Cores do Skateboard Parte 2 09:47
- 110 - Trocando cores do Skateboard Parte 3 08:18
- 111 - Trocando cores do Skateboard Parte 4 15:28
- 112 - Trocando cores do Skateboard Parte 5 13:36
- 113 - Salvando a Cor - Parte 1 05:04
- 114 - Salvando a Cor - Parte 2 16:04
- 115 - Salvando a Cor - Parte 3 16:02
- 116 - Salvando a Cor - Parte 4 23:21
- 117 - Melhorando Messages 04:06
- 118 - Order Details Explicacao Codesigners 07:19
- 119 - Order Details - Preenchendo Dados Dinamicamente na Tabela 11:07
- 120 - Order Details - Atualizando Dados na Tabela 17:01
- 121 - Order Details Somando os Valores Codesigners 11:11
- 122 - Order Details Limpando Customizacoes Parte 1 Codesigners 20:43
- 123 - Order Details - Limpando Customizacoes - Parte 2 07:55
- 124 - Refinamentos - Parts Selector - Destacando Item 12:01
- 125 Refinamentos Color Picker Parte 1 22:52
- 126 Refinamentos Color Picker Parte 2 30:24
- 127 Refinamentos Melhorando Volumetria 3D com PointLight 12:04
- 128 Refinamentos Antialiasing e Position do Skate 14:15
- 129 Refinamentos Corrigindo Glitches no Parts Selector, Skate e Order Detais 25:30
- 130 Finalizacao Refatorando Pages e Routes Parte 1 06:37
- 131 Finalizacao Refatorando Pages e Routes Parte 2 20:45
- 132 Finalizacao Refatorando Pages e Routes Parte 3 20:49
- 133 Finalizacao Corrigindo Bugs no ChangeContent e Subscribers 06:59
- 134 Finalizacao Corrigindo CSS do Products List 09:48
- 135 Finalicacao Limpando Console Logs e Melhorando Indentacao 09:31
- 136 Build Configurando Webpack para Production Build Parte 1 13:32
- 137 Build Configurando Webpack para Production Build Parte 2 16:01
- 138 Build Configurando Webpack para Production Build Parte 3 16:20
- 139 - Build - Final.mp4 19:43
- 140 Desafio Final 07:56
Take this course with you
Download the app to continue lessons from your phone anytime.
