web developer roadmap

Roteiro do desenvolvedor da web

O Roteiro do Desenvolvedor da Web é um caminho de aprendizado para entender o desenvolvimento da Web, incluindo front -end, back -end e nuvem (AWS).

Como aprender o desenvolvimento da web?

Um desenvolvimento da Web pode ser dividido em quatro partes diferentes,

1. Banco de dados
2. Back -end
3. Front-end
4. Cloud (servidor)

Este roteiro consiste em tecnologias/estruturas amplamente utilizadas para front -end e back -end. Ele também inclui visão geral sobre o Cloud (AWS) e algumas informações sobre o servidor.

Índice

• Sprint 1 - Comandos Básicos de Linux, Controle de Versão, Tecnologias da Web e Convenções de Codificação
• Sprint 2 - Docker, bancos de dados e PHP
• Sprint 3 - Golang
• Sprint 4 - node.js
• Sprint 5 - vue.js
• Sprint 6 - Conceitos úteis

Sprint 1 - Comandos Básicos de Linux, Controle de Versão, Tecnologias da Web e Convenções de Codificação

Prático 1.1 - Comandos básicos e controle de versão

• Escreva um comando para seguintes operações no terminal

  • Liste todos os arquivos com detalhes no diretório
  • Dê apenas permissão de leitura para qualquer arquivo
  • Dê todas as permissões de leitura e gravação para qualquer arquivo
  • Obtenha o endereço IP do próprio PC
  • Observe o uso do espaço em disco
  • Ver Histórico de comandos executados anteriormente
  • Comando Linux para instalar/desinstalar php
  • Comando Linux para iniciar/interromper o serviço MySQL
  • Escreva e salve qualquer arquivo do terminal

• Executar as seguintes operações no Gitlab

  • Crie um repositório para Gitlab
  • Verifique o status Git do repositório
  • Compreenda arquivos novos/atualizados em um repositório Git
  • Empurre em um repositório Git
  • Puxe novas mudanças do repositório
  • Confira nova filial
  • Mesclar ramificar em outro
  • Rebase e abóbora
  • Crie solicitação de mesclagem
  • Escreva um comando para clonar este repo

Referências

• Comandos básicos do Linux

• O que é controle de versão?

• Como usar o git

  • Controle de versão com git
  • Git: O Guia para iniciantes para entender os conceitos de controle da versão central
  • Comandos git

Prático 1.2 - Tecnologias básicas da Web com convenções de codificação

• Design da interface do usuário com padrões de codificação
  • Projete a interface do usuário estática dada no link
  • Design de interface responsiva dada no link

Referências

• Html5

  • Curso de bootcamp de desenvolvimento da web na UDEMY - Seção 2 e 3
  • HTML básico e HTML5 do Free Code Camp

• CSS3

  • Curso de Bootcamp de Desenvolvimento da Web na UDEMY - Seção 4 e 5
  • Bootstrap do Curso de Bootcamp de Desenvolvimento da Web em Udemy - Seção 6 e 8
  • O que é Flexbox?
  • Bootstrap das bibliotecas de front -end em Código Free Code
  • Termine Curso de Certificação de Design Web Responsivo do Camp Camp

• Formatação de código e práticas recomendadas

  • 25 atalhos de código mais usados ​​vs
  • Formatação de código no código VS
  • Melhores práticas de desenvolvimento da web

Prático 1.3

• Conversor da unidade
  • Crie um conversor de unidade que deve receber informações dos usuários e produzir o valor na unidade solicitada (as unidades de conversão podem ser centímetros, medidores e quilômetros)

Referências

• JavaScript & JQuery

  • JavaScript básico do curso de bootcamp de desenvolvimento da web na UDEMY - Seção 9 e 10
  • JavaScript básico, ES6, expressões regulares e depuração do acampamento de código livre
  • Curso de bootcamp de desenvolvimento da web na UDEMY - Seção 11 e 13
  • JSON, APIS e AJAX do Free Code Camp
  • Termine os algoritmos JavaScript e estruturas de dados do Free Code Camp
  • Curso de Bootcamp de desenvolvimento da Web na UDEMY - Seção 14 a 16
  • Termine os projetos de bibliotecas de front -end do Free Code Camp
  • Diferença entre == e ===
  • Noções básicas de jQuery

• Convenções de codificação

  • Padrões de codificação-1
  • Padrões de codificação-2

Sprint 2 - Docker, bancos de dados e PHP

2.1 prático

• Instale o MySQL usando o Docker
• Instale o MongoDB usando o Docker

Referências

• O que é Docker
• Introdução ao Docker
• Instale o MySQL usando o Docker
• Instale o MongoDB usando o Docker

2.2 prático

• Realize consultas a seguir em MySQL

  • Crie uma tabela chamada students com campos ID, First_Name, Last_Name, Standard, Porcentage, Interest, etc ... e insira dados nele
  • Crie tabela student_attendances com campos id, criado_at, presença/ausência Campos e insira dados nele
  • Crie uma tabela chamada teachers com Fields ID, First_Name, Last_Name, sujeito, interesses etc ... e insira dados nele
  • Crie tabela teachers_attendances com campos id, criado_at, presença/ausência Campos e insira dados nele
  • Prepare consultas para encontrar a presença/ausência do aluno em um determinado dia
  • Encontre total ausência/presença de cada aluno
  • Encontre alunos ausentes com uma porcentagem inferior a 70.
  • Encontre um aluno que tenha presença mais elevada
  • Obtenha todos os alunos do aluno e do professor, last_name, Full_name, interesse, padrão, assunto e ausência total.

