O que aprender para trabalhar com desenvolvimento web?
Nesse vídeo iremos ver as 3 principais carreiras focadas no desenvolvimento web e quais são os principais caminhos para conseguir trabalhar com isso
Roadmaps
Front-end
É a área que trabalha especificamente com a construção das interfaces que serão usadas pelos usuários, ou seja, tudo aquilo que quando abrimos um site conseguimos enxergar!
É muito focada no visual da página e na experiência de quem for utilizá-la
1. Conceitos básicos relacionados com a internet
HTTP, DNS, domínio e hospedagem
Inclusive tenho um vídeo explicando alguns desses conceitos
2. HTML - Linguagem de marcação
Principais tags, HTML semântico, fomulários, acessibilidade e validações
Também tenho alguns vídeos explicando sobre ,HTML, formulários e um projeto prático com as principais tags
3. CSS - Linguagem de estilização
Principais propriedades e seus valores, posicionamento, reset CSS, display, box model, Grid, Flexbox, padrão BEM e responsividade
Tenho um vídeo explicando sobre como o CSS funciona e também ele está presente nos meus vídeos de projeto de formulário e landing page para vocês treinarem
4. Javascript - Linguagem de programação (é uma opção também começar por ele, ainda mais se não souber se quer seguir no front ou no back-end)
Lógica de programação, métodos de arrays, orientação a objetos, estrutura de dados, recursos do ES6, manipulação de DOM e fetch API
5. Pré processador CSS
SASS
6. Frameworks CSS
Bootstrap, Tailwind, Material UI, Chakra UI...
7. Sistema de controle de versões (pode ser necessário aprender antes ou depois mesmo)
Git e Github ou qualquer outro serviço de hospedagem
Também tenho uma série de vídeos ensinando a utilizar essas tecnologias
8. Gerenciadores de pacote
NPM e Yarn
9. Frameworks Javascript
React, Vue ou Angular
10. CSS moderno
Styled Components e CSS Modules
Depois disso tudo ainda tem muuuuita coisa relacionada com o front-end, outras tecnologias (inclusive o Typescript, que é uma versão com tipagem forte de JS) e com certeza você vai ao longo dessa jornada entender pra onde seguir e sempre se atualizando
Back-end
É a parte relacionada com o servidor, e não mais o cliente, ou seja, a pessoa que for utilizar a página web não enxerga exatamente o que o back-end está fazendo
Ele é responsável por grande parte das regras de negócio e conexão com o banco de dados, onde serão guardadas as informações da plataforma
1. Conceitos básicos relacionados com a internet
Assim como já mencionado no front-end, é interessante esse conhecimento para poder entender o que será desenvolvido
2. Escolha uma linguagem de programação e aprenda
As principais linguagens usadas no começo, para quem não tem conhecimento nenhum são Javascript ou Python
Outras linguagens também bastante usadas no back-end são: C#, java, ruby e php
3. Sistema de controle de versões
Como também já mencionado no roadmap de front-end, sendo as principais tecnologias git e github
4. Banco de dados
Aqui você deverá aprender a linguagem SQL e entender como utilizá-la na prática com algum banco de dados, como PostgreSQL, MySQL, MariaDB e muitos outros
É necessário entender sobre relacionamento entre tabelas, chaves primárias, chaves estrangeiras, propriedades ACID, ORMs e todos os conceitos relacionados
Além disso, também existem os banco de dados não relacionais, como MongoDB, Firebase e muitos outros
5. APIs - Application Programming Interface
REST, Json, autenticação (OAuth, token, cookies) e diversos outros conceitos relacionados
6. Testes
De integraçao, unitários e funcionais
A partir daí, você segue aprendendo e se especializando cada vez mais com o que for preciso e necessário dentro da empresa que você for trabalhar
Fullstack
O caminho mais comum a se fazer é começar estudando o roadmap de front-end e depois partir para o roadmap de back-end, porém não é regra!
Inclusive existe uma grande polêmica em relação a o que é ser fullstack, pois há quem julgue que seja necessário um mínimo de experiência apenas com front-end e depois apenas com back-end para poder juntar os dois e há quem acredite que seja possível já começar os estudos de programação misturando tudo. Isso vai de você e do que você for sentindo conforme for aprendendo a praticando
Eu tenho um vídeo aqui no canal em que explico mais detalhadamente quais as diferenças entre front-end e back-end, então caso não tenha ficado claro de alguma forma, não deixe de conferir!
Fontes
https://kenzie.com.br/blog/desenvolvimento-web/ https://intelectua.com.br/blog/o-que-e-desenvolvimento-web https://harve.com.br/blog/desenvolvimento-web/o-que-faz-um-desenvolvedor-web-e-como-se-tornar-um-em-2022/ https://roadmap.sh/