CSSを効率的に書く！Sassの入門講座　全8章

　この講座では「Sassの入門講座」を初心者の方でも問題ないように初歩の解説から小テストや実践を通して解説します。

８章構成の講座になっていますので、気になっている内容がある方は以下の項目をタップして下さい。

この講座について

この講座では、Sassの機能を学んでいただき、CSSをより効率的に記述する方法を学ぶことができます。

Sassを使用することで、CSSをより効率的に記述することができます。

　Sassでは、変数、ネスト、継承、ミックスインなどの機能を使用することで、CSSをよりスマートに記述することができます。また、@ifや@forなどのコントロール構文も使用できるため、より複雑なスタイルを実装することができます。

この講座は、全8章の構成になっており、各章でこれらを学びながら実際にSassのファイルを記述しての練習や、選択形式の小テストを通してSassの使い方を学びます。

この講座で身につけれること

この講座の対象者

各章の内容

　第1章「Sassとは？メリットと環境構築」では、Sassのメリットを解説した上で、開発環境の構築を行います。
開発環境には、Visual Studio Codeを利用します。

　第2章「入れ子構造とコメントについて理解する」では、Sassの特徴であるネスト構造での記述方法と、コメントの書き方を学びます。

　第3章「変数と演算の基本を理解する」では、Sassでの変数の書き方や変数を利用した演算の方法について学びます。

　第4章「配列とマップの基本を理解する」では、複数の値をまとめて扱うことのできる配列の記述方法や、複数のキーと値の組み合わせを扱うことのできるマップの記述方法について学びます。

　第5章「ファイルの分割とインポートを理解する」では、複数のSassファイルを組み合わせる方法を理解し、より複雑なスタイルシートを管理できるように学びます。

　第6章「制御構文を理解する」では、if文やfor文を使った、条件分岐や繰り返し処理の方法を学びます。

　第7章「関数を理解する」では、自作関数の作り方や、標準で定義されている関数について学びます。

　第8章「ミックスインと継承を理解する」では、ミックスインを利用した複数のスタイルをまとめる方法や、継承を利用した既存クラスの継承方法について学びます。

講座をはじめよう

以下より第1章「Sassとは？メリットと環境構築」に進みます。