Desenvolvedor Web do zero - curso 72.900 rublos. de Brunoiam, treinamento 9 meses, data de 27 de novembro de 2023.

Bloco 1 – Noções básicas de tecnologias web

• Definir metas pessoais para o curso
• Tipos de sites, funcionalidade
• Etapas da criação do site, principais profissões do setor
• Tecnologias de rede e protocolos de Internet: TCP/IP, HTTP, HTTPS, FTP
• Hospedagem e domínio, sistema DNS
• Modelo Cliente e Servidor
• O papel do navegador e dos editores de código
• Configurando seu espaço de trabalho
• Sistemas de controle de versão. Git

Bloco 2 - HTML

• Introdução ao HTML: conceitos de tags e atributos
• Codificação de texto HTML
• Tags para formar texto
• Hiperlinks e endereços de arquivos
• Links âncora
• Link para ligar e enviar e-mail
• Tabelas em HTML
• tag img e seus atributos. Regras para postar fotos. Formatos de imagem: quais escolher

Bloco 3 - CSS

• Sintaxe CSS Básica
• Principais tipos de seletores: identificadores, classes, pseudoclasses
• Pontos de especificidade e prioridades de regras
• Cascata e herança de propriedade
• Seletor contextual e universal
• Propriedades de texto e fonte em CSS
• Conectando fontes externas
• Cores HEX e RGB. Adicionando um fundo uniforme aos elementos. Imagem de plano de fundo da página, configurações de plano de fundo

Bloco 4 - Modelo de bloco e layout da página web

• Compreendendo os elementos de bloco e embutidos
• Principais propriedades dos blocos
• Como é calculado o tamanho do bloco e o tamanho da caixa: border-box
• O que é um modelo de bloco
• Usando blocos para construir um layout
• Elementos de bloco embutidos
• propriedade de exibição
• Métodos desatualizados de construção de layout: saiba, não pode ser usado

Bloco 5 – Layouts multicolunas com Flexbox

• Tags semânticas para design de layout
• Noções básicas do Flexbox: contêineres e elementos
• Alinhando elementos ao longo do eixo principal e transversal
• Alteração de eixos e alinhamento vertical de elementos
• Problemas com o uso do flexbox

Bloco 6 - Noções básicas de editores gráficos para designers de layout

• Trabalhando com imagens: recortar, recortar
• Economia: formato, qualidade, peso
• Como descobrir o código de cores
• Ferramentas de fonte
• Copiando CSS finalizado
• Medindo distâncias: ferramentas, configurações
• Efeitos e sua cópia
• Incorporação de mapas e vídeos

Bloco 7 - Posicionamento

• Tipos de posicionamento: estático, absoluto, relativo, fixo
• Recursos de diferentes tipos de posicionamento
• índice z e contexto de sobreposição
• Quando e como usar o posicionamento
• Exemplo de menu suspenso de vários níveis
• Resolvendo problemas típicos de posicionamento

Bloco 8 - Formulários de feedback

• Elementos básicos do formulário: input, select, textarea, button
• Estado de campo e pseudoclasses
• Caixa de seleção de elementos de seleção, rádio, selecione
• Elementos de agrupamento: conjunto de campos e legenda
• Estilos para o pseudoelemento de espaço reservado
• Regras para escrever estilos para formulários
• Botões de estilo

Bloco 9 – Web design responsivo e adaptativo

• Conceito de web design adaptativo e responsivo
• Consultas de mídia
• Opções de viewport e tag Meta viewport
• Problemas entre navegadores
• Validade do código, validadores
• Recursos de sites de várias páginas
• Regras de layout para promoção de SEO

Bloco 10 – Animação usando HTML5 e CSS3

• Transições suaves para criar efeitos de animação
• Animação usando quadros-chave
• Transformação de elementos
• Adicionando elementos básicos de animação ao site 

Bloco 11 - Noções básicas de JavaScript

• Introdução ao JavaScript
• Variáveis ​​e tipos de dados
• Operadores matemáticos e conversão de tipo
• Operadores lógicos
• Ramos e declarações condicionais
• Recursos integrados de interação do usuário

Bloco 12 – Loops e arrays em JavaScript

• Matrizes
• Métodos para trabalhar com matrizes
• loops for e while
• Matrizes aninhadas
• Trabalhando com o console

