CODEPREP
上のリンクからアクセスできます．

こちらではHTML・CSS・javascriptや，Ruby・PHP・Pythonなどに加え，Scala・Rust・Boostrapといった学習サイトであまり見ない内容のカリキュラムも用意していました．
更にjavascriptなどにおいてはマークダウンエディタやトグルボタンなどの「成果物まで実際に作ってみる」といったカリキュラムもありますので，楽しく学ぶことができます．

誠に残念なことですが，2018年9月をもって閉鎖するようです．
それまでは全ブック無料公開するとのことですが，記事を書くのが遅くなり申し訳ございません・・・(´；ω；｀)

私も，【図2】にあるような，そこまでで切り上げました…．

*******2018/10/02更新*******
10月以降も継続することが決定したようです！
下にそのツイートがあります．

【無期限延長のお知らせ】
先程、ブログでも公開しましたが、CODEPREPを無期限延長することにいたしました。（課金予定もありません）
不徳の致すところは多々ございますが、Progateなどの優良サービスと組み合わせて、引き続きご利用いただければ幸いです。https://t.co/WqWMPsvroY

— CODEPREP@プログラミング学習 (@codeprep_jp) 2018年10月1日

9月まで無償公開だ！と思って頑張ってきた者としては「えぇ・・・ｗ」って気分ですがｗ（有償に戻しても良さそうだけどなｗ）