Bootstrapをたった2.5時間で習得した方法
私は CSS に Bootstrap を使用している Laravel ベースのサイトに取り組んでいます。
LETでBootstrapとTailwindについて議論しました。もし私がプロのWebデザイナー、あるいはフルタイムの仕事にしようと考えているなら、より柔軟なパッケージであるTailwindを学ぶために時間をかけると思います。PureCSSなどのミニマルフレームワークも検討しましたが、もう少し高度なものが必要でした。私の目標はCSSを一切書かないようにすることで、いくつかの小さな例外を除いて、Bootstrapでそれを実現できました。
よくある不満は「Bootstrap サイトはどれも同じように見える」というもので、それはもっともですが、この場合、価値は新鮮な外観や雰囲気ではなく、提示されるデータにあります。
そもそも、Bootstrapについて何も知りませんでした。ドキュメントをざっと読みましたが、参考資料としては素晴らしいものの、教材としてはそれほど役に立ちませんでした。Bootstrapの本もいくつか読んでみましたが、どれも私がCSSについてよく知っていて(実際はそうではありません)、Bootstrapの実装だけを学びたいと考えていることを前提としているようでした。
ついに、YouTube に飛びつきました。普段は技術的なことを学ぶのに YouTube を使うのは好きではありません。動画を見るのは読むよりも時間がかかるからです。でも、今回は動画が最適なツールだと思います。講師が CSS や Bootstrap のクラスをいくつか入力して、その効果をリアルタイムで見せてくれます。「ここを変えたらこうなる」「あれを変えたらこうなる」など、とても効果的な方法です。
結局、私は 2 つのチュートリアルを見て、必要な情報を得ることができました。
1つ目はTraversy Mediaのものです。 以前も話題にしましたが、私は彼の大ファンです。Brad Traversyは素晴らしい指導スタイルで、教材も一流です。こちらはBootstrapの素晴らしい短期集中講座で、彼がゼロから素晴らしいページを構築しています。グリッドとフレックスボックスの両方を使っているので、両方に触れることができます。
次に、YouTubeの「Web Dev Simplified」チャンネルのこのコースを見ました。KyleがBootstrapを素早く効率的に解説しています。これはまさに、私が今まで見た中で最も効果的な動画の一つです。彼は落ち着いたテンポで、編集もしっかりしており、箇条書きを一つ一つ丁寧に解説しています。私は何度もこの動画を見直して、例題を解いています。
実際には 2 時間 30 分 2 秒ですが、両方のビデオの最後の 1 秒をスキップできます。
次は、ブラッド・トラバーシーのBootstrapコースをもっと深く学ぶ予定です。 25ドルコードBOOSTRAP20 を入力すると20ドルになります。5つの異なるウェブサイトのフルビルドが収録されているので、とても楽しみです。この大量の情報を全部飲み干したら、レビューを投稿します。