Desenvolvimento de aplicativos Web React.js - curso 25.500 rublos. da Loft School, treinamento de 6 semanas, data de 27 de novembro de 2023.

instagram viewer

Semana 1 - Introdução ao React.js

— Conhecemos a equipe do curso e os colegas.
— Aprendendo JSX e Virtual DOM em React.
— Estamos considerando a abordagem dos componentes e os métodos de transferência de dados.

Conhecido
1. Abertura do curso (05:41)
Eu reajo.js
1. O que é reagir (07:05)
2. DOM virtual (02:46)
3. JSX (06:10)
4. Renderizando com condições (05:11)
5. Trabalhando com listas (02:45)
6. Componentes (02:41)
7. Adereços (01:45)
8. Estadual (06:45)
9. Eventos (02:26)
10. Reagir Devtools (03:58)
IIReagir.js
1. Métodos de ciclo de vida (05:19)
2. Componentes - funções (01:29)
3. Componente Puro (02:54)
4. Eventos Sintéticos (01:42)
5. Trabalhando com formulários (02:51)
6. Tratamento de erros (01:39)
Análise das tarefas #1
1. Oficina #1 (30:36)

Semana 2 – Padrões React.js, testes

— Estudamos componentes, elementos e instâncias da classe de componentes.
— Consideramos a biblioteca Recompose, componentes de alta ordem e padrões Render Props.
— Entendemos as vantagens dos testes, estudamos Jest, Enzyme, Snapshots.

III Reagir
1. Introdução (01:43)
2. PropTypes (10:18)
3. Contexto (05:19)
4. Referências (05:18)
5. Portais (05:02)
6. Ganchos (10:42)
IV React.js
1. Componentes de ordem superior (HOCs) - Componentes de ordem superior (10:33)
2. Encaminhamento de referência (HOCs) (04:31)
3. Padrão de adereços de renderização (05:25)
4. Recomposição da biblioteca HOK (10:32)
5. Perfil (04:02)
Teste
1. Introdução (05:06)
2. Corredor de teste (02:51)
3. Teste DSL (08:41)
4. Enzima (06:57)
5. Instantâneos (03:09)
6. Testando sagas (05:01)
7. Biblioteca de testes React (06:32)
Análise das tarefas #2
1. Oficina #2 (27:54)

Semana 3 - Redux, roteamento

— Estudamos roteamento: roteamento simples, roteamento com Switch, bem como roteamento aninhado.
— Conhecendo a biblioteca Redux: conceitos básicos e conceitos de Store, Actions, Redutores, React-redux.
— Middleware é considerado uma forma de trabalhar com Sideeffect.

Roteamento no navegador
1. API de histórico (02:48)
2. Roteamento simples (05:39)
3. Roteamento do switch (04:16)
4. Roteamento aninhado (05:32)
5. Rota privada (04:39)
Eu redux
1. Introdução (04:07)
2. Loja (05:03)
3. Ações (02:17)
4. Redutores (07:56)
5. Reagir-redux (03:26)
II Redux
1. Introdução (03:11)
2. CreateActions (ações redux) (09:13)
3. Middleware (07:54)
4. Lidar com ações (05:52)
5. Seletores (06:17)
6. Selecionar novamente (04:49)
7. Patos (06:56)
Análise das tarefas #3
1. Oficina #3 (39:13)

Semana 4 - Saga Redux

— Estamos estudando a biblioteca da saga Redux. Repita as funções do gerador*. Vamos aprender como executá-los em paralelo.
— Vejamos o método Take. Vamos estudar o select como forma de obter dados da Store.
— Estamos procurando maneiras de estilizar um aplicativo React. Estudamos as bibliotecas ClassNames, StyledComponents, BrowserList, MaterialUI.

Eu Redux-saga
1. Introdução (00:57)
2. Visão geral (02:08)
3. Geradores (04:11)
4. Adicionando sagas (02:07)
5. Reaja às ações (03:53)
6. Lançamentos de recursos (02:06)
II Redux-saga
1. Introdução (00:27)
2. Executando efeitos em paralelo (03:41)
3. Faça efeito (02:45)
4. Selecione o efeito (02:04)
5. Cancelar efeitos (04:05)
Trabalhando com estilos
1. Introdução (01:34)
2. Estilos CRA (05:21)
3. Nomes das turmas (06:32)
4. Componentes estilizados (07:11)
5. Lista de navegadores (01:37)
6. IU de materiais (08:13)
Análise das tarefas #4
1. Oficina #4 (09:55)

Semana 5 - Formulários, CI e DI e tratamento de erros do cliente

— Consideramos trabalhar com formulários usando as bibliotecas Formik, Redux Forms, React Final Form.
— Estamos considerando métodos para garantir a qualidade do código de produção. Analisamos ferramentas como: Husky, TravisCI, HerokuNow.
— Estamos estudando um conjunto de bibliotecas úteis para desenvolvimento (Storybook, RamdaJS, Axios).
— Estamos considerando o TypeScript.

Trabalhando com Formulários
1. Introdução (05:07)
2. Formik (08:51)
3. Formulário redux (06:22)
4. Forma final do React (06:36)
Tratamento de erros de CI, DI e cliente
1. Introdução (05:07)
2. Husky (02:32)
3. CI usando TravisCI (03:32)
4. Implantar no heroku (04:57)
5. Barra de rolagem (02:00)
Um conjunto de bibliotecas úteis para desenvolvimento
1. Livro de histórias (05:32)
2. RamdaJS (04:47)
3. Eixos (05:52)
4. Texto datilografado (09:31)
Análise das tarefas #5
1. Oficina #5 (13:17)

Semana 6 - Trabalho de projeto

— Concluímos o requerimento e o enviamos para análise.

Como conseguir um emprego em TI: dicas e truques
1. Como conseguir um emprego em TI? Pesquisa, entrevista e período probatório (42:21)
2. Como encontrar trabalhos remotos e pedidos freelance? (20:12)
3. Primeiro emprego em TI – como se comportar? Estágios, emprego oficial e trabalho “por comida” (14:11)
4. Como passar o período probatório? (27:10)
5. Como se preparar para uma entrevista em uma empresa FAANG (08:52)
6. O processo de carregamento de uma página da web (25:19)
7. Entrevista com programador – tudo o que você precisa saber (01:24:07)
8. Resolvendo um problema em uma entrevista com um programador (19:36)
9. Entrevista com desenvolvedor front-end (01:37:17)