• Execute as seguintes consultas no MongoDB (pode usar o MongoDBPlayground para fazer consultas

  • Crie uma coleção chamada students com campos id, primeiro_name, last_name, padrão, porcentagem, juros, etc ... e insira dados nele
  • Faça uma consulta para encontrar estudantes com uma porcentagem inferior a 70 e interesse no esporte.
  • Conte o total de estudantes com uma porcentagem acima de 70

Referências

• Curso de Bootcamp de Desenvolvimento da Web Udemy - Seção 24 e 25
• MySQL Subncer e consulta Union

2.3 prático

• Crie um aplicativo de blog com os seguintes requisitos usando PHP
  • Deve ter dois lados
    • 1. Admin
    • 2. Usuário
  • Implementar a funcionalidade de registro e login para usuário e administrador
  • O Admin pode adicionar postagens (Post Fields - Título, Descrição, Created_date, Autor, Categoria, Imagem)
  • Admin pode decidir qual usuário pode ver a postagem
  • As postagens adicionadas serão visíveis no lado do usuário (mais recente primeiro)

Referências

• PHP: Referência de idiomas
• PHP: Introdução
• Padrão de codificação

Conceitos básicos

• Instalação wamp/mamp/xampp
• Como funciona exatamente?
• Sintaxe básica
• Variáveis, constantes, operadores e estruturas de controle
• Condições, loops, casos de troca
• Matrizes, string e várias funções de string
• Funções
• Inclui e obrigatório
• Aulas e objetos e construtores
• Namespaces
• Extensões
• Exceções
• Codificar e decodificar JSON
• Sessões
• Biscoitos
• Manipulação de arquivo
• Array indexado versus matriz associativa
• Objeto vs stdObject
• Tempo limite do script PHP

Variáveis ​​predefinidas

• http://php.net/manual/en/reserved.variables.php
• $ Global
• $ _Server
• $ _Get
• $ _Post
• $ _Files
• $ _Request
• $ _Session
• $ _Cookie

Opções avançadas

• Interfaces
• Características
• Crons
• Compositor
• php.ini tweaks

Palavras -chave

• Privado
• Público
• Estático

Sprint 3 - Golang

Prático 3.1

• Implementar aplicativo de música com requisitos determinados

Conceitos básicos

• Por que ir?

• Execute o Programa Hello World em Go

• Vá módulos

• Estrutura de gin

• Constantes, tipos de variáveis

• Funções, funções de retorno multi, init ()

• Pacotes e importação

• Declarações e loops condicionais

• Matrizes e fatias

• Ponteiros, estruturas e métodos

• Manuseio de erros

• Gofmt

• Melhores práticas

• Outros

  • JWT
  • JSON
  • Rest API

Conceitos antecipados

• Mapas em Go
• Concorrência e Goroutine
• adiar
• Manuseio de erros
• Entre em pânico e recupere
• Reflexão
• Tipo de conversão
• Manipulações de arquivo
• Log
• Autenticação com JWT (JSON Web Token)

Pacotes

• Gin
• Pacote mysql
• net/http
• Compressor de arquivo
• Log
• MongoDB
• ioutil
• OS
• cordas
• analisar o arquivo estático para binário
• manipulador de valor nulo
• JWT
• Socket.io
• sentinela

Sprint 4 - node.js

Prático 4.1

• Implementar um aplicativo de bate-papo em tempo real

Prático 4.2

• Implementar um aplicativo de comércio eletrônico com requisitos determinados

Referências

• fio

• npm

• Yarn vs npm

• nó

• Por que node.js?

• Conceitos básicos:

  • Commonjs e Esmodule
  • Console
  • Escopo
  • 'Esta palavra -chave' Parte 1
  • 'Esta palavra -chave' Parte 2
  • Entendering Package.json
  • Importação/exportação requer
  • Retornos de chamada
  • assíncrono
  • async.waterfall ()
  • Ref
  • Loop de eventos
  • Node Mailer para enviar e -mails
  • Práticas recomendadas

• Express.js

  • Instalação
  • Gerador expresso
  • Roteamento
  • Hospedar arquivos estáticos
  • MOTOR MOTOR (EJS)
  • Analisador corporal

Sprint 5 - vue.js

5.1 prático

• Implementar o aplicativo Frontend of ECommerce usando o vue.js com requisitos determinados

Referências

• Comece com Vue.js

• Tailwind CSS para iniciantes

• Tutorial CSS do Tailwind

• Pinia

• Conceitos

  • O que é vue.js?
  • Começando
  • Instalação
  • Instâncias de aplicação e componentes
  • Sintaxe do modelo
  • Propriedades e métodos de dados
  • Propriedades e observadores computados
  • Classes e encadernações de estilo
  • Renderização condicional, ligação ao estilo condicional
  • Renderização da lista
  • Manuseio de eventos
  • Formulário de ligação de entrada
  • Noções básicas de componentes
  • Adereços
  • Registro de componentes
  • Slots
  • Modelo Refs
  • Gerenciamento do Estado

Sprint 6 - Conceitos úteis

Conceitos

• Protocolos HTTP
• Comportamento assíncrono vs síncrono
• Cache (entendimento de Redis)
• Teste: Visão geral da unidade e teste
• Docker em detalhes
• Nginx vs Apache Server
• Login do servidor com senha/chaves ssh
• Tabelas IP
• PHP-FPM e HTTPD
• SSH, SSL, certificados e chaves

Nuvem

• O que é AWS?
• S3
• EC2
• Rds
• Elasticache
• Rota 53
• SES
• CloudWatch
• VPC
• AWS Lamda
• AWS API Gateway
• Microsserviços
• O que são microsserviços? Como o AWS o implementa?
• Implementação de microsserviços usando go

Adicional

• Roteiro de Golang
• Roteiro Nodejs