Bloco 13 - Funções

• Definição de uma função. A função da seta e suas diferenças em relação à usual. Expressão de Função e Declaração de Função.
• Área de visibilidade. Como funciona. Ambiente Lexical.
• Temporizadores e fechamento. Funções setInterval, setTimeout, clearInterval, clearTimeout. O que é um fechamento e como pode ser usado.
• Funções de retorno de chamada

Bloco 14 - Objetos. DOM. Eventos

• Objetos e dicionários. Como criar objetos. A palavra-chave é esta. Obtendo, alterando e excluindo propriedades de objetos. Links para objetos.
• Herança de protótipo. Como funciona a herança de propriedades e métodos. Designers.
• Aulas. Definição de classes e vantagens de utilização. Expansão de aulas. Métodos privados e métodos públicos. Getters e setters. Um exemplo de criação de um programa usando classes e arquitetura MVP.
• DOM. Modelo de objeto de página e por que ele é necessário. Encontrar elementos em uma página e recuperá-los. Enumeração de elementos e propriedades básicas.
• Eventos

Bloco 15 – Animação e efeitos em JavaScript

• Animações JavaScript. Alterando propriedades CSS de elementos. Curva de Bézier. Exemplos de animações.
• Renderizando no navegador. Propriedades otimizadas. função requestAnimationFrame.
• Bibliotecas com animações

Bloco 16 – Elementos interativos

• Controle deslizante
• Acordeão
• Dica

Bloco 17 - Node.js

• Introdução ao Node.js. Recursos do Node.js. Resumidamente sobre os módulos e suas finalidades: fs, child_process, https.
• NPM. Comandos básicos do gerenciador de pacotes npm. Inicializando o projeto e instalando os primeiros pacotes. estrutura package.json.
• Noções básicas do Webpack. Por que precisamos de montadores e quais etapas podem ser automatizadas? Primeira configuração do Webpack e automação de build: minificação de código, concatenação de módulos e uso do pré-processador SCSS.
• Pré-processador SCSS. Vantagens dos pré-processadores. Uma rápida visão geral das diferenças entre alguns: SCSS, SASS, Less, post-css. Construções básicas: variáveis, mixins, funções.

Bloco 18 – Trabalhando com o servidor

• API de promessa
• Entrando em contato com o servidor e a classe XMLHttpRequest
• método de busca
• Biblioteca Axios

Bloco 19 - Noções básicas de reação

• Componentes e JSX
• Condição do Componente
• Ganchos
• Componentes de estilo
• Roteador React

Unidade 20 - Noções básicas de TypeScript

• Digitação estática
• Interfaces e tipos
• Tipos de enumeração

Bloco 21 – Visão geral do roteiro do desenvolvedor JS

• Resumidamente sobre como se desenvolver ainda mais como desenvolvedor e o que estudar 

Bloco 22 - Noções básicas de programação PHP

• Finalidade das tecnologias de servidor
• Servidor web local e domínio
• Criação de páginas web dinâmicas
• O conceito de sistemas CMS
• Site de hospedagem
• Protocolo FTP para download de arquivos
• Resumindo e concluindo o projeto

Taxa de bônus

Curso gratuito "Aprenda a aprender"

Damos a cada aluno acesso a este curso para que o treinamento não seja desperdiçado. O problema é que as pessoas não obtêm resultados com o treinamento. Existem três razões principais:

• Não há objetivos claros. E mesmo quem entende a importância dos objetivos ainda não os cumpre. Quero mudar de emprego e me tornar um ótimo gerente de mídia social - não é uma meta, mas um desejo. Com esta configuração, o resultado será adequado.
• Abandonar o aprendizado no meio do caminho. Muitas pessoas encontram motivação na primeira semana. Mas é impossível chegar ao fim. Porque o cérebro não gosta de aprender regularmente.
• Falta de consistência. É um fenômeno bastante comum quando nos agarramos a qualquer informação sobre um tema escolhido, movemo-nos ao acaso e, como resultado, sem sucesso.

Por que destacamos esses três motivos? Porque lecionamos há 11 anos e vemos o feedback dos alunos. Durante o curso, ensinamos como aplicar todo esse conhecimento valioso na vida.