見出し画像

『詳解CSS フレックスボックス編』をリリースしました!

ようやく…ずっとリニューアルしたかった『詳解CSS フレックスボックス編』がリリースできました!以下、リニューアルのポイントをまとめていきますね。

リニューアルのポイント

今回のリニューアルでは、旧版レッスンから以下のような変更があります。

  • 実務でよく使うプロパティとその値のみに絞って丁寧に解説することで、とにかくプロパティが多い上、プロパティが取りえる値も多岐にわたるために混乱しやすいフレックスボックスの学習を理解しやすくしました。

これらをマスターすれば、
ほとんどのレイアウトは組み上げられるようになるはずです!
同じレイアウトを実現する方法は複数あること、
flex: autoとflex: 1の違い、などなど…。
  • コードの学習にありがちな「これって…実際にはどうやって使うの?」という疑問を解消するため、レッスンの後半では実践的なレイアウト例を組み上げながら、モダンなコーディング手法を紹介しています。

よく見るレイアウトの組み方を、コードと図で解説していきます。
  • わかりづらい概念については、アニメーション付きの説明図を使って丁寧に解説するように心がけました。

慣れないとわかりづらい、flexプロパティの挙動についても
丁寧に解説しています。

すでに受講済の方は?

旧版をすでに受講済の方は、今回のリニューアル版を受講することで、フレックスボックスに対する理解をさらに深めることができるでしょう。

また、ご自身で「このトピックは十分に理解している」というポイントは目次を確認するだけにしたり、動画をさっと流すだけにしたり…といった工夫で、効率的に学習を進めることもできるはずです。

ある程度の自信がある方は、あとで困ったときにピンポイントで特定の動画を再受講する、という方法でも問題ありません。ご自身のスタイルにあわせて自由に活用してみてください。

腕試しをしたい方は…?

詳解CSSの他レッスン同様、このレッスンも弊社が展開しているプログラミングスクール、 256times にて理解度のチェックができるように設計されています。

よく見るレイアウトを実装しながらフレックスボックスを使いこなす経験を積んでみたい方は、ぜひ256timesも受講してみてください。

今後の予定

このあとは「メディアクエリー編」「アニメーション編」のリニューアルが続いていきます。なるべく早めにリリースする予定でいますので、もうしばらくお待ちいただければと思います。

今回の『詳解CSS フレックスボックス編』は全22回でまとめてみました。レッスンは以下よりご確認ください!



この記事が気に入ったらサポートをしてみませんか?