Intensivo “Desenvolvedor front-end” - curso 88.800 rublos. da SkillFactory, treinamento de 3 meses, Data: 13 de agosto de 2023.

Projeto 1. Site de cartão de visita

Você criará seu primeiro site completo usando ferramentas de layout - HTML e CSS. O site contará sobre você, sua experiência e hobbies; durante sua especialização, você poderá retornar a ele e adicionar informações sobre você. Usando tags HTML você preparará a marcação do conteúdo do site, e usando estilo CSS você desenvolverá um design individual para o site do seu cartão de visita e adicionará interatividade simples a ele.

Apesar da simplicidade das ferramentas HTML e CSS, esta seção é fundamental para qualquer desenvolvedor. O HTML é frequentemente usado em conjunto com linguagens de programação como JavaScript, e o CSS oferece uma série de soluções elegantes de design de interface.

• Tópicos dos módulos de treinamento em HTML e CSS:
• Noções básicas de HTML
• Estilo CSS. Seletores
• Caixa flexível
• Tecnologia Git. GitHub

Projeto 2. Layout da landing page de acordo com o layout

Para fortalecer totalmente suas habilidades em HTML e CSS, será oferecido a você uma maquete de site feita em Figma. Usando este layout, você terá que criar uma landing page de uma página para uma agência de design para versões desktop e mobile. O layout final precisará ser carregado no github, a partir de agora você postará todos os seus projetos em repositórios.

Este projeto é a quintessência do trabalho de um desenvolvedor front-end em qualquer empresa. Seus projetos de trabalho podem se tornar muito mais avançados em funcionalidade e visualmente, mas a essência permanecerá exatamente a mesma.

Projeto 3. Controle deslizante em JavaScript

O próximo projeto que entrará em seu portfólio é a implementação de um slider em um site utilizando JavaScript puro, ou o chamado VanillaJS. Um slider é uma função interativa de transição entre imagens com descrições (também podem ser links ou blocos de texto), que pode ser implementada futuramente em qualquer site ou aplicativo. JavaScript fornecerá mais oportunidades para a criação de interfaces web interativas com lógica não trivial.
Ao concluir este projeto, você fortalecerá suas habilidades de desenvolvimento puro de JavaScript, que é uma das tendências Nos últimos anos, mais e mais desenvolvedores estão tentando implementar frontend, se possível, sem recorrer a estruturas. Qualquer que seja a pilha de tecnologia da empresa onde você trabalhará no futuro, o conhecimento confiável e o uso de JavaScript são o mínimo necessário para uma carreira como desenvolvedor front-end.

Tópicos do módulo de treinamento JavaScript:

• Introdução ao JavaScript
• Funções, objetos
• Eventos e DOM. Selecionadores.
• Programação JavaScript
• Modularidade
• Digitando
• AJAX
• API do navegador

Projeto 4. Quadro Kanban em React

Para aumentar sua competência em desenvolvimento front-end, você terá que dominar um dos frameworks JavaScript. Nesta especialização, propomos focar no estudo da biblioteca mais popular - React. No quarto projeto, baseado no layout do Figma, você implementará uma aplicação web que é um caderno de tarefas com o status de cada tarefa. O aplicativo será implantado usando Create React App.
Neste projeto você terá que lembrar o layout e também usar JavaScript puro. A parte com React permitirá que você consolide suas habilidades de desenvolvimento nesta biblioteca; este módulo também fornecerá uma visão geral dos frameworks Vue e Angular.

Tópicos de módulos de treinamento dedicados a frameworks e bibliotecas:

• Criando uma aplicação em React
• Componentes de reação
• Tratamento de eventos em React
• Padrões de reação
• Roteador React
• Estruturas e bibliotecas
• Vue e Angular
• Restaurado

Uma conhecida empresa que aluga bicicletas nas grandes cidades da Rússia está enfrentando problemas com o roubo frequente de seus bens (bicicletas). Como possível solução para o problema, a empresa quer manter um registro desses casos e acompanhar o andamento. Seus próprios desenvolvedores já prepararam a parte servidor da aplicação (API), eles precisam implementar a parte cliente.
Você terá que se lembrar de todas as pilhas de tecnologia abordadas: HTML, CSS, JavaScript, React. Além de concluir seu projeto de graduação, você terá que se preparar para uma viagem aberta: sob nossa orientação você se preparará um currículo honesto e convincente, escreva uma carta de acompanhamento competente e também conclua diversas tarefas em testes reais.
Como resultado, você terá uma conta no github com projetos que mostrarão seu potencial ao empregador, além de um currículo e todas as chances de conseguir rapidamente um emprego como desenvolvedor júnior.

Tópicos dos módulos de treinamento:

• Animação
• Testes e linters
• JavaScript no back-end. Trabalhando com bancos de dados
• Node.js. Interação com o back-end