【HTML & CSS】オンライン学習『Progate』をやってみた
Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]
Progateはオンラインで16のコース、71のレッスンを通して、プログラミングを学習できるサイトです（アプリもあるみたい）
無料会員でHTML & CSSコース初級編をやってみたので、感想を書きたいと思います。
目次
- ”HTML”と”CSS”とは？
- Progate概要
- 無料会員でやってみた感想
”HTML”と”CSS”とは？
ざっくりの説明として、これら2つは「Webページの見た目をつくる言語」です。このブログもこれら言語から成り立っています。
レッスンを受けた感覚だと、HTMLとCSSの役割は
HTML：Webページの部品・要素を描写する言語
CSS：それら部品・要素を組み立てる・デザインする言語
という感じでしょうか。
Webページの画面内で右クリックをして、「検証」をクリックしてみてください。
画面右側上部にHTMLのコード、下部にCSSのコードが確認できます。
自分もまだまだ勉強中なので、すべてわかる訳ではないですが、こんな文字列でWebページが成り立っているんだと簡単にチェックできます。
Progate概要
Progateの概要は以下の通りです。詳しくはこちらからご確認ください。
- 16コース、71レッスン
- スライド式の”講義”と実際に手を動かす”演習”の2部構成
- 無料会員でも基礎レベルの18レッスンを受講可能
- 有料会員費は980円/月
以下に、講義のイメージ画像と演習のイメージ画像を貼付しておきます。
画像左側のサンプルWebページが基礎編を受けるだけで作れるようになります
以下に、16コースの名称を書いておきます。
- HTML & CSS
- JavaScript
- jQuery
- Ruby
- Ruby on Rails5
- PHP
- Java
- Python
- Swift
- Command Line
- Git
- SQL
- Sass
- Go
- React
※16コースとホームページには書かれていますが、コース一覧のアイコンは上記の15個しか見つかりませんでした、、
無料会員でやってみた感想
良い点と悪い点の2つに分けてまとめました。
良い点
- サイト内で学習が完結する（わざわざ言語を記述する環境を設定しなくてもいい）
- いろんなコース・言語の基本を学べる
- コースそれぞれにコラムがあり、実践時の環境設定なども学べる
- レベルLv.の概念があり、成長感がある（1つの演習ごとに経験値がもらえ、レベルがアップする）
悪い点
- 連続・集中してやらないと、学習内容を忘れたときに、スライドのどこに目的の内容があるのかわからなくなる
- 全くプログラミンングに触れたことがないと、ヒントはあるものの、演習時につまずく可能性を感じた
基本的に、高評価です。
特に、HTMLとCSSが一緒に学べるのが良いと思います。
気になった方は、無料ではじめられますのでぜひ挑戦してみてください。
それでは
アトラス
