Comece hoje a estudar web development
Published: 2023-06-11 23:43:11

Você não precisa ter o melhor computador, melhor curso ou de faculdade para começar. Aqui vou listar um roadmap para iniciantes.

## Front-end:

- HTML5: Comece aprendendo a estrutura básica de uma página web usando tags HTML, como `<html>, <head>, <body>,` e aprenda a criar elementos como cabeçalhos, parágrafos, links, imagens e formulários.

- CSS3: Aprenda a estilizar suas páginas HTML usando CSS. Estude seletores, propriedades e valores CSS para alterar cores, fontes, tamanhos e posicionamento dos elementos na página.

- Flexbox: Domine o conceito de flexbox, que é uma técnica de layout responsivo do CSS3. Isso permitirá que você crie layouts flexíveis e fluidos para seus projetos.

- JavaScript: Familiarize-se com a linguagem de programação JavaScript, que é usada para adicionar interatividade e funcionalidades dinâmicas às páginas web. Aprenda os fundamentos, como variáveis, estruturas de controle (condicionais, loops) e funções.

- ES5 e ES6: Estude as versões do JavaScript, ES5 e ES6 (também conhecido como ES2015). ES6 introduz muitos recursos avançados e melhorias na linguagem, como classes, arrow functions, operadores spread, desestruturação e muito mais.

- Git & GitHub: Aprenda a usar o Git, um sistema de controle de versão amplamente utilizado, para acompanhar e gerenciar o histórico de alterações em seu código. Em seguida, familiarize-se com o GitHub, uma plataforma online para hospedar repositórios Git, colaborar em projetos, gerenciar problemas e solicitações de pull. Domine os comandos básicos do Git, como `git init`, `git add`, `git commit` e `git push`, além de entender os conceitos de branches (ramificações) e pull requests.

## Frameworks para front-end:

- Vite: Aprenda a configurar e usar o Vite, um framework de desenvolvimento rápido para projetos front-end. Ele oferece uma inicialização rápida, recarregamento instantâneo do navegador e suporte a módulos ES.

- React, Vue, Angular (opcional): Escolha um dos principais frameworks JavaScript, como React, Vue ou Angular, e aprenda a criar aplicativos front-end escaláveis e reativos usando essas ferramentas.

- Básico de linux/bash

## Back-end:

- PHP7 e PHP8: Comece aprendendo PHP, uma linguagem de script do lado do servidor amplamente usada para desenvolvimento web. Estude a sintaxe básica, manipulação de formulários, interação com banco de dados e recursos avançados disponíveis nas versões mais recentes do PHP.

- MySQL: Aprenda o básico de bancos de dados relacionais e SQL (Structured Query Language). Concentre-se em aprender a criar tabelas, consultar dados, atualizar registros e executar operações básicas de banco de dados usando MySQL.

- Laravel: Explore o framework Laravel, um dos mais populares e poderosos para desenvolvimento PHP. Estude os conceitos básicos, como roteamento, controle de versão, migrations e Eloquent ORM (Object-Relational Mapping).

- Apache2 e Nginx: Familiarize-se com servidores web como o Apache2 e o Nginx. Aprenda a configurar virtual hosts, lidar com regras de redirecionamento e otimizar o desempenho do servidor.

- Git & GitHub: Aprenda a usar o Git, um sistema de controle de versão amplamente utilizado, para acompanhar e gerenciar o histórico de alterações em seu código. Em seguida, familiarize-se com o GitHub, uma plataforma online para hospedar repositórios Git, colaborar em projetos, gerenciar problemas e solicitações de pull. Domine os comandos básicos do Git, como `git init`, `git add`, `git commit` e `git push`, além de entender os conceitos de branches (ramificações) e pull requests.

- Básico de linux/bash

Você não precisa aprender os dois para entrar na área, você precisa escolher um e estudar muito. Não existe uma fórmula mágica, bootcamp ou qualquer outro recurso que garantirá um emprego imediato. Se você tem vontade e determinação, estude profundamente o campo escolhido.

Mas e se você não tem um computador bom? Não se preocupe, você pode começar mesmo com um Core 2 Duo e 4GB de RAM. Este roadmap foi desenvolvido levando em consideração essa limitação e você ainda poderá progredir significativamente.

**Aqui estão algumas ferramentas leves que você pode utilizar:**

- Sublime Text 4: Um editor de texto leve e versátil, que oferece uma ótima experiência de programação. É uma excelente opção para começar a escrever código.

- Windows 7+ ou qualquer distribuição Linux: Ambos os sistemas operacionais são adequados para desenvolvimento. O Windows 7 ou uma versão mais recente é uma escolha comum, mas também existem diversas distribuições Linux leves e amigáveis que você pode experimentar.

- Internet: Uma conexão à internet é essencial para acessar recursos, documentação, tutoriais e participar de comunidades de programadores. Utilize-a para se conectar com outras pessoas na área e expandir seu conhecimento.

Lembre-se de que o hardware não é o único fator determinante para o sucesso na programação. O que importa mais é a sua dedicação e vontade de aprender. Utilize os recursos disponíveis, estude intensamente e mergulhe fundo no campo escolhido. Com perseverança, você poderá alcançar seus objetivos, mesmo com um computador mais modesto.