Html, css e javascript: a trindade do front-end

Quando eu tinha dificuldade nas linguagens HTML e CSS

Como todo sabem as linguagens mais conhecidas do front são o html, css e o javascript (sendo html e css linguagens de marcação), e o meu primeiro contato com o html e css foi a bastante tempo (cerca de 10 anos atrás) quando cursei web-design. Nesse curso estudei várias ferramentas do adobe como photoshop, illustrator, after effects, e dentre esses o dreamweaver que é uma ferramenta para construção de páginas web utilizando o html e css. Mas vou confessar a vocês que não aprendi muito bem os conceitos. Na minha visão, o curso era voltado para design e se preocupava mais com aspectos visuais, e pouco com o que as ferramentas eram capazes de fazer, e além disso era meu primeiro contato com uma linguagem (mesmo sendo de marcação). Então, quando envolvia estilizar as páginas web, era feito de forma que ficasse visualmente bem feito, mas eu me perdia no que devia ser utilizado para as divs ficarem uma ao lado da outra. Muitas vezes era usado o float, mas o uso indiscriminado dessa propriedade no css pode causar problemas nos elementos por ter sido retirado do fluxo normal. Um grande exemplo disso (e que eu fazia muito naquela época) era mover todas as divs (elementos do menu, caixas de conteúdo lateral, o próprio conteúdo central, etc) utilizando float, e quando eu queria deixar uma div em um local específico, isso simplesmente não ocorria, justamente por ter utilizado o float em quase tudo. Quando isso acontece é como se o elemento HTML fosse deslocado em relação a algum outro elemento e não tivesse uma localização fixa ou adequada.

Quando tive contato com Javascript

Tive contato com linguagens de programação apenas quando fiz um curso técnico na área, foi uma boa experiência e aprendi bastante sobre lógica de programação. E com essa bagagem pude entender melhor os conceitos de Javascript quando tive o contato pela DIO e pelo curso desenvolvedor web na Udemy. Considero uma linguagem muito boa para começar, por ser de fácil acesso, de grande utilidade e por ter uma tipagem dinâmica, além de ter esse envolvimento forte com o HTML e CSS.

Quando eu fiquei expert nas linguagens HTML e CSS

Quando eu fui praticando, fui percebendo as diferenças de cada elemento e propriedade. Boa parte do entendimento que tive foi graças ao curso da Udemy de desenvolvedor web, e também dos cursos aqui da DIO que me ajudaram bastante a entender e praticar essas linguagens, com aulas, desenvolvendo códigos e principalmente com práticas de projetos. Aprendi bastante sobre a anatomia de uma página HTML, elementos HTML, sobre como construir e estruturar sites, tabelas e formulários HTML, como estilizar com CSS, animações e transições em CSS, e principalmente entendi que os elementos HTML são aninhados, ou seja, algumas propriedades CSS de um elemento "filho" acaba envolvendo o elemento "pai" (ou vice-versa) por estarem aninhados. Então, quando aprendi melhor os conceitos fiz uma prova no LinkedIn sobre os conceitos de HTML e CSS, e obtive o selo em cada. O nervosismo sempre bate em provas, mas é sempre gratificando se colocar em prova e ver que os esforços para aprender um determinado assunto está sendo válido. Por isso, é sempre importante conhecer o que cada propriedade é capaz de fazer, então, dito isso, trago abaixo algumas dicas para entender melhor sobre essas linguagens.

Dicas para entender melhor as linguagens HTML, CSS e JAVASCRIPT

Prática

É como sempre dizem: "A prática leva à perfeição", então praticar nunca é demais. Sempre é bom reservar um tempo para praticar o que foi absorvido pelas aulas, seja criando um projeto novo (colocando a criatividade em ação), ou até praticando a linguagem em algo básico. Melhor ainda se tirar um tempinho do dia para colocar em prática, por exemplo 30 minutos do dia em Javascript, porque não? ;)

Cursos Presenciais

Cursos são sempre bem-vindos, imagina que você está perdido e tem uma bússola.. é ótimo ter um norte para saber onde ir, não é mesmo? Por isso cursos são sempre ótimos guias para quem quer entender melhor os conteúdos com um professor que vai estar a disposição para tirar suas dúvidas e guiá-lo pelo melhor caminho.

Cursos à distância

Nem sempre é possível cursar presencialmente, mas sempre tem um curso à distância que pode ajudar a entender os conteúdos mesmo que não tenha um auxílio tão presente. Porém, é importante ter em mente que o aluno precisa estar empenhado em aprender e ser autônomo e independente nos seus estudos, isso em qualquer forma de ensino. Pois, para aprender é preciso ir atrás do aprendizado, e não esperar que venha até você. Além disso, um fator positivo dos cursos à distância é que você faz a sua rotina de estudo, dando autonomia e facilitando a vida do estudante.

Sites que auxiliam bastante

Muitos sites ajudam nesse processo de aprendizado, como o Mdn Web Doc, W3schools, e muitos outros que detalham bem as funcionalidades de cada linguagens. Como os elementos do HTML, e as propriedade do CSS, o que a propriedade float, por exemplo, é capaz de fazer, exemplos de aplicação dessa propriedade, os atributos que essa propriedade pode ter, e muita coisa mais. Além disso vou deixar aqui dois pdf's da famosa Stanford que podem ser de grande utilidade:

HTML Cheasheet

CSS Cheatsheet

Esses pdf's contém muitos elementos (no caso do HTML) e propriedade (CSS), e podem ser uma "mão na roda" para uma verificação rápida (afinal somos humanos e esquecemos coisas) e não perder tanto tempo para lembrar de algo específico.

Organização

A organização de um espaço para estudo e do seu tempo pode ser um grande diferencial que fará você se preocupar e focar mais nos estudos, sem o risco de fatores que possam atrapalhar o seu foco. Além de passar mais tranquilidade e um ambiente melhor para fazer o que você precisa fazer naquele momento.

Foco, Garra e Disposição

É importante se manter disposto, e preparado para fazer o que precisa ser feito no dia. Mantenha sempre em mente onde você quer chegar e o que você precisa fazer para chegar no seu objetivo e dê pequenos passos a cada dia em direção a esse objetivo. Foque no que você precisa fazer "hoje", e os afazeres do dia seguinte deixe para se preocupar quando o amanhã chegar. Parece ser uma dica boba, mas é de grande importância para se manter firme no objetivo até conclui-lo.

Concluindo

Então pessoal, essas dicas são valiosas para se manter firme no caminho do aprendizado e não desistir antes de chegar ao fim. Aprender não é uma tarefa fácil, é preciso estar sempre buscando o aprendizado, mas ao fim de tudo é extremamente satisfatório aprender algo novo, ainda mais quando temos afinidade e gostamos do que estamos aprendendo. Se a área da programação te causa vontade de aprender, então com certeza, é o local certo para você. Foi assim comigo, passei por algumas áreas, mas é na área do desenvolvimento de softwares que tenho vontade de adentrar e conhecer cada vez mais. Além disso, Javascript é uma linguagem que me chama muito a atenção e que quero aprender cada vez mais. E você? Qual linguagem te chama atenção e que você gostaria de adentrar mais a fundo?