IT・プログラミング

どんな内容?プロゲートの有料プラン中級編

progateとドットインストールの無料レッスンをやってみて、若干インプットの多いprogateを有料プランにアップグレード。
とはいえ月額980円(税込)なので、社会人としては落としても諦めがつくレベルの金額。

フフーフ
プログラミング学習サイトは、スクールと比べてかなり割安感があって飛び込みやすいね!
どうしてこんなに値段が違うのかにゃー?
ちゃんねこ
フフーフ
やってみたわけではないけど、教えていること自体はそんなに変わらないと思う。調べた限りだと大きい違いは2つ

スクールと学習サイトの違い

  • 質問が出来るメンター(精神的なサポートも含めた先生)がつく。
  • 個人レッスンだからポートフォリオが作れて、そのまま就職活動につながる。
フフーフ
こんな感じ。もうプログラマーになる覚悟がある人はスクールに通うのが一番の近道だね
なるほどにゃー。本職があって、さらにスキルアップしたいときは気軽に始められる学習サイトがいいのかにゃー
ちゃんねこ
フフーフ
そういうこと!じゃあprogate中級編に進んでみよう!

スポンサードサーチ

HTML&CSS 中級編

レッスンメニュー

レッスン内容はこんな感じ。

HTML & CSS 学習コース 中級編

レイアウトを作ろう
 1. 目標物を確認しよう
 2. 全体のレイアウトを作ろう
トップ部分を作ろう
 3. トップ部分のレイアウトを作ろう
 4. 透明度、文字の間隔を調整しよう
 5. ボタンを作ろう
 6. レイアウトを整えよう
 7. アイコンを使おう
ヘッダーを作ろう
 8. ヘッダーのレイアウトを作ろう
 9. ログインリンクを作ろう
 10. ログインリンクを完成させよう
レッスン一覧部分を作ろう
 11. レッスン一覧のレイアウトを作ろう
 12. レッスンを並べよう
 13. レイアウトを整えよう
メッセージ部分を作ろう
 14. メッセージ部分のレイアウトを作ろう
 15. 立体的なボタンを作ろう
 16. クリック時に変化をつけよう
フッターを作ろう
 17. フッターを作ろう
ヘッダーを固定しよう
 18. ヘッダーを固定しよう

引用:progate公式HP © 2014 Progate, Inc.

サイトを作っている感がかなりでてきた

初級編で軽くやったレイアウトを、より細かく指定しながら先にすすんでいく感じ。

ヒントがたくさんありすぎて、結局自分でできるようにならないんじゃないか・・・?
と思っていたけど、一回習ったところはヒントが省略されているから、ちゃんと演習にもなっている。

細かいステップでチェックが入るけど、そのたびに答え合わせが出来る。
その答え合わせも、出来たものが見本と「同じように表示されているか」で判断しているので、例えば

自分で書いたコード
margin-top: 20px;
margin-bottom: 20px;
margin-left: 5px;
margin-right: 5px;

模範解答
margin: 20px 5px;

※コード間違ってたらごめん笑

これでも正解にしてくれる。
模範解答と自分の違ったところもハイライトして最後に見られるので、

フフーフ
そういえばこうやって短く表現できるっていってたなー

とかおさらいにもなってとてもいい。

中級編をクリア!

そんなこんなで中級編クリア!
全工程は大体3時間半くらいで終了できた。

まだまだレベルが足りない!

やはりまだまだ1から作る力はついていない。
とはいえ、簡単な指示なら書けるようになってきた!
すこしずつレベルは上がっている。

とにかく、書くことが大事だと感じる。
何回か繰り返して出てくるコードは、結構頭に残る。
これを繰り返していけばかなりのコードを覚えていけそう。

でも、みんなあらゆるコードを覚えまくっているのかな?
それともある程度使うのは決まっていて、それを繰り返しているのか・・・。

次は実力テストの道場コース

これ結構楽しみ!
説明文を見るとどうやら今までやってきたことの総復習になっている。

腕試し・仕様書に沿って1から などのキーワードからみるに、ヒントはないもしくはかなり少ない状況で希望通りのWEBページを作れるかどうか。
これがすらすらできるようになれば、かなり自信がつきそう!!

それでは、また。

  • この記事を書いた人
  • 最新記事
卍フフーフ

卍フフーフ

3児の父。 好きなものは旅行・漫画・家族。 世界中どこでもクロックスで出かけます。

-IT・プログラミング
-, ,

© 2020 気まぐれなねじまき鳥 Powered by AFFINGER5