Desenvolvedor Fullstack JavaScript - curso RUB 59.200. pela Innopolis University, treinando 4 meses

instagram viewer

EU. Introdutório. Kit de ferramentas, git, configuração do projeto

No primeiro bloco, forneceremos a todos os participantes do curso um conjunto de ferramentas necessárias para progredir nos tópicos. Serão realizadas consultas individuais de instalação, durante as quais determinaremos objetivos individuais para o curso, com base na sua experiência de desenvolvimento pessoal. Como resultado deste bloco, você aprenderá como configurar de forma independente a montagem de uma aplicação SPA com qualquer pré-processador CSS usando webpack. E também obtenha uma compreensão básica da linguagem Typescript e dos recursos de sua configuração e uso.

— Na primeira lição mostraremos o conjunto de ferramentas necessárias, como instalá-las e configurá-las. Você aprenderá como configurar um projeto React do zero.

— Familiarize-se com os fundamentos da linguagem Typescript e suas diferenças em relação ao JavaScript.

II. Reagir

No segundo bloco serão formadas equipes, as consultas passarão a ser reuniões de equipe. Nessas reuniões decidiremos o projeto, formaremos um conjunto de funcionalidades, que será o nosso objetivo para o curso. Você desenvolverá layouts e ao final do bloco terá disposto todas as páginas do projeto da equipe em React.

— Vamos conhecer a história do surgimento dos frameworks web, discutir as vantagens e desvantagens do React e começar a desenvolver os primeiros componentes do React.

— Vamos estudar as melhores práticas para organizar a estrutura de uma aplicação React. Vamos nos aprofundar nos detalhes da renderização dos componentes do React. Vamos começar a usar a abordagem CSS-IN-JS moderna para estilizar componentes React com base em componentes estilizados.

— Vamos aprender como trabalhar corretamente com os principais componentes do React - Props e State, o que ajudará a adicionar flexibilidade aos componentes. Vamos descobrir o método correto de interagir com os elementos DOM dos componentes React.

- Vamos continuar a estudar a API React, procurar maneiras de interagir com componentes filhos e aprender como evitar o problema de infinitos adereços usando contexto. Vamos dar uma olhada em uma abordagem alternativa para expandir os recursos de um componente React.

— Vamos analisar o ciclo de vida de um componente, entender como implementá-lo, o que nos permitirá enriquecer os componentes com novos tipos de lógica.

- Vamos entender como o React foi capaz de se afastar completamente dos componentes de classe para os funcionais usando o novo padrão Hooks. Vamos nos familiarizar com os ganchos básicos do React.

- Descobriremos exatamente como funciona a alternância entre páginas sem recarregar e também implementaremos o React-Router no trabalho.

— Vamos aprender como desenvolver aplicativos React multilíngues.

— Vejamos maneiras de introduzir flexibilidade no estilo da interface, trabalhando com temas (por exemplo, claro/escuro), trabalhando com ícones e animações usando lotty como exemplo.

III. Nodejs

Nesta etapa, você implementará seu servidor em Node.js usando a biblioteca Express.js. Implementando uma API para um projeto de equipe. Aprenda a trabalhar no programa carteiro. Aprenda os fundamentos do uso de uma imagem docker usando o exemplo de trabalho com o banco de dados Mongodb.

— Introdução ao Node.js, sua história e os fundamentos do gerenciador de pacotes.

— Descubra como o Node.js funciona com arquivos, como os módulos são criados e publicados e conheça as funcionalidades desse processo.

— Aprenda a construir um servidor em Node.js usando a estrutura Express.js.

— Continuando a estudar as funcionalidades do servidor no Express.js.

4. Restaurado

Após concluir este bloco, você entenderá como ocorre a interação com a API backend em uma aplicação React moderna. Aprenda a desenvolver e administrar stub stubs para desenvolvimento local, aprenda como fazer um aplicativo microfrontend configurável para funcionar com um servidor real.

— Para obter uma compreensão aprofundada de como funciona o gerenciador de estado Redux, vamos escrever nossa própria versão e entender os fundamentos do uso do Redux.

— Vamos ver na prática como e por que o Redux é usado em sua forma clássica.

— Dominar a utilização e compreender o conceito de seletores com e sem ganchos.

— Com base no conhecimento prévio, vamos considerar um uso mais moderno do Redux graças à biblioteca @reduxjs/toolkit.

— Vamos entender os meandros de trabalhar com o servidor e o lugar do Redux nesse processo.

V. Brincadeira

Neste bloco, exploraremos como e por que testar uma aplicação web. Você aprenderá como testar seu aplicativo e aumentar a cobertura de teste de código para o padrão da indústria de 80%. Você aprenderá os princípios de teste de aplicativos usando a biblioteca Jest como exemplo.

— Vamos falar sobre por que você precisa escrever testes e como fazê-lo de forma rápida e eficiente.

— Domine a configuração da estrutura de teste Jest do zero.

— Continuação do tópico anterior com foco em testes unitários.

— Você verá como adicionar testes de UI ao projeto.

VI. Aplicativo de página única

Neste bloco, exploraremos tecnologias que serão utilizadas em todas as aplicações web modernas e que ficarão disponíveis após a remoção do suporte do Internet Explorer. Isso aconteceu em 15 de junho de 2022.

— Vamos conhecer a ideia de um aplicativo de página única.

— Vamos descobrir como escrever sua própria biblioteca de componentes.

— Vamos dominar o multithreading em Node.js.

— Vamos escrever um chat em um web socket. Você irá hackeá-lo com suas próprias mãos em aula e também aprenderá como se defender contra tais ataques.

— Vejamos como criar seu próprio chat de vídeo para dois.

— Vamos nos familiarizar com os fundamentos da configuração de um servidor no Nginx e do balanceamento. Também aprenderemos como conectar mecanismos de busca ao nosso aplicativo SPA.

Defesa do projeto final