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, um editor de código online gratuito.

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 para alguns...

Embora seja possível aprender a programar e construir páginas usando o navegador do celular e algum dos sites indicados acima (e outros), há uma bad news (má notícia) 😞, você precisará ter noções mínimas de inglês, visto que a maioria desses sites são gringos. Mas não veja isso como uma dificuldade, veja como possibilidade e motivação para aprender ou desenvolver uma nova habilidade amplamente útil que é aprender um novo idioma, ainda mais um idioma amplamente usado como o inglês.

Conclusão

Embora, aparentemente mais fácil de utilizar, visto que necessita apenas de um navegador conectado à internet e acesso a um site com editor online integrado, você precisa aprender a utilizar um computador para criar e editar arquivos e códigos, afinal, quando necessitar colocar seus projetos em prática para fins pessoais ou profissionais, você precisará utilizar um computador para desenvolvimento. Além disso, o conhecimento da estrutura básica de documentos html e as linguagens utilizadas no desenvolvimento web ficam mais intuitivos quando vamos do computador para os editores online. O contrário nem sempre é verdade, já que muitos sites com editores facilitam a vida do aprendiz gerando páginas simplificadas, que simplesmente não funcionariam, ou funcionariam com defeito caso o aprendiz tentasse criar um projeto real do zero fora desses editores online. Espero que esta postagem tenha te ajudado a vislumbrar novos caminhos para aprender. Bons estudos e até a próxima!

Comentários

Postagens mais visitadas deste blog

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...

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...

Introdução a formulários HTML

Criando um formulário de contato simples O que iremos fazer hoje Formulários permitem ao usuário de um site ou aplicativo inserirem e enviarem informações para o site ou programa. Em html temos a tag <form></form> que nos permite criar um formulário em nossos documentos. hoje teremos uma visão bem superficial do assunto, já que a intenção é introduzir a funcionalidade de forma simplificada e não entrar nos detalhes de implementação e estilo neste primeiro momento. Fazendo a nossa marcação básica Abra o bloco de notas e insira a nossa tão conhecida estrutura básica html: <!DOCTYPE html> <html lang="pt-br"> <head> <title>Formulário de Contato</title> <meta charset="utf-8"> </head> <body> </body> </html> Insira um cabeçalho de nível 1 (<h1>) dentro do body com o seguinte texto: Formulário de Contato Salve o documento com o nome...

Aprendendo Web Design Básico

Pesquisar este blog