Trilha de Estudos: HTML e CSS (Parte I)

Published in

Training Center

6 min readFeb 16, 2018

Olá pessoal, há mais ou menos um mês estava conversando com algumas pessoas em um grupo do telegram e por já ter feito diversos cursos online entre outras coisas me perguntaram porque eu não criava uma trilha de estudos sobre estes conteúdos e hoje estamos aqui exatamente para isso.

Neste primeiro artigo estarei começando esta série de HTML e CSS, onde venho trazer para vocês alguns cursos gratuitos do Udemy. Nas próximas partes estarei trazendo alguns cursos pagos do Udemy, cursos no YouTube, livros e alguns links úteis para seus estudos. Vocês estão prontos?

OBS.: Como em grande parte estes cursos são em inglês ou espanhol, estarei pondo a linguagem falada ao lado do seu título, facilitando assim na hora da busca de uma linguagem específica.

Iniciantes

HTML5 (Português)

O melhor curso sobre HTML e CSS que já vi na plataforma e totalmente em português. O conteúdo vai desde os conceitos até como publicar sua primeira página no github, isso em apenas quatro horas de curso (um tempo consideravelmente razoável). SUPER RECOMENDADO!

HTML Tutorial For Beginners (Inglês)

Acredito que seja um dos cursos mais completo e gratuitos para iniciantes sobre HTML do Udemy. Os vídeos têm curta duração e no final do curso ele se utiliza de todo o conteúdo do vídeo para a criação de um site completo revisando o que foi ensinado. SUPER RECOMENDADO!

HTML: Become an Expert in HTML5 In 2 Hours - For Beginners (Inglês)

Não é um curso tão completo, mas introduz os novos conceitos de HTML5 em algumas horas. O instrutor utiliza uma linguagem simples e fala de forma pausada o que facilita o entendimento do conteúdo e ao fim de cada módulo apresenta um teste para fortalecer o conhecimento do que foi ensinado.

¿Por donde empezar en el desarrollo web? (Espanhol)

Este curso só possui uma hora de duração, mas o instrutor consegue nesse pouco tempo ir direto ao ponto e explicar as coisas mais importantes. Também não possui testes o que é uma pena, mas têm uma boa base inicial sobre HTML.

HTML and CSS: The Super Fun Beginner's Course (Inglês)

Infelizmente não possui conteúdo suficiente para se aprender, mas possuí um módulo de criação de template básico, mostrando um pouco como criar um cabeçalho, rodapé e conteúdo para a base do site.

HTML for Beginners (Inglês)

Apenas um curso comum, sem diferenciais que pode dar uma noção básica de como utilizar o HTML5 em apenas 2h, apresentando um pouco sobre a semântica, tabelas, formulários, mas faltando bastante conteúdo importante sobre a nova versão.

Learn HTML for Absolute Beginners (Inglês)

O instrutor é um paquistanês que fala inglês, ou seja, se você tem dificuldade com outros sotaques fujam desse curso. Mas mesmo assim o conteúdo é bem explicativo e ainda apresenta uma breve introdução ao CSS no final mesmo sendo voltado para HTML.

HTML and CSS for Absolute Beginners (Inglês)

Este curso apresenta uma introdução de HTML e CSS, mas foca em apresentar os dois juntos. Então se você tem mais facilidade para aprender as coisas desse modo esse curso é para você.

Aprende las bases del Css (Espanhol)

Uma informação importante é que este curso infere que você já possui conhecimento em HTML, pois, não é dado nenhuma introdução sobre. Independente disso possui como ponto forte que ao fim de cada etapa é disponibilizado os arquivos para download..

Mastering Basic CSS Selectors (Inglês)

Mais um curso do qual se você tiver problema com sotaque fuja. O foco aqui é voltado para o aprendizado de seletores CSS. O curso possui por volta de 3h o que pode ser um pouco comprido apenas para focar seletores, mas é uma boa pedida para acabar com todas as dúvidas sobre o assunto.

A Complete Introductory Tutorial on HTML5 (Inglês)

É um curso grande (por volta de 4h e meia de conteúdo), bastante completo. Cada aula varia de 5 a 15 minutos e como alguns outros cursos possuem testes no fim dos módulos e no meio deles para entendimento do conteúdo.

