Front End Development Libraries V9
Aula Introduction To Javascript Libraries And Frameworkslecture
- Qual é o papel das bibliotecas e frameworks JS e por que eles são usados na indústria?
- O que são Single Page Applications e quais são alguns problemas relacionados a elas?
- O que é React e para que ele é comumente usado?
- O que são Components em React e como eles funcionam?
- "Como Funcionam as Exportações Padrão e Nomeadas em `React Components`?"
- O que é Vite e como ele pode ser usado para configurar um novo projeto React?
Oficina Reusable Mega Navbaroficina
Laboratório Reusable Footerlaboratório
Aula Working With Data In Reactlecture
- Como você passa props de um componente pai para um componente filho no React?
- Como Funciona a Renderização Condicional em Componentes React?
- Como Você Renderiza Listas em React?
- Como Funcionam os Estilos Inline no React?
Oficina Reusable Perfil Card Componentoficina
Laboratório Mood Boardlaboratório
Revisão React Basicsrevisão
Questionário React Basicsquestionário
Aula Working With State And Responding To Events In Reactlecture
- Como Funcionam os Eventos no React?
- O que é State e Como o Hook useState Funciona?
- O que é Rendering em React e como os Componentes são exibidos na tela?
- Como Você Atualiza Objetos no Estado?
- Como Você Atualiza Arrays no State?
Oficina Toggle Text Appoficina
Laboratório Color Pickerlaboratório
Aula Entendendo Effects And Referencing Values In Reactlecture
- "Como você referencia valores usando `Refs`?"
- "O que são Effects no React e como o Hook `useEffect` funciona?"
- Como Você Pode Criar Hooks Personalizados em React?
Oficina Fruit Search Appoficina
Passo 1Passo 2Passo 3Passo 4Passo 5Passo 6Passo 7Passo 8Passo 9Passo 10Passo 11Passo 12Passo 13Passo 14Passo 15Passo 16Passo 17Passo 18Passo 19Passo 20Passo 21
Laboratório One Time Password Generatorlaboratório
Revisão React State And Hooksrevisão
Questionário React State And Hooksquestionário
Aula Working With Forms In Reactlecture
Oficina Superhero Application Formoficina
Passo 1Passo 2Passo 3Passo 4Passo 5Passo 6Passo 7Passo 8Passo 9Passo 10Passo 11Passo 12Passo 13Passo 14Passo 15Passo 16Passo 17Passo 18Passo 19Passo 20Passo 21
Laboratório Event Rsvplaboratório
Aula Working With Data Fetching And Memoization In Reactlecture
- Como Funciona a Busca de Dados no React?
- O que é o hook useOptimistic e como ele funciona?
- "O que é memoization e como o hook `useMemo` funciona?"
- Como funcionam o hook useCallback e o React.memo?
Oficina Shopping List Appoficina
Passo 1Passo 2Passo 3Passo 4Passo 5Passo 6Passo 7Passo 8Passo 9Passo 10Passo 11Passo 12Passo 13Passo 14Passo 15Passo 16Passo 17Passo 18Passo 19Passo 20Passo 21Passo 22Passo 23Passo 24Passo 25Passo 26Passo 27Passo 28Passo 29Passo 30
Aula Routing React Frameworks And Dependency Management Toolslecture
- O que é Gerenciamento de Dependências e Como Ele Funciona com Bibliotecas Como o React?
- Como Funciona o Roteamento em React?
- O que são Frameworks React e por que eles são comumente usados na indústria?
Aula React Strategies And Debugginglecture
- O que é Prop Drilling?
- O que são bibliotecas de gerenciamento de estado e quando você deve usá-las?
- Como Você Pode Depurar Seus Componentes React Usando o React DevTools?
- O que são React Server Components e como eles funcionam?
Revisão React Forms Data Fetching And Routingrevisão
Questionário React Forms Data Fetching And Routingquestionário
Laboratório Currency Converterlaboratório
Laboratório Tic Tac Toelaboratório
Aula Entendendo Performance In Web Applicationslecture
- Qual é a diferença entre desempenho real e desempenho percebido?
- Quais São os Conceitos-Chave de Desempenho?
- O que é INP?
- Como medir e melhorar o INP?
- Como um Navegador Renderiza uma Página?
- Como o Desempenho Impacta a Sustentabilidade?
- Quais São Algumas Maneiras de Reduzir os Tempos de Carregamento de Página?
- Como você melhora o "Time to Usable"?
- Como Melhorar a Percepção de Desempenho dos Recursos?
- Quais São Algumas Métricas-Chave para Medir o Desempenho?
- Quais São Algumas Ferramentas Comuns de Medição de Desempenho?
- Como Você Pode Usar as Performance Web APIs para Criar Suas Próprias Ferramentas de Medição de Performance?
- Quais São Algumas Técnicas para Melhorar o Desempenho do CSS?
- Quais São Algumas Técnicas para Melhorar o Desempenho do JavaScript?
Revisão Web Performancerevisão
Questionário Web Performancequestionário
Aula Entendendo The Different Types Of Testinglecture
- Qual é o Propósito Geral de Testar Suas Aplicações?
- O que é o Ciclo de Vida do Desenvolvimento de Software e como ele se relaciona com o Teste?
- O que é Unit Testing?
- O que são BDD e TDD?
- Como Funcionam as Asserções em Testes Unitários?
- "Quais São as Diferenças Entre Mocking, Faking e Stubbing?"
- O que é Teste Funcional e como ele difere do Teste de Unidade?
- O que é Teste de Ponta a Ponta?
- O que é Teste de Usabilidade e Como é o Processo?
- O que é Teste de Compatibilidade?
- O que é Teste de Performance?
- O que é Teste de Segurança?
- O que é A/B Testing?
- O que são Testes Alpha e Beta?
- O que é Teste de Regressão?
Revisão Testingrevisão
Questionário Testingquestionário
Aula Working With Css Libraries And Frameworkslecture
- O que é um CSS Framework e quais são algumas vantagens e desvantagens de usá-lo?
- Qual é o valor de usar um pré-processador CSS e quais são algumas desvantagens?
Oficina Error Message Componentoficina
Passo 1Passo 2Passo 3Passo 4Passo 5Passo 6Passo 7Passo 8Passo 9Passo 10Passo 11Passo 12Passo 13Passo 14Passo 15Passo 16Passo 17Passo 18Passo 19Passo 20
Oficina Tailwind Cta Componentoficina
Passo 1Passo 2Passo 3Passo 4Passo 5Passo 6Passo 7Passo 8Passo 9Passo 10Passo 11Passo 12Passo 13Passo 14Passo 15Passo 16Passo 17Passo 18
Oficina Tailwind Pricing Componentoficina
Passo 1Passo 2Passo 3Passo 4Passo 5Passo 6Passo 7Passo 8Passo 9Passo 10Passo 11Passo 12Passo 13Passo 14Passo 15Passo 16Passo 17Passo 18Passo 19Passo 20Passo 21Passo 22Passo 23Passo 24Passo 25Passo 26Passo 27Passo 28Passo 29Passo 30Passo 31Passo 32Passo 33Passo 34Passo 35Passo 36Passo 37Passo 38Passo 39Passo 40Passo 41Passo 42Passo 43Passo 44Passo 45Passo 46Passo 47Passo 48Passo 49Passo 50
Laboratório Music Shopping Cart Páginalaboratório
Revisão Css Libraries And Frameworksrevisão
Questionário Css Libraries And Frameworksquestionário
Laboratório Photography Exhibitlaboratório
Aula Introduction To Typescriptlecture
- O que é TypeScript e por que ele é usado na indústria?
- Como Funcionam os Tipos Primitivos em TypeScript?
- "Como os tipos funcionam com `objects` e `arrays`?"
- Como funcionam os tipos de função?
Oficina Type Safe User Perfiloficina
Oficina Type Safe Math Toolkitoficina
Passo 1Passo 2Passo 3Passo 4Passo 5Passo 6Passo 7Passo 8Passo 9Passo 10Passo 11Passo 12Passo 13Passo 14Passo 15Passo 16Passo 17Passo 18Passo 19
Aula Entendendo Type Compositionlecture
- O que são Union Types e como eles funcionam?
- O que são Type Aliases e Como Eles Funcionam?
- O que são interfaces e como elas funcionam?
- "Como Funcionam os Tipos any, never, unknown e void?"
- O que são Type Assertions e Como Elas Funcionam?
Oficina Shape Manageroficina
Passo 1Passo 2Passo 3Passo 4Passo 5Passo 6Passo 7Passo 8Passo 9Passo 10Passo 11Passo 12Passo 13Passo 14Passo 15Passo 16Passo 17Passo 18Passo 19Passo 20Passo 21Passo 22Passo 23Passo 24Passo 25Passo 26Passo 27Passo 28Passo 29Passo 30Passo 31Passo 32Passo 33Passo 34Passo 35Passo 36Passo 37Passo 38Passo 39Passo 40Passo 41Passo 42Passo 43Passo 44Passo 45Passo 46Passo 47Passo 48Passo 49Passo 50Passo 51
Laboratório Motorcycle Shoplaboratório
Aula Working With Generics And Type Narrowinglecture
Oficina Bug Emoji Pickeroficina
Passo 1Passo 2Passo 3Passo 4Passo 5Passo 6Passo 7Passo 8Passo 9Passo 10Passo 11Passo 12Passo 13Passo 14Passo 15Passo 16Passo 17Passo 18Passo 19
Laboratório Product Showcaselaboratório
Aula Working With Typescript Configuration Fileslecture
Oficina Fortune Teller Appoficina
Passo 1Passo 2Passo 3Passo 4Passo 5Passo 6Passo 7Passo 8Passo 9Passo 10Passo 11Passo 12Passo 13Passo 14Passo 15Passo 16Passo 17Passo 18Passo 19Passo 20Passo 21Passo 22Passo 23Passo 24Passo 25Passo 26Passo 27Passo 28Passo 29Passo 30Passo 31Passo 32Passo 33Passo 34Passo 35Passo 36Passo 37Passo 38Passo 39Passo 40Passo 41Passo 42Passo 43Passo 44Passo 45Passo 46Passo 47Passo 48Passo 49Passo 50Passo 51Passo 52Passo 53Passo 54Passo 55
Oficina Build A Football Player Card Builderoficina
Passo 1Passo 2Passo 3Passo 4Passo 5Passo 6Passo 7Passo 8Passo 9Passo 10Passo 11Passo 12Passo 13Passo 14Passo 15Passo 16Passo 17Passo 18Passo 19Passo 20Passo 21Passo 22Passo 23Passo 24Passo 25Passo 26Passo 27Passo 28Passo 29Passo 30Passo 31Passo 32Passo 33Passo 34Passo 35Passo 36Passo 37Passo 38Passo 39Passo 40Passo 41Passo 42Passo 43Passo 44Passo 45Passo 46Passo 47Passo 48Passo 49Passo 50Passo 51Passo 52Passo 53Passo 54Passo 55Passo 56Passo 57Passo 58Passo 59Passo 60Passo 61Passo 62Passo 63Passo 64Passo 65Passo 66Passo 67Passo 68Passo 69Passo 70Passo 71