※2023年10月29日時点の情報です。

ドットインストールのHTML, CSSのコンテンツは非常に良くできています。
HTML, CSSのコンテンツに関しては、Progateよりもおすすめできます。

また、多くの場合、HTMLとCSSはプログラミングを始めようと思っている人が、最初に通る関門です。
なので、
・HTMLとCSSを習得したい
という人以外にも、
・プログラミングに興味がある
・プログラミングを学習しはじめたい
・プログラミングが向いているか確かめたい
と言った人にもおすすめできる動画コンテンツとなっています。

気になる学習順序ですが、基本的にドットインストールの講座通りに進めていけば問題ないです。
しかし、タグの学習ばかりしていてもあまり面白くありません。
なので、基礎的なことを学習したら、サイトを作り始めるようなロードマップ設計にしました。
以下の講座に従って学習していけばHTMLとCSSは、実務で最低限使えるレベルになっているでしょう。

ドットインストール講座のロードマップ

1. はじめてのWeb制作

2. Web制作の準備をしよう

Macの方はこちら

Windowsの方はこちら

3. HTML入門 基本タグ編

4. HTML入門 フォームタグ編

5. CSS入門 基本スタイリング編

6. CSS入門 応用スタイリング編

7. CSS入門 セレクター編

実践！ポートフォリオサイトを模写しよう

CSS入門 フレックスボックス編

CSS入門 メディアクエリー編

実践！アプリのランディングページを模写しよう

実践！ECサイトを模写しよう

おすすめのドットインストール学習方法

ドットインストールの動画は1本3分弱となっています。
動画は2回視聴すると記憶に残りやすいのでおすすめです。
1回目は、手を動かさずに視聴します。
1回目に全体像を掴みましょう。
2回目は、実際に手を動かしながら視聴します。
手を動かすというのは、実際にパソコンでコーディングする、という意味です。
プログラミングは、コーディングしないと身につかないので必ずコーディングするようにしましょう。

効率よく学習するために

多くの人は会社員だと思います。
1回目は、通勤時間や昼休憩に。
2回目は、朝起きた後と仕事が終わった後に。
と言った感じで学習すると、最大効率で学習できるでしょう。
大事なのは、理解できなくてもとりあえず進んでいくことです。
また、必ず毎日学習しましょう。
週末だけ学習しても、はっきり言って意味ないです。
特に初学者のうちは、3日も学習しないでいると1日目に学習した内容をほぼ忘れます。

次に学習するべき言語

Web制作に進みたいのであれば、
・JavaScript
・WordPress
Web開発に進みたいのであれば、
・PHP
・Ruby
・Jaba
などのサーバーサイド言語
をおすすめします。

Web制作とWeb開発の違いがわからない方は以下の記事をご覧ください。