Ler e escrever códigos da Web pode ser incrivelmente intimidador se você não for um desenvolvedor ou programador. Mas se você administra um site de associação ou um negócio on-line, um conhecimento básico de alguns conceitos e da linguagem pode ser extremamente útil. Independentemente de estar criando seu próprio site ou trabalhando com um desenvolvedor experiente, esses hacks de codificação ajudarão a tornar as coisas mais fáceis.
Gostaria de acrescentar um rápido aviso de que NÃO sou um desenvolvedor. Entretanto, como estrategista digital, sou frequentemente chamado para fazer ajustes no site, personalizar boletins informativos, fazer a ligação entre clientes e desenvolvedores, corrigir problemas urgentes no código de back-end e muito mais. Ao longo dos anos, usei meus conhecimentos de codificação MUITO, MUITO básicos para personalizar o WordPress/Squarespace/MailChimp/AWeber modelos, criar widgets personalizados, destacar palavras-chave e informações importantes em páginas da Web e publicações de blog e muito mais. Os hacks a seguir foram minha salvação e espero que ajudem você também!
1. Aprenda o jargão
Entender um pouco do vocabulário básico de codificação é muito útil quando se tenta comunicar necessidades ou problemas com um desenvolvedor. Um bom ponto de partida é entender as diferentes linguagens de código existentes (HTML, CSS, Javascript, etc.), os locais onde encontrar e colocar o código (código-fonte, folhas de estilo, etc.) e a terminologia dos diferentes componentes do código (colchetes, tags, propriedades, variáveis, etc.).
O domínio do idioma não é apenas uma ótima maneira de se comunicar com um desenvolvedor, mas também facilita muito a pesquisa em fóruns para obter ajuda na solução de problemas. Se você não conseguir expressar o problema que tem, provavelmente não obterá a solução de que precisa.
2. Dominar os conceitos básicos de HTML
O HTML é uma das primeiras linguagens de código e (na minha opinião) uma das mais fáceis de aprender. Existem inúmeros tutoriais na Web e infinitas aplicações para as habilidades que você aprende. Usei minhas habilidades básicas em HTML para personalizar publicações em blogs, boletins informativos, páginas da Web e muito mais. Quer eu esteja tentando alinhar uma imagem, destacar um texto importante, formatar um título ou criar um link para outro site, saber como escrever e ajustar pequenos trechos de código HTML tem sido fundamental.
Se estiver se sentindo intimidado por todas as informações, lembre-se de seguir seu próprio ritmo e prestar muita atenção aos padrões e à estrutura. Depois de entender a lógica por trás da linguagem que está usando (e eu prometo que há um método por trás de toda loucura), as coisas devem se encaixar mais facilmente.
3. Examinar o código-fonte
Você sabia que: Se você clicar com o botão direito do mouse em um espaço em branco em qualquer site e selecionar "Exibir código-fonte da página", poderá ver o código de qualquer site. Acho isso especialmente útil quando vejo algo no site de outra pessoa e quero saber como ela fez isso! Às vezes, uma solução pode ser tão fácil quanto copiar, colar e ajustar.
Examinar o código-fonte também é uma ótima maneira de ver os aplicativos da vida real dos conceitos básicos que você começou a aprender. Se você é um aluno mais visual, pode examinar o código-fonte de uma página ao lado dela para ver as funções de linhas específicas de código. É como se fosse um guia passo a passo sobre como criar exatamente aquela página da Web.
4. Pesquisar fóruns
Se estiver com problemas para escrever uma linha de código do zero ou se estiver tentando resolver um problema com o qual nunca teve experiência antes, uma simples pesquisa no Google geralmente resolverá o problema. Se estiver personalizando um tema do WordPress/Squarespace ou criando um site do zero, relaxe com o conforto de saber que alguém provavelmente já passou por isso antes. Ao pesquisar respostas muito específicas na Web, você inevitavelmente encontrará uma infinidade de fóruns para ajudar. É provável que o mesmo problema que você está enfrentando agora já tenha sido resolvido por muitas outras pessoas.
Se estiver trabalhando com um tema ou modelo específico em um projeto mais longo, recomendo fortemente que marque os fóruns que considerar úteis para que possa voltar a eles facilmente em caso de problemas futuros.
5. Prática, prática, prática
Em minha experiência, a melhor maneira de entender o código é fazer experiências com ele. Crie uma página oculta e não publicada em seu site, cole nela um trecho de código de um fórum ou do código-fonte de outro site e pratique sua manipulação. Quase tudo o que sei sobre leitura e escrita de código foi resultado de erros cometidos em um espaço seguro. É realmente uma daquelas coisas que fazem mais sentido quanto mais você pratica.
A vantagem de praticar em uma página oculta e não publicada é que você tem a liberdade de mexer sem medo de travar ou arruinar todo o seu site. Quando encontrar o trecho de código que funciona, basta copiá-lo e colá-lo no código-fonte ou na folha de estilo da página em que você realmente precisa dele.
Para finalizar...
Espero que essas dicas sejam úteis e que você se sinta pronto para construir algo maravilhoso hoje. Se tiver alguma dúvida, deixe-a nos comentários abaixo e farei o possível para respondê-la. E se você for um desenvolvedor com algumas dicas extras para nós, gostaríamos de ouvi-lo!
PT 
EN 
ES 
FR 
DE 
Nicole,
Que sopro de ar fresco, que oásis em um deserto!!! A codificação é algo que quero aprender e sinto que preciso conhecê-la quase em um nível moderado. Sei que isso é necessário ao fazer quase tudo em meu site e acho muito difícil depender de outras pessoas com tanta frequência. Estou tentando estudar um tutorial sobre HTML, mas não sou tão disciplinado quanto preciso ser!!!
Tenho uma pergunta que me permitirá praticar um pouco em uma página "privada" do meu site... Se eu vir um pequeno anúncio de coluna única de que gosto no site de alguém e quiser criar algo semelhante... você sugere clicar com o botão direito do mouse no anúncio e clicar em "fonte". Se eu clicar no anúncio, posso presumir que todo o código na "fonte" pertence a todo o layout e design desse anúncio? Como posso determinar o início e o fim do código que estou procurando se eu clicar em uma página inteira?
Não quis me alongar em meu comentário sobre sua postagem... Estou apenas sedento por conhecimento e adorei sua postagem!!! Vou dar uma olhada no seu site e espero me tornar uma seguidora assídua!!!
Obrigado,
Les
Oi Les,
Muito obrigado por seu comentário! Concordo plenamente que aprender HTML é algo que requer um pouco de dedicação, mas a satisfação de poder entrar no site e fazer as alterações necessárias sem precisar contratar um desenvolvedor vale muito a pena.
Para responder à sua pergunta: se você clicar com o botão direito do mouse na adição e selecionar a opção "inspecionar elemento", ele deverá abrir o código-fonte e destacar a seção exata do código que criou esse anúncio. É claro que você terá que alterar o nome do arquivo e o hiperlink no código para atender às suas necessidades específicas, mas isso deve lhe dar o esqueleto para construir e evitar que você tenha que pesquisar no código da página inteira.
Espero que isso ajude e boa sorte!
Com muito carinho,
Nicole