DEV Community

Giovanni Alves for Oderço

Posted on

Comece hoje a estudar web development

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.

Top comments (2)

Collapse
 
scrvlszy profile image
Junior

muito bom amigue!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1111

Collapse
 
lucasm748 profile image
Lucas Martins de Andrade

Muito bom !