Olá futuro programador! Aqui é o Vitor e estou muito feliz de poder iniciar este Curso de HTML Gratuito que aguardei e planejei tanto tempo para fazer.
Antes de mais nada espero que você me siga nas redes sociais, quero postar muito conteúdo de ajuda para outros desenvolvedores e ao me seguir você tem acesso a todos eles, sejam no formato de texto, vídeo ou imagem.
Para acessar minhas redes visite os links em minha página pessoal
Também gostaria de dizer que meu interesse é ajudar outras pessoas que estão entrando no mercado de programação, e tem o interesse de serem desenvolvedores, especialmente aqueles que gostam do desenvolvimento para web.
Não tenho interesse em criar meu próprio curso e monetizar com ele, até porque já tem muito conteúdo na web e não quero ser mais um. Quero de fato me tornar uma referência a um serviço realmente gratuito para aqueles que querem aprender.
Espero em breve lançar uma playlist completa em meu canal no YouTube sobre os seguintes temas: HTML, HTML5, CSS, PHP, JavaScript, temas WordPress, plugins WordPress.
Como prometido vamos lançar aqui nosso primeiro Curso de HTML Gratuito.
Por que fazer um curso gratuito de HTML?
Algumas pessoas dizem o seguinte sobre o HTML: o HTML é o básico do básico, que o HTML você aprende até em apostila, que o HTML nem é linguagem de programação. E de fato isso é verdade 🤣.
Porém, eu não gosto de como isso é dito porque parece que é um estudo tão simples que nem precisa aprender e definitivamente não é assim.
- Existem 142 tags HTML disponíveis, sendo que cada tag ou código faz uma função diferente no site, então já fica claro que não é tão simples assim.
- A maioria das linguagens de desenvolvimento web, para não dizer todas elas usam em alguma parte do código o HTML, então embora seja simples o HTML é essencial para qualquer desenvolvedor.
Existe, sim, a forma correta de se trabalhar com HTML e como você faz isso pode até mesmo impactar de maneira negativa ou positiva como buscadores encontram seu site.
Então saiba que conhecer o básico de HTML é uma coisa, agora chamar o HTML de básico é outra coisa.
Dito isso, você deve fazer o curso de HTML porque independente da linguagem que você trabalhe no futuro, provavelmente em algum momento do desenvolvimento você terá de usar HTML.
Veja o que você vai aprender neste curso de HTML
Quando você busca por aulas de HTML, em muitos casos vai ver o título: Curso Completo de HTML. Cara, serio? 🤔
Como dito anteriormente, existem 142 tags HTML disponíveis que permitem a criação de vários elementos em seu site, se você não ensinar as 142 tags e a aplicação de cada uma delas fica meio estranho dizer que é um curso completo.
Então saiba que eu não vou ensinar todas as tags neste Curso de HTML Gratuito. Mas vou falar sobre o suficiente para que você possa criar um site completo, o resto é com você e está tudo bem!
Ninguém aprende tudo de uma linguagem ao terminar o curso, normalmente as pessoas aprendem o que é essencial e ao precisar de uma função específica pesquisam no Google ou no stack overflow sobre como programar algo específico.
Com o passar dos anos a experiência e a necessidade vão te fazer um desenvolvedor completo, não o curso que você fez! Em meu curso espero passar o aprendizado referente ao:
- Funcionamento Firefox Developer
- Funcionamento do VS Code
- O que são Tags HTML
- Imagens em HTML
- Links / Menu
- Formatação de textos
- Listas
- Tabelas
- Formulários
- Introdução ao HTML 5
- Áudio e Vídeo
- Publicando seu site na web
Ferramentas para instalação (Curso de HTML)
Para começarmos nosso Curso de HTML Gratuito vou pedir para que vocês instalem duas ferramentas que vão nos auxiliar no trabalho e tornar mais simples o desenvolvimento de sites e outros projetos.
Firefox Developer Edition
A primeira instalação é de um navegador, o Navegador Firefox Developer Edition
Este navegador é uma versão especial do Firefox desenvolvida para programadores, isso porque ele tem algumas funções adicionais que facilitam muito a vida do desenvolvedor.
- CSS Grid e CSS inativo;
- Firefox DevTools;
- Editor multilinhas de console;
- Inspetor de WebSocket;
- Painel de fontes;
- Modo de design responsivo;
- Desempenho e Velocidade do site.
Outra ferramenta que vai nos ajudar muito na hora de editar nosso código-fonte é:
Visual Studio Code
O Visual Studio Code (VS Code), desenvolvido pela Microsoft, tem se destacado como uma das escolhas mais populares entre os ambientes de desenvolvimento, independentemente da linguagem de programação que estão utilizando.
1. Multiplataforma;
2. Leve e Rápido;
3. Extensibilidade;
4. Suporte a Diversas Linguagens;
5. Integração com Git;
6. Depuração Simplificada;
7. Comunidade Ativa.
A extensibilidade é uma das grandes forças do Visual Studio Code. A comunidade de desenvolvedores pode criar e compartilhar uma variedade de extensões que aprimoram as funcionalidades padrão do VS Code. Essas extensões podem variar desde melhorias de sintaxe até integrações específicas para diferentes frameworks e linguagens de programação.
Para fazer o download visite o site oficial do Visual Studio Code.
Fazendo o curso de HTML em diferentes sistemas operacionais
Geralmente aqueles que querem aprender mais sobre programação, especialmente de desenvolvimento para web, vão usar computadores com o sistema operacional Windows.
Inclusive o Firefox Developer e o VS Code que recomendamos são de instalação padrão para Windows, então se você usa o sistema operacional da Microsoft deve conseguir dar sequência sem problemas de compatibilidade com os principais softwares. Mas também vamos falar sobre como trabalhar no Linux e no Mac.
Instalando as ferramentas de desenvolvimento no Linux
Geralmente o Linux aceitará a instalação de seus programas por meio de linhas de comandos, entretanto muitos sistemas como o Ubuntu e Mint já tem lojas de aplicativos como ferramentas de desenvolvimento incluindo o VS Code e diversos navegadores prontos para serem instalados com apenas um clique, provavelmente até mais simples do que o Windows.
Mas em outros casos será possível fazer a instalação seguindo o passo-a passo explicado pelo Edivaldo Brito em seu site, então para ler na integra como fazer esta instalação:
Instalando as ferramentas de desenvolvimento no MAC os
No caso do MAC instalar as ferramentas de desenvolvimento como o VS Code é simples, pois os mesmos já estão disponíveis de forma nativa na app store e também vou deixar os links para download diretamente pela loja:
Para instalar o Firefox Developer no Mac use o Homebrew
brew tap homebrew/cask-versions
brew install --cask firefox-developer-edition
O segredo para estudar e realmente aprender HTML
Muitas pessoas têm o desejo de aprender mais sobre programação, mas não conseguem, depois de um tempo pensam que não tem cabeça para isso, já estão velhas demais ou que não são inteligentes o suficiente, isso se chama auto sabotagem.
Qualquer um pode aprender a programar e ser um profissional da área, mas é importante ter os pés no chão, existem promessas exageradas sobre cursos que ensinam a ganhar 10mil por mês, em 3 meses, sem estudar, sem programar, e sendo um programador de sucesso haha
A verdade pessoal é que como em qualquer programação para você sem um profissional da área é preciso adquirir o conhecimento necessário, testar, errar, tentar de novo, errar, e acertar.
A programação vai exigir de você a recorrência nos estudos, ou seja, mexa com programação todos os dias. Se você puder tirar 1 hora para aprender e 1h para trabalhar em um projeto, pessoas todos os dias.
Como sugestão, se você esta aprendendo a criar um site então comece criando seu site pessoal, para se inspirar procure por sites de outros profissionais no Google, busque por: programador freelancer e veja os sites que aparecem.
Separe as coisas que você mais gostou e que quer colocar em seu site, como: topo, menus, paginas, links, imagens, animações, etc.
Conforme você vai aprendendo teste tudo que esta sendo ensinando, não fique apenas olhando, escreva o código e veja se funciona, se não funcionar busque pelo erro até achar, mas conclua o exercício.
Não desista da programação, quando sentir que esta bem difícil, apenas continue estudando e pule a aula que você não entendeu, às vezes não é o momento ou você não está em um dia bom para aprender aquilo, anote e veja novamente no futuro.
Bom pessoal espero que este Curso de HTML Gratuito seja apenas o início de uma longa jornada que teremos!
No responses yet