Explore o sumário »
Reportar um problema
·
Solicitar uma funcionalidade
Nesse artigo você aprenderá os conceitos básicos do Desenvolvimento Web e o que é necessário para estudar e começar a dar os primeiros passos na carreira como desenvolvedor.
- O que é desenvolvimento web?
- Front-end Developer
- Back-end Developer
- Fullstack Developer
- Dicas e Bônus
O desenvolvimento web é uma função que surgiu desde o início da internet e ela é responsável por auxiliar e implementar plataformas como Youtube, Twitch, Amazon, Google, Netflix e etc.
Existem vários seguimentos que cercam o desenvolvimento web, sendo eles: Design, Front-end, Back-end, Mobile e DevOps (assunto para outro artigo). Anteriormente eu dei comparações entre eles e ajudo em descobrir qual seria a melhor área para atuar, caso você decida seguir a carreira de desenvolvimento e ainda esteja na dúvida, é só ler o artigo.
O Front-end é o cara responsável por pegar o layout do Designer e transformá-lo em código, fazer aquilo sair do papel e finalmente criar vida, mas saiba que para conseguir isso, você precisa ter um estudo maior em volta, por quê? Porque a vida não é feita apenas de copiar e colar.
É necessário que você tenha conhecimento inicialmente das bases e conceitos simples relacionados a internet como: HTTP, WWW, DNS, Dominio e Host. Do que adianta você desenvolver para a web se você não sabe como a própria web funciona? Não precisa saber a matemática por trás de uma configuração de IP, mas saber que ele existe e para que serve, é fundamental.
Depois partimos ao HTML, uma linguagem de marcação, ele é o elemento da página, o corpo, ele quem vai definir cada elemento, o que é a "cabeça", os "pés", as "mãos" e o restante do corpo do seu site.
Quem define a beleza, a estética dele? O CSS, uma linguagem de estilização que é responsável por deixar tudo mais bonito, deixar tudo no seu devido canto, arredondar, deixar com efeito, sombrear, deixar transparente e o que mais for.
Agora a primeira linguagem de programação de fato, é o Javascript - ou Ruby, Python, PHP, Java - que são as linguagens que você vai poder escolher e usar para fazer a parte funcional do front-end. Em relação ao corpo, ele é a mente, ele é quem vai somar, subtrair e pensar quando a página precisar pensar para poder agir. Com essa linguagem enraizada em sua mente, você vai ter aprendido Lógica de Programação, Orientação a Objetos, Manipulação de DOM e muito mais, o que define de fato um desenvolvedor.
Vale ressaltar que existem outras pedrinhas nesse caminho que são primordiais também, mas que não devem faltar no seu "currículo" que é os Pré-processadores de CSS - SaSS, os Frameworks de CSS - Bootstrap, Material UI, Styled Components, Frameworks da linguagem - React, Vue e Angular, no caso de escolher Javascript, Testes Unitários, Gerenciamento de Pacotes (NPM ou Yarn) e o sistema de controle de versões como Git e Github, eles são importantes para manter, organizar e realocar código sempre que preciso.
Vale lembrar que frameworks SÃO NECESSÁRIOS apenas quando a base de desenvolvimento estiver bem seguimentada.
Não existem atalhos!
"O caminho mais rápido para o céu, é um atalho para o inferno"
No back-end algumas coisas mudam de lugar, mas não deixam de ser importantes, inicialmente você não precisa se preocupar com a parte visual do website, mas deve aprender a bases e conceitos simples relacionados a internet como: HTTP, WWW, DNS, Dominio e Host da mesma maneira. Do que adianta você desenvolver para a web se você não sabe como a própria web funciona? Não precisa se aprofundar, ser um expert, mas tenha conhecimento!
Depois, você pode escolher uma linguagem de programação para ser responsável pelo seu aprendizado: Java, Python, PHP, Ruby, NodeJS, C++, Perl ou C# - existem mais, mas citei as mais populares.
Ela quem vai ser responsável por te levar uma Lógica de Programação, Estrutura de Dados, Programação Funcional, Orientação a Objetos e muito mais ... Saber como usar eles é primordial para criar um bom fluxo de lógica do programa, além de facilitar na comunicação posterior com o front-end e nas entregas de dados e informações sempre que solicitadas.
Não podemos esquecer do Gerenciamento de Pacotes (NPM ou Yarn) e o sistema de controle de versões como Git e Github, eles são importantes para manter, organizar e realocar código sempre que preciso.
Depois disso tudo, lembre-se de focar nos frameworks e bibliotecas da linguagem que aprendeu, se estiver bem consolidado com a base, porque ele será uma mão na roda depois de mexer com tantos projetos e repetir tantas tarefas, incluindo questões de arquitetura.
Após isso, um banco de dados para ajudar na organização e tratativa de dados, é fundamental, você pode escolher entre: MySQL, PostgreSQL, Oracle, SQLite, MongoDB, Firebase, Firestore, MariaDB, etc. Mas lembre-se de ver a diferença entre o banco de dados relacional e o não-relacional, porque eles possuem diferenças em suas comunicações.
Os testes unitários são de extremo fundamento para ambas as partes, mas para o back-end é muito mais, a adoção de testes unitários em sua produção permite solucionar dois problemas bem recorrentes que prejudicam o bom desempenho de um software. Eles são: Alta taxa de defeitos: resultado de erros frequentes no funcionamento, este índice faz com que, muitas vezes, o software deixe de ser utilizado. Deterioração do sistema: quando executado, o produto pode até ter um bom desempenho. Entretanto, ao longo do tempo, ele pode apresentar complicações que exigem a substituição de todo o sistema.
Tá, entendemos e sabemos os passos que precisamos para ser tanto um desenvolvedor Front-end quanto Back-end, mas e se eu quiser ser os dois? Se você quiser Fullstack, Fullcycle, Full System Development, entre vários outros nomes definidos pela mesma ideia, não é problema nenhum, mas a atenção é redobrada.
Além de ser o cara que atende o cliente (Front-end), você também será o cara que prepara a comida (Back-end) e isso requer um nível de atenção muito alto, além de ficar por dentro de todas as novidades que acontecem nas duas partes, melhorias, estratégias que foram incrementadas e que você pode optar por aderir no seu sistema e várias outras coisas, mas relaxa, claro que somos humanos e não necessariamente conseguimos nos manter cem por cento atualizado, mas como dizia, atenção redobrada.
O desenvolvimento é algo maravilhoso, requer tempo, dedicação e preparação, e fique tranquilo, independente da área que você escolheu, você poderá seguir sua linha de estudos usando um Roadmap (mapa mental) para te auxiliar a organizar bem a sua rotina de estudos para quando for pular de cabeça!
Dica! Leia sempre a documentação da linguagem de programação para que você entenda o que está acontecendo, como evitar erros, se manter atualizado e acima de tudo, reconhecer algumas funcionalidade que outras pessoas não te disseram, e provavelmente nem elas mesmos sabiam. Agradeça! Pois temos vários materiais em Português e isso ajuda bastante no seu nível de evolução como desenvolvedor, mas não deixe de aprender e praticar o inglês.
Depois de consumir a documentação, lembre-se de aplicar na prática e sempre estudar, seja através de Youtube, Udemy, cursos, mentorias ou o que for, deixar de consumir esse tipo de informação é perder tempo, é simplesmente saber como funciona um esporte, mas não praticar ele.
E lembre-se, você não é o mais sábio de todos e ninguém é, assim como nem tudo que o professor ou vídeo de Youtube te ensinou naquele momento está cem por cento atualizado, em caso de dúvidas, pergunte a uma comunidade de desenvolvimento, peça ajuda e evolua.
E mais para frente, ajude outras pessoas, porque além de você aprender mais quando você ensina, você também será o Sênior que gostaria de ser quando você era Júnior e isso é incrível demais e também é muito bom para o networking!
Outra dica é, NÃO FOQUE EM LINGUAGENS! As linguagens mudam, o hype passa e aquela linguagem que seu amigo adora bater no peito e defender, pode morrer amanhã por pouca coisa, aprenda a lógica, aprenda a estrutura, mas não se apegue a syntax.
Para te ajudar nesse quesito de comunidades, a Aperture Laboratories é uma comunidade open source de desenvolvimento brasileiro que está a mais de dois anos de portas abertas com mais de mil e quinhentos membros, prontos para ajudar antigos e novos desenvolvedores em qualquer problema que estejam enfrentando, seja no seu cotidiano ou no seu projeto, seja nível profissional ou nível pessoal.
Seja bem-vindo ao desenvolvimento web e nunca pare de aprender!
Contribuições fazem com que a comunidade open source cresça, evoluia e você tenha reconhecimento por ter ajudado em um projeto tão maravilhoso Todas contribuições são extremamente apreciadas e avaliadas
- Realize um Fork do projeto
- Crie um branch com a nova feature (
git checkout -b feature/nome-do-artigo) - Realize o Commit (
git commit -m 'Adicionado novo item na enciclopédia') - Realize o Push no Branch (
git push origin feature/nome-do-artigo) - Abra um Pull Request
- Anderson "Yagasaki" Marlon - Dev Front-end e Graduado no CC50 de Harvard - @Yagasaki7k
- Contribuidores - Lista de contribuidores