Como Programar,Por onde devo começar ?

Programar, desenvolver , criar, o ramo tem muitos nomes, porém existe uma linha tênue e contínua, uma sequência de aprendizados que pode te ajudar a chegar lá. 

90% dos aspirantes a programadores, não seguem esta sequência, daí o caso do fracasso. 

Três tipos de profissionais dentro da área de programação merecem destaque.

1- Front-End

2- Back-End 

3- FullStack

Front End é o profissional que cria a parte “bonita do site”, Fontes usadas no site, cores usadas no site, estilos, todo o layout é criado pelo front-end, e definitivamente é uma das áreas mais importantes dentro da programação. 

Back-End , imagine um caixa eletrônico, o que você vê quando vai sacar dinheiro é o front-end, formulários, janelas e botões mensagens é o front-end, porém por dentro todo o processamento de dados, e comunicação com o servidor, foi feito por um profissional BackEnd. 

Full Stack é aquele profissional que consegue atuar tanto no front end quanto no back end, a maioria destes profissionais que chegam neste nível começam pelo front-end, portanto é sobre ele que vamos falar. 

O que devo aprender para me tornar um dev front end júnior

Listei aqui, uma sequência numérica começando do 1. 

Atenção. Passe para a próxima tecnologia a ser aprendida, após aprender a anterior.

1- Git e GitHub 

   Quando você baixa aplicativos no Play Store ou programas no Baixaki, há uma informação muito importante sobre a versão do produto, e inclusive às vezes recebemos atualizações no nosso celular. Este controle de versões é feito por tecnologias como Git e GitHub, e em todas as entrevistas de emprego pede-se o domínio do git e github, e acredite, você pode começar por aqui. 

Vou deixar uma playlist gratuita de um curso de Git e Github gratuita que vai te inserir no mercado de programação. 

 https://www.udemy.com/course/git-e-github-para-iniciantes/ - (GRATUITO)

.

2- Designer de interfaces UI/UX, embora esta área seja enorme e inclusive há vagas no linkedin apenas para designers ui/Ux, se você está aprendendo a programar sozinho, pode chegar um momento em que vocÊ não vai encontrar aquele pouquinho de criatividade que necessita para criar uma tela de um app, ou uma tela de site.  

Por que UI?

O UI, ou User Interface, é uma área do design que define os melhores aspectos para melhorar a interação do usuário com aplicativos ou softwares. O profissional de UI escolhe os melhores botões, fontes, tamanhos, cores e formatos que possam fornecer a melhor experiência para o usuário.

O que é ser UX?

O que é User Experience (UX)?

A própria sigla já entrega esse significado, pois vem do inglês user experience, que significa justamente “experiência do usuário”. Basicamente, o profissional de UX busca entender o que qualifica ou prejudica a relação do usuário com o produto e serviço em questão.

Concluindo. Aprenda pelo menos o básico há diversos cursos gratuitos na internet que podem te inserir no mercado vou listar aqui cursos pagos e gratuitos.

 Origamind (PAGO Porem Top) https://www.origamid.com/curso/ui-design-para-iniciantes/

.

 CURSO ADOBE XD 2020 / UI E UX DESIGN DE INTERFACE APLICATIVO

https://www.youtube.com/watch?v=CNgRcBnKiHk&list=PLQDzASWV1EgWeeD3nHEFD3z9ij-PXgWUU

Lembre-se: aprenda pelo menos o básico já o suficiente para sair do zero.

…

3 -HTMl 5 e CSS3

HTML5 é o esqueleto do site, e o css são os estilos do site, neste momento você chegou em uma parte interessante da sua jornada, e agora deverá estudar estas duas tecnologias juntas e com certeza, com o conhecimento de Ui adquirido conseguirá criar seus primeiros sites !

Vou listar aqui um link de um site para você aprender os dois.

https://www.w3schools.com/html/default.asp Para aprender HTMl

https://www.w3schools.com/css/default.asp Para emprender CSS.

Ou 

https://www.youtube.com/watch?v=CZPa3-1BKnY&list=PLirko8T4cEmzrH3jIJi7R7ufeqcpXYaLa

…

4- SASS é um pré processador CSS, e agora que você já aprendeu CSS e html poderá usar esta tecnologia em seus sites !

https://www.w3schools.com/sass/default.php

ou 

https://www.youtube.com/watch?v=vK8pDWF9ByI&list=PLMy95_4XE08OmaSd_GOLKNkqhoJFvg7w7

….

5- Framework ! 

 Um framework em desenvolvimento de software, é uma abstração que une códigos comuns entre vários projetos de software provendo uma funcionalidade genérica. 

Bootstrap é um framework front-end que fornece estruturas de CSS para a criação de sites e aplicações responsivas de forma rápida e simples. Além disso, pode lidar com sites de desktop e páginas de dispositivos móveis da mesma forma.

Portanto deve ser usado ,pois há diversas vagas que exigem conhecimento em Bootstrap, portanto recomendo aprender.

Curso de Bootstrap

https://www.youtube.com/watch?v=2c-EFQFyv4Y&list=PLXik_5Br-zO-iwhAe12sirOo_LZ0t-qEm

…

6- Lógica de programação 

Veja, muitos poderiam dizer que você deveria aprender lógica de programação primeiro, no entanto você conseguiu aprender muita coisa até aqui, sem precisar de lógica de programação, mas agora não tem mais para onde correr :( , você precisa aprender a criar algoritmos e solucionar problemas. 

Curso de lógica de programação Grátis Comigo 

https://www.youtube.com/watch?v=oxVbAMhjbI8&list=PLnHHjKiaBPzKp4e-5DSd-OpmXuhvEyAwR

Ou com o Guanabara

https://www.youtube.com/watch?v=8mei6uVttho&list=PLHz_AreHm4dmSj0MHol_aoNYCSGFqvfXV

Com isso você fecha o ciclo antes de entrar em JAVASCRIPT..

..

7- JAVASCRIPT, é uma linguagem que roda no navegador e tanto usada no front-end quanto no backend, portanto é uma das coisas mais importantes na sua vida como programador e você deve se dedicar muito em aprender Javascript.

https://alunos.b7web.com.br/curso/javascript/introducao Curso básico de java SCript GRátis..

;..

https://www.origamid.com/curso/javascript-completo-es6/ Curso de javaSCript PAgo, “Este vale cada centavo seu!”

…

……..

Frameworks javascript, pois é pra fechar com chave de ouro você precisa aprender essa Jossa, e no mercado existem vários, vou listar aqui três dos mais utilizados.

Vue JS é muito utilizado para criar aplicações single page (página única) e também para desenvolver vários tipos de interfaces, que possuem necessidades de maior interação e experiência mais valorosa para o usuário.

O que faz o Angular?

O Angular pode ser utilizado para criar aplicações web SPA, aplicações mobile (com o suporte do Ionic, por exemplo) ou até mesmo aplicações desktop (com o suporte do Electron).

..

O que é o React Para que serve?

React. js é, portanto, uma biblioteca de JavaScript, open source, utilizada para construir user interfaces, nomeadas para aplicações de página única. O diferencial do React é ser rápida, escalável e simples, podendo ser usada com outras bibliotecas ou frameworks de JavaScript, como o Angular JS.

Estes daqui eu nem vou me atrever a indicar um curso, desejo sorte e sucesso a você.

Lembre-se de criar projetos experimentais e poste em seu github para servir como experiência.