【DAY11】「Bootstrapの基本を学ぼう」をやってみた(30DAYS トライアル)
むぎです。
■30DAYSトライアル DAY11.をやります!
本日はデイトラ11日目の課題をやります!
DAY11. 『Bootstrapの基本を学ぼう』
— ショーヘー@バンコク (@showheyohtaki) 2019年1月17日
Bootstrapは最も有名なCSSフレームワークの一つで、利用することでコーディングスピードが飛躍的に上がります。
まずはドットインストールで基本を抑えましょう!
課題内容はこちら👉https://t.co/rYeDi2Gi1x#30DAYSトライアル#30DAYSトライアル課題 pic.twitter.com/MFiWAp43QC
課題のリンク先はこちら
デイトラ11日目の 課題①:ドットインストールでBootstrap学習
基本編の今日は、ドットインストールの『Bootstrap 4入門』コースのレッスン#01〜#09まで
※ドットインストールの講座リンクはこちら
■Bootstrapのダウンロード。
こちらのURLからダウンロードします。
■ドットインストールの有料講座を実践
ドットインストールはatomでコーディングしているけど、VScodeで進めて大丈夫かな?
VScodeを使っていきたいのでVScodeで進めてみようと思います。
ドットインストール、プレミア会員になる必要が…!
デイトラDAY11の課題はドットインストールのBootstrapを学ぶので、プレミア会員になる必要がありました。
小さな課金が増えていく…正直一瞬躊躇しましたが、980円!
課金します!ヨシ!
oh…ドットインストールも課金しないといけないか…。
— 立花むぎ@プログラミング勉強中 (@tachimugi) 2019年5月4日
現在progate、N予備校(初月無料)に課金中なので、ドットインストールも課金すると月3,000円になってくる。スクールに通うことを考えたら本当に微々たる金額だ…。すぐに習得してすぐに終わらせてすぐに回収するんだ…!と言い聞かせマン。
■ドットインストール Bootstrap4入門 #01~09
だいたい1時間くらいでコード書きながら進めることができました。
ただ、理解度はというと低め…。
音声の言いなりにただコーディングしているだけになってしまっています…涙
■Bootstrap(Grid system)の理解を深める
30DAYSトライアルでは、「自分でググってGrid systemに関する良記事をみつけ、理解を深めよう!」とありました。
実際ググると分かりやすいサイトがたくさん…!
ドットインストールでは全然理解できていなかった~!
こういうきめ細かい指導が、さすが30DAYSトライアル…。
迷子には大変助かります。
■デイトラ11日目課題で、グリッドシステムについて参考にしたサイトはこちら
「webさえ」さん
■デイトラ11日目で出てきた単語の読み方
container...コンティナー
row...ロゥ
fluid...フルーイッド
■デイトラ11日目の作業報告
作業時間:2時間
累計作業時間:26時間
■デイトラ11日目終わっての一言
ガッツリ深く理解してから進むべきなのか、どんどん先へ走っていくべきなのかここでも迷います…。
一度ざ~っとを目指しつつ、つまずいたら学習し直す、を繰り返していく方針です…!