Trilha de Estudos: HTML e CSS (Parte II)

Published in

Training Center

4 min readFeb 24, 2018

Olá pessoal, na trilha anterior vimos cursos de HTML e CSS da plataforma Udemy gratuitos, com um conteúdo mais iniciante, e nesta parte iremos continuar apresentando estes cursos free, mas desta vez com conteúdo intermediário e avançado. Então vamos lá.

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.

Intermediários

Aprende HTML5 y CSS3 desde cero (Espanhol)

É um curso que vai do iniciante ao intermediário, apresentando alguns conceitos de responsividade, Media Query, Viewport, etc. É um curso mais longo por possuir 6 horas de duração, mas seus vídeos em grande maioria são bem curtos.

Build Your First Glass Web App Theme With HTML5 And CSS3 (Inglês)

Este curso já é mais voltado para a prática em si em vez de apresentação de conceitos, sendo ensinado como realizar a criação de um rodapé para o seu site semelhante a um vidro, mesmo não, sendo algo tão utilizado hoje em dia, pode ser uma boa forma de praticar e aprender sobre.

Aprende a crear páginas web con HTML5 y CSS3 (Espanhol)

Novamente um curso de vai do iniciante a um nível mais intermediário, onde é explicado como se utilizar o EMMET (um plugin para escrever mais rápido seu código HTML e CSS). E possui também dois módulos voltados para prática chamados Workshops.

Mastering CSS 3.0 Selectors (Inglês)

O curso é totalmente focado em ensinar sobre Seletores CSS3, e por ser algo complexo para iniciantes acredito que seja um conteúdo que deva ser visto depois de se aprender CSS2, mas o curso é muito bom e tem um conteúdo super completo sobre. SUPER RECOMENDADO

Curso de HTML5 y CSS3 (Espanhol)

Possuí um módulo totalmente focado em flexbox e flexbox grid que indico assistir. O curso explica bem esta parte que é uma das mais complexas de CSS e que muitas pessoas têm dúvidas. SUPER RECOMENDADO

Learn HTML & CSS: How To Start Your Web Development Career (Inglês)

O curso é um pouco mais intermediário por apresentar alguns conceitos mais complexos em algumas partes, pois, é totalmente focado para você começar sua carreira como já diz o título do curso.

Introduction to CSS Development (Inglês)

Apresenta um pouco sobre Normalize.css, Clearfix, algumas técnicas de centralização de conteúdo (horizontal, vertical e inline). Enfim, possui um conteúdo bem diverso.

HTML5: Foundation classes on HTML 5 (Inglês)

Não indicado para quem tem dificuldade de entender indianos falando inglês. Curso de uma hora e meia onde aborda apenas assuntos como SVG, SSE, MathML, é necessário já possuir o entendimento de conceitos básicos de HTML.

Avançados

EMMET Faster HTML & CSS workflow — Best Tool For Developers (Inglês)

Curso totalmente focado no uso do Emmet que é um plugin para escrever HTML e CSS mais rápido. Recomendo só utiliza-lo e aprender soube depois de ter uma boa base. SUPER RECOMENDO

Css3 y Flexbox — Aprende a crear sitios web Responsives (Espanhol)

O curso apresenta ao fim um projeto para a criação de um site responsivo utilizando o conteúdo apresentado anteriormente que é totalmente focado em CSS3 e Flexbox. É um curso curto e não muito completo sobre, mas já ajuda bastante.

Build A Responsive Website From Scratch (Inglês)

Novamente sotaque pessoal, mas independente disso da para utilizar o curso, já que o foco aqui é a prática, e implementação do projeto de criação de um site totalmente responsivo.

HTML and CSS Foundations (Inglês)

Os prós deste curso são o fato de apresentar mais sobre Media Queries, Flexbox e Animação algo que não é muito comum você encontrar em cursos de HTML e CSS na plataforma de forma gratuita, sendo uma boa pedida caso queira estudar mais sobre o assunto.

HTML 5 desde cero hasta crear una página web responsive! (Espanhol)

Novamente um curso totalmente voltado para a prática, onde o instrutor dos cursos é bem animado, motivando bastante em continuar aprendendo. O conteúdo vai até um pouco além do HTML e CSS, mostrando como criar o formulário de contato em PHP.

Write quicker HTML5 and CSS 3; productivity hacks with emmet (Inglês)

Curso totalmente voltado para escrever código mais rápido, desta forma abordando o EMMET, mas não aprofunda muito, pois, o curso possui apenas uma hora e meia, um tanto curto.

Aprende HTML5 para hacer tus propios diseños web (Espanhol)

Um curso muito bom, pois, apresenta um conteúdo diferente dos outros cursos como HTML APIs (Drag and Drop, Web Storage, etc), entre outros assuntos. É um curso completo possuindo sete horas ao todo. SUPER RECOMENDO

Learn HTML5 Programming From Scratch | Udemy (Inglês)

Outro curso que apresenta sobre HTML APIs. O curso tem diversos pontos fortes, como a duração do curso que é bem longa (ou seja, tem bastante conteúdo pra absorver), os códigos são sempre disponibilizados, entre outros.

HTML and CSS for Beginners — Build a Website & Launch ONLINE (Inglês)

Um curso totalmente simples, mas que tem como ponto forte a utilização de PHP para algumas partes do projeto, como o envio de formulários, ou dados de contato, entre outras coisas.

Sumário