image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image
Pedro Braga
Pedro Braga28/08/2023 18:16
Compartilhe

HTML, CSS e Inglês.

  • #HTML
  • #Boas práticas
  • #CSS

Venho aqui, mais uma vez, compartilhar a minha experiência com vocês.

Parece bobo, mas é importante.

Vi um curso recentemente que o professor pulava rapidamente para a parte prática, explica muito bem a parte teórica, mas ao meu ver pulou algumas explicações que para quem está começando do zero pode ficar meio confuso, como a criação de um documento index.html.

DICAS DE HTML:

  • Quando for começar a criar seu documento HTML lembre-se sempre de criar um documento com o nome "index.html";
  • Este documento será o primeiro documento a ser lido pelo navegador. Ele será sua página principal no site.
  • Toda página HTML, deve ter sua extensão .html;
  • HTML Semântica é importante, a final você trabalhará com uma equipe, e como boa prática, é bom ter um código compreensível, para o melhor desenvolvimento do projeto;
  • Apesar de muitos cursos falarem de camelCase, lembre-se, camelCase é usado para nomear variável, não documentos html ou css. É uma boa prática utilizar o " - " ou o " _ " para separar os nomes no texto do documento;
  • Como dito em muitos cursos o HTML é a estrutura base do site. Imagine ele como sendo o seu avatar de um jogo, onde você decide primeiro se ele é do gênero masculino ou feminino. Na parte do CSS você definirá que roupa, estilo ele terá. E por no JavaScript que funções ele fará durante sua vida.

Como falei antes o HTML é o corpo do avatar e o CSS a roupa. Para colocar a roupa no avatar é necessário vestí-lo. Você pode fazer isso de três maneiras no HTML, mas a mais recomendada é a que linka o CSS com o HTML.

DICAS DE CSS:

  • No Estilo Inline você vincula o CSS diretamente dentro da tag. Mas não é reconhecido como boa prática.
<section style="background-color:blue; color="yellow"; width="300px"; height="150px"> </section>
  • Este estilo não é bem visto, por não possuir uma flexibilidade de uso.
  • No Estilo Incorporado você vincula o CSS na tag <head>. Isto também não é visto como uma boa prática, pois limita a utilização do CSS somente a página no qual ele está sendo utilizado.
<html> 
<head>
  <style type="text/css">
    h2{color="blue";}
  </style>
</head>
<body>
  <h2> 
    Titulo do Artigo //O estilo está sendo aplicado aqui.
  </h2>
</body>
</html>
  • Como o estilo está sendo aplicado diretamente na tag, isso irá modificar todas as tags <h2> da página para este estilo.
  • No Estilo Externo é o mais indicado, pois mantem a estrutura do arquivo CSS separada da estrutura do HTML. Neste caso você deve linkar o arquivo CSS com o documento HTML. Facilitando muito o desenvolvimento do código em CSS, uma vez que você trabalha em um documento a parte.
  • Existem duas utilizações a Linkada e a Importada
  • CSS linkado:
<head><link rel="stylesheet" type="text/css" media="screen" href="arquivo.css"/></head>
  • dependendo de onde você salvar seu arquivo, você precisará passar o caminho
<head><link rel="stylesheet" type="text/css" media="screen" href="pasta-css/arquivo.css"/></head>
  • CSS importado:
<head> <style type="text/css"> @import url("css/estilos.css") screen, projection; </style> </head>

E o Inglês, onde fica nisso tudo?

Parece conversa de tiozão, mas é experiência própria.

Abaixo tem uns dados de 2021 até 2023, em alguns artigos, mostrando que o inglês ainda é a língua mundialmente mais falada. Ou seja, você sabendo inglês, terá um raio maior de fonte de conhecimento. Mais opções de pessoas para tirarem suas dúvidas e ajudarem no desenvolvimento do seu conhecimento.

E minha experiência entra exatamente neste ponto citado acima.

Recentemente, tive dificuldades para resolver uma atividade da faculdade na parte de POO.
Não consegui acessar ao discord de uma comunidade de programação. O bot deles me requisitava que confirmasse meu número de celular, e depois pedia pra eu confirmar minha senha do discord (acho que ninguém aqui vai divulgar sua senha a um bot, ou a qualquer um). Por fim, foi em uma comunidade brasileira que participo no discord, e ninguém me respondeu até agora.

Tive a idéia de procurar um server gringo, e lá coloquei minha dúvida em inglês, reescrevi meu código em inglês e enviei.

Algumas horas depois, no mesmo dia uma pessoa já tinha me ajudado. Conversamos um pouco sobre minha dúvida, e no dia seguinte esta moça (aparentemente asiática, pelo nome) já tinha me explanado onde tinha errado e acertado.

A comunidade possui hoje 98.078 membros. Eu entrei há 3 ou 4 dias atrás.

Bem, eu acho que esta história acima justifica a importância do inglês para qualquer carreira. Mas principalmente para aquelas que possuem busca por conhecimento de forma rápida.

Fontes:

https://lingua.edu/pt-br/linguas-mais-faladas-no-mundo/

https://pt.babbel.com/pt/magazine/os-10-idiomas-mais-falados-no-mundo

http://izabelahendrix.edu.br/noticias/conheca-as-10-linguas-mais-faladas-no-mundo

https://metodista.br/noticias/conheca-as-10-linguas-mais-faladas-no-mundo

https://www.cpt.com.br/cursos-informatica-desenvolvimentodesoftwares/artigos/desenvolvimento-de-sites-css-estilos-inline-incorporado-e-externo

Compartilhe
Comentários (0)