WebCamp主婦・ママ限定コース体験談:2週目の予習と講義の様子

プログラミング

WebCamp2週目の講義が終了しました。

1週目、2週目とだいぶのんびりモードだったような気がしましたが、”あと2週間でサイトを1つ作り上げなければならない”ということを改めて確認され、教室内がざわつきました( ;∀;)

正直、まだスクールは始まったばかりな感じだし、私たちまだサイトを一つ作り上げるスキルなんて持ち合わせてないよ?という雰囲気でした。

WebCamp第2週目の予習と講義

WebCamp第2週目もの予習方法は、第1週目とあまりかわりません。「WALS」という独自のオンライン学習システムを利用して学習が進んでいきます。

▼ちなみに1週目の内容はこちらから

WebCamp主婦・ママ限定コース体験談:1週目の予習と講義の様子
先日もWebCamp主婦・ママ専用Webデザインコースについて触れました。>>主婦・ママ限定!短期集中型WEBデザインスクールで学んで在宅でお仕事しようその中でさらっと書...

2週目の予習内容

2週目の予習に入る前に、1週目の講義の振り返りの動画も準備されていました。再度講義の内容を復習し、モチベーションを上げて2週目の予習に臨みます。

2週目の予習内容は、

  • htmlの基本構造
  • ボックスモデル
  • CSSの適用と基本構造

サイト作成に絶対必要なhtmlの書き出しや、htmlにcssを当てて文字を装飾するなど・・・基本のことを学んでいきました。2週目からは、実際にコードを打ち込みながらプログラミングの学習を進めていくことになり、この際にWebCampで提携している”Progate(プロゲート)”という学習システムを利用して、実践さながらの学習をしていきます。

progate(プロゲート)はこんな学習システム

progate

上の画像が、プロゲートの画面です。左側の指示を見ながら直接コードを入力していくと、右に入力したコード通りにサイトが作り上がっていくのが確認できます。



progate2

もし入力ミスをした場合、しっかりとチェックが入るので次に進めません。

1週分の予習内容はけっこう多いので、毎日少しずつ時間を割いて学習しないと、次の講義までに予習が終わらないような印象でした。1度では絶対に覚えることはできない内容ですが、何度も何度も繰り返し学習できるシステムになっているので、1度の予習ではなく、2度3度と繰り返すことで、身につけていくことができると思います。

2週目の講義内容

先週来られなかった方もいらっしゃたようで、2週目は10人でした。

予習の確認な感じで、まずは一人一人覚えている”タグ”を発表。いきなり聞かれて頭真っ白になりそうになりましたが、絞り出しました。10人全員止まることなくスラスラとタグが出てきていました。しっかりと予習されているのがわかって、しっかりついていかないと!と焦ります。

htmlの書き出し

タグの確認後、htmlの書き出しを勉強しました。はじめの書き出しは、基本中の基本なのでしっかりと覚えなければなりません。書き込むタグの1つ1つにどんな意味があるのかを学びました。

ボックスモデル

このボックスモデルに関して、今回とても大きな学びになりました。これまでサイト作成は独学でやってきたので、けっこう”なんとなく”曖昧にやっている部分が多く、このボックスモデルについてもそうでした。

記述の仕方や使うタグによって、動きが変わってきたりします。この動きの確認をまず先生が見せてくれ、その後、1週目でも利用したSublime Textを使って指示通りの表示ができるように自分たちでコードを書いていきます。

これが本当に思い通りに表示することができなくて、悩ましかったです。本当にちょっとしたところなんですよね、そこに気づくか気づかないかで大きく変わってきます。

講義中にできなかった場合でも、後から答えがWALSのメッセージで送られてくるので、自宅で復習することができます。

CSSの基本構造

2週目の最後は、サイトの見た目を作るCSSについてでした。CSSができないと、サイトを作ることができないに等しいです。

直接html上で文字の色や大きさなどを指定することもできるのですが、それだとコードがぐちゃぐちゃでスッキリしない、質の良くないサイトにみなされてしまうこともあるので、しっかりhtmlとcssの役割を確認しなければならないということがわかりました。

WebCamp第2週目の予習と講義のまとめ

あっという間の3時間でした。とにかくこの短時間にしっかりと学習をしなければならないので、頭も疲れます。1週目の講義では、ちょっと基本的すぎて自分には合わないコースだったかもと思ったりもしましたが、とんでもありませんでした。

独学で、しかもその場しのぎでやってきた私には、しっかり学びなおすいい機会になっています。

htmlやcssの書き方もそうです。細かく指定することで、細かいクライアントの要求にも応じることができるという話がとても参考になりました。

と、実際に受講しての講義の中での話なので、詳しく書くのは控えておきます。

そして、講義のなごやかムードから一転しての「あと2週間でサイトを仕上げないとならないですよー!予習もやりながら、サイトも作らないといけませんよー!」という言葉で、みんなの顔が引きつったのも2週目の思い出です。

WebCampママコースでは、無料説明会を実施しています。受講したいけど不安がある方や、実際にどんなスクールでどんな内容を勉強できるのか、直接聞いたりすることができます。

webcampママコース無料説明会に参加してみる!

コメント

タイトルとURLをコピーしました