Como criar um projeto do zero sem travar

É muito comun , quando iniciamos a carreira ou os primeiros passos como programador, não saber como ou por onde começar, quando damos os primeiros indícios de caminhada,podemos nos encontrar perdidos , e até mesmo paralizados. Não seria impossível , de passar em nossa cabeça o pensamento de desistência ou até mesmo a sensação de frustração. Mas calma aí, este artigo vai te ajudar a prosseguir de maneira correta, à conclusão de seu projeto até o fim sem travar, ou pelomenos desistir. No artigo a seguir eu compartilho com você 5 passos importantes que são necessários, para que você não fique paralizado no seu projeto, o que muitas vezes aconteceu comigo e quase me fez desistir.

  Oque na maioria das vezes como iniciantes não persebemos ,é que não podemos ou pelomenos deveríamos sair metendo o dedo no teclado e escrevendo as linhas de código, mas sim primeiro seguir um planejamento através dos 5 passos seguir,pelomenos se tratando do desenvolvimeno web , ou fron-end.

1 - Fazer a anélise do projeto

  Neste momento fazemos uma análise detalhada do projeto em que nos propomos a afazer,para que possamos com o "pé direito" , darmos o primeiro passo. Esta é a hora em que são anotadas todas as características, e detalhes do projeto, para que tenhamos condições,de fazer as ligações entre as partes, e assim anotamos as dúvidas do designer do projeto. É importante observarmos todos os arquivos fornecidos,sendo assim precisamos olhar todas as partes do projeto , e se tratando do front-end por exemplo, olharíamos as telas , faríamos (se possível for como desenhar com caneta em um papel), união entre os componentes, com raciocínio nas estruturas observando o todo, e assim é necessário idealizar a estrutura básica.

2 Criar a estrutura base do projeto

  A partir daqui,que iniciamos a estrutura de nosso código, e aí, sim "dev", você pode meter a mão na massa , acessar o editor de sua preferência , e criar a estrutura de pastas, ou diretório se assim preferir chamar.

3 Criar o HTML

  Neste momento com o nosso ambiente de código arrumado temos a condição de criar o index.html, e prosseguindo com o nosso código é chegado o momento de criar a estrutura básica de nosso html, aquele que você já sebe <DOCTYPE html>. Bem, se você estiver usando o vscode , é só utilizar o comando de abreviação do Emmet que ele vai te dar essa estrutura.

4 Criar o CSS

  Agora neste momento devemos, dentro da estrutura de diretórios respeitar a organização eposicionamento dos mesmos, porque o html é carregado de cima para baixo e da esquerda para direita. Por exemplo, se você colocar o arquivo reset.css "linkado" no final de toda estrutura dentro de head, esta será a última condição de estilo a ser aplicada em seu código, e pode produzir um efeito indesejado em seu projeto. É importante lembrar que dependendo da complexidade de seu projeteto cada arquivo css pode ser bem separado como , responsivo,variáveis,estilos,e por aí, vai.

5 Criar o JAVASCRIPT

  Quando toda a nossa aplicação já recebeu a camada estrutural, contendo cada item do projeto nos elementos corretos ,e já foram ligados à camada de apresentação tendo cada elemento devidamente posicionado e estilizado, é a hora de aplicarmos a camada de interação com o javascript. Faz-se necessário, retornarmos ao momento de análise, para que possamos ser objetivos ao que o projeto se propõe, para que inicialmente possamos reciocinar sobre a lógica que aplicaremos em nosso código. Tratando-se de desenvolvimento web ou front-end, precisamos primeiramente analizar,criar a estrutura básica do projeto , criar a camada estrutural,criar a camada de aprensetação e por fim a camada do interação. Sendo feito isso de forma cuidadosa, diminuiremos e muito a frustração originada pela estagnação em nossos projetos.