Aprende a crear páginas web con HTML y CSS (Espanhol)

Outro da lista de cursos mais completos. Além de HTML e CSS é apresentado uma breve introdução sobre JavaScript (que poderá ser útil mais para frente, de acordo com o avanço de seus conhecimentos) e um módulo intitulado Workshop onde você irá realizar a criação de um site.

Introductory To HTML - Create Your Very First Webpage (Inglês)

O curso apresenta os conceitos de HTML enquanto realiza a criação de uma página completa, tendo apenas 1h de duração. Uma coisa legal que é utilizada é que antes do vídeo, o instrutor sempre apresenta uma breve descrição do que será abordado, como um resumo do conteúdo para o aluno.

Master the Basics of HTML5 & CSS3: Beginner Web Development (Inglês)

Ótimo curso, mesmo sendo um dos mais antigos desta lista (basicamente tem 2 anos desde sua publicação). Um de seus diferenciais é possuir no módulo de CSS conteúdo sobre sombreamento de texto e caixas e um pouco de texto 3D também (mesmo não sendo tão utilizado atualmente).

HTML: The first step for absolute beginners (Inglês)

Aqui temos um instrutor árabe, então fuja caso tenha problemas de sotaque e não se engane pela imagem dizendo HTML5, infelizmente o curso apresenta apenas o HTML normal, sem todas as informações importantes. Não se engane!

Build Your First Website in 1 Week with HTML5 and CSS3 (Inglês)

Este curso além de disponibilizar após a aula o código para download possui diversos testes para fixar o que foi aprendido. São apresentados alguns conteúdos extras que podem ser um conhecimento útil como utilizar o Google Forms no seu site, até a utilização de ícones.

Cómo Programar para Emprendedores - HTML y CSS (Espanhol)

O instrutor é um pouco rápido ao ensinar, mas nada como você diminuir a velocidade do vídeo não ajude, caso sinta dificuldade, e nem sempre a informação é muito bem explicada do que uma determinada propriedade.

Programming for Entrepreneurs - HTML & CSS (Inglês)

Basicamente é o curso anterior feito em inglês. Você pode estar com medo do sotaque interferir, mas o instrutor tem um inglês muito bom e chega a falar mais pausadamente o que facilita o entendimento.

Learn basics of HTML in 30 Minutes (Inglês)

Novamente fuja caso tenha problemas com sotaque. Independente disso, o curso é bem rápido, não aprofundando tanto sobre, realmente para aqueles que querem saber ao menos o básico em pouco tempo.

Learn the basics of HTML in a hour! (Inglês)

O curso leva a sério o tempo de 1h, indo direto ao ponto. Isso não significa que o instrutor fale rápido, por sinal é exatamente o oposto, ele apenas não fica enrolando muito e explica de forma clara o que é necessário.

Beginner HTML and CSS (Inglês)

O curso possui em torno de 5h, é um curso bem completo para quem deseja aprender HTML e CSS. O único problema é que você consegue ouvir o teclado do instrutor, e isso pode incomodar depois de um tempo assistindo.

A how to guide in HTML (Inglês)

Outro na linha do “aprenda HTML em 30 minutos”. Curso rápido o que prejudica bastante, pois, não disponibiliza conteúdo suficiente, e códigos ao fim de cada aula para acompanhar o andamento.

Introduction to HTML (Inglês)

O curso é totalmente focado em HTML, mas apresenta uma sessão bônus para apresentar um pouco sobre CSS. Infelizmente possuí pouca duração, mas o instrutor consegue introduzir bem o conteúdo que deseja.

Learn to code with HTML - Beginner to Expert (Inglês)

Novamente fuja do sotaque caso queira. Infelizmente o curso apresenta alguns conceitos básicos como avançados, o que não faz muito sentido, mas ele segue uma boa linha para explicar o conteúdo e isso que importa no final.

HTML Introduction Course: Learn HTML in 2 hours! (Inglês)

Um ótimo curso, com vídeos com duração de 5 a 10 minutos. O curso ainda apresenta uma introdução básica a JavaScript, desta forma tendo um ponto extra no conteúdo.

Sumário