Pular para o conteúdo principal

O que você precisa para começar a criar páginas em HTML?

Quais as ferramentas básicas necessárias prender html?



Para começar a aprender e a escrever seus primeiros códigos em html, você não precisa de muitas coisas, aliás, é bastante simples. Você precisará de:

  • Um notebook ou desktop para criar e salvar arquivos
  • Um navegador de internet (de preferência atualizado, mas não é obrigatório)
  • Um editor de texto puro (bloco  de notas / notepad++)
  • Conexão à internet para aprender os conceitos
Captura de tela exibindo bloco de notas e navegador abertos

São apenas quatro itens e se você notar, eles são muito comuns se você possui um computador. Para os mais adiantados, sim, é possível aprender apenas usando um navegador de celular. Mas não é o mais adequado para aprender os fundamentos da linguagem e vai requerer uma noção básica para operar com arquivos em editores online, muitas vezes em inglês. Fique tranquilo(a) que daremos dicas sobre esses editores e como aprender apenas usando seu celular em uma próxima postagem.

Por que um notebook ou desktop?

Notebooks e computadores são mais práticos, confortáveis e robustos, permitindo uma leitura mais confortável na tela, melhor pesquisa e navegação em sites, bem como armazenamento, edição e exibição de arquivos, contando com maior espaço e processamento. Além disso, você pode abrir e navegar com grande facilidade por várias abas, utilizando mouse e teclado. O ponto negativo é que os notebooks são mais caros, mas lembre-se, você não precisa de uma máquina muito possante, você precisa de uma máquina capaz de navegar minimamente bem na internet e que dê para criar e editar documentos de texto puro. 

Por que preciso de um navegador de internet?

Não é somente para navegar na internet. Os maiores navegadores disponíveis hoje, além de permitirem a função básica de navegação na internet, também possuem integradas ferramentas de desenvolvimento web. Através delas você tem um ambiente para criação, execução, edição e depuração de código html (estrutura básica do conteúdo web), css (para estilizar a página) e javascript (para controlar o comportamento da página). Não se preocupa se não compreender algum termo, veremos mais sobre cada um deles em postagens futuras e você aprenderá tranquilamente.

O que é um editor de texto puro e para que preciso de um?

Um editor de texto puro, garante que não haverá caracteres ocultos que irão alterar o nosso código html, causando assim sem mal funcionamento. Assim, o editor de texto puro como bloco de notas e notepad++, garantem que trabalharemos com texto somente, o que para html é fundamental.

Preciso de uma conexão rápida com a internet?

Se a sua conexão for muito rápida, melhor ainda, isso te poupará tempo, porém, isso não é uma exigência. A única exigência é que a sua conexão com a internet seja suficiente para você pesquisar os conteúdos que irá aprender pela internet (por exemplo, acessando este blog). Para a execução e exibição da maioria dos códigos que aprenderemos, será muito comum nem ao menos necessitarmos estar conectados, visto que os arquivos que criaremos estarão salvos no próprio computador.

Conclusão

Viu como é simples estar pronto para começar a aprender desenvolvimento web? Você nem se quer precisará instalar algum programa, podendo usar o básico que já acompanha qualquer computador padrão. Se você caiu nessa postagem de paraquedas, acessa a página inicial e comece já a aprender desenvolvimento web seguindo a lista de postagem que disponibilizamos. É aconselhável que você não pule etapas, siga a ordem dos conteúdos e o principal: PRATIQUE, PRATIQUE e PRATIQUE!!! Só assim, você estará aprendendo de verdade.






Comentários

Postagens mais visitadas deste blog

Como aprender HTML se você não possui computador?

Aprendendo html pelo seu smartphone Se você não possui computador, ainda assim é possível aprender html, através do seu smartphone. Tudo que você precisará é de um navegador de internet e acessar algum site que forneça ferramentas de edição e exibição web (html, css e javascript). Visual do site Codepen (editor online de código) Algumas opções gratuitas desses sites são:  Playground | MDN (mozilla.org)  (pode não funcionar em celulares ou navegadores mais antigos) https://codepen.io/  (funciona bem em diversos aparelhos e navegadores) JSFiddle - Code Playground  (pode não funcionar bem em aparelhos antigos e de tela pequena) Glitch: The friendly community where everyone builds the web  (funciona bem, mas pode ser um pouco confuso de entender a interface no início) Embora sejam todas opções gratuitas, algumas, poderão oferecer melhorias ou recursos extras que são pagos, o que não inviabiliza a utilização básica para a finalidade de aprendizado. Uma má notícia par...

Introdução a CSS (Cascading Style Sheets)

O que é CSS  Aprendemos que HTML é a linguagem que estrutura os documentos web, pode ser considerado a espinha dorsal dos documentos web. Da mesma forma, que o html é considerado a espinha dorsal ou estrutura básica dos sites,  CSS (Cascading Style Sheets "Folhas de Estilo em Cascata") é a linguagem responsável por estilizar, colorir e organizar o leiaute da visualização do documento web.  Podemos utilizar uma analogia com o corpo humano para entendermos melhor o papel das CSS em uma página web: Assim como a estrutura para o nosso corpo é o nosso esqueleto, em um documento web esse "esqueleto" seria o código HTML, por cima desse esqueleto recebemos outras camadas como músculos, tecidos e pele...  essas camadas que dão forma ao nosso corpo, podem ser comparadas às folhas de estilo em cascata (CSS) que em nossos códigos nos permitem dentre outras coisas: alterar a cor dos elementos em um documento, alterar a cor de fundo, adicionar imagens ou padrões  de fundo, ed...

Estilos Inline no HTML (Não faça isso!)

 Estilos Inline São Rápidos, Mas Perigosos A forma mais rápida de aplicar estilos em elementos é inserindo-os na própria tag html do elemento, através do atributo  style="". Todas propriedades e valores inseridos entre as aspas do atributo style serão aplicados ao elemento que o contiver, porém, não faça isso! Na presente postagem explicaremos melhor o que você deve preferir na hora de estilizar seu código. Por que não devemos usar estilos direto nos elementos (inline) html? Primeiro porque não é considerada uma boa prática misturar código html e css no mesmo local, o que causa desorganização e problemas para pesquisar e corrigir erros. O outro bom motivo para não utilizar estilos inline é que em pequenos projetos como os exemplos html que usamos, onde há poucas linhas de códigos e poucos elementos, você não terá problema em usá-los, porém conforme o código for crescendo e com isso a complexidade dele, você não achará uma boa ideia usar estilos inline. Aqui vai um exemplo: se...