The latest articles on DEV Community by Oderço (@oderco). https://dev.to/oderco https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Forganization%2Fprofile_image%2F7036%2Fbb7b4521-9fda-4499-a1e8-7d99da172eef.png https://dev.to/oderco en Giovanni Alves Sun, 11 Jun 2023 23:43:11 +0000 https://dev.to/oderco/comece-hoje-a-estudar-688 https://dev.to/oderco/comece-hoje-a-estudar-688 <p>Você não precisa ter o melhor computador, melhor curso ou de faculdade para começar. Aqui vou listar um roadmap para iniciantes.</p> <h2> Front-end: </h2> <ul> <li><p>HTML5: Comece aprendendo a estrutura básica de uma página web usando tags HTML, como <code>&lt;html&gt;, &lt;head&gt;, &lt;body&gt;,</code> e aprenda a criar elementos como cabeçalhos, parágrafos, links, imagens e formulários.</p></li> <li><p>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.</p></li> <li><p>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.</p></li> <li><p>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.</p></li> <li><p>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.</p></li> <li><p>Git &amp; 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 <code>git init</code>, <code>git add</code>, <code>git commit</code> e <code>git push</code>, além de entender os conceitos de branches (ramificações) e pull requests.</p></li> </ul> <h2> Frameworks para front-end: </h2> <ul> <li><p>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.</p></li> <li><p>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.</p></li> <li><p>Básico de linux/bash</p></li> </ul> <h2> Back-end: </h2> <ul> <li><p>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.</p></li> <li><p>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.</p></li> <li><p>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).</p></li> <li><p>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.</p></li> <li><p>Git &amp; 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 <code>git init</code>, <code>git add</code>, <code>git commit</code> e <code>git push</code>, além de entender os conceitos de branches (ramificações) e pull requests.</p></li> <li><p>Básico de linux/bash</p></li> </ul> <p>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.</p> <p>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.</p> <p><strong>Aqui estão algumas ferramentas leves que você pode utilizar:</strong></p> <ul> <li><p>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.</p></li> <li><p>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.</p></li> <li><p>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.</p></li> </ul> <p>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.</p>