この講座では「Sassの入門講座」を初心者の方でも問題ないように初歩の解説から小テストや実践を通して解説します。
８章構成の講座になっていますので、気になっている内容がある方は以下の項目をタップして下さい。
▼知りたい所から読む方はこちら▼
この講座について
この講座では、Sassの機能を学んでいただき、CSSをより効率的に記述する方法を学ぶことができます。
Sassを使用することで、CSSをより効率的に記述することができます。
Sassでは、変数、ネスト、継承、ミックスインなどの機能を使用することで、CSSをよりスマートに記述することができます。また、@ifや@forなどのコントロール構文も使用できるため、より複雑なスタイルを実装することができます。
この講座は、全8章の構成になっており、各章でこれらを学びながら実際にSassのファイルを記述しての練習や、選択形式の小テストを通してSassの使い方を学びます。
この講座で身につけれること
- Sassの基礎を学ぶことができます。
- Sassの開発環境を構築できるようになります。
- CSSを効率的に書けるようになり、生産性を向上させることができます。
- CSSの品質管理や保守が容易になります。
この講座の対象者
- HTML5およびCSS3の基礎知識がある方
- Sassに初めて興味を持ち学びたい方
- プロジェクトにSassを導入したいと考えているフロントエンジニアの方
- 転職や就職活動において有益なスキルを身につけたい学生や社会人の方
各章の内容
第1章「Sassとは？メリットと環境構築」では、Sassのメリットを解説した上で、開発環境の構築を行います。
開発環境には、Visual Studio Codeを利用します。
第2章「入れ子構造とコメントについて理解する」では、Sassの特徴であるネスト構造での記述方法と、コメントの書き方を学びます。
第3章「変数と演算の基本を理解する」では、Sassでの変数の書き方や変数を利用した演算の方法について学びます。
第4章「配列とマップの基本を理解する」では、複数の値をまとめて扱うことのできる配列の記述方法や、複数のキーと値の組み合わせを扱うことのできるマップの記述方法について学びます。
第5章「ファイルの分割とインポートを理解する」では、複数のSassファイルを組み合わせる方法を理解し、より複雑なスタイルシートを管理できるように学びます。
第6章「制御構文を理解する」では、if文やfor文を使った、条件分岐や繰り返し処理の方法を学びます。
第7章「関数を理解する」では、自作関数の作り方や、標準で定義されている関数について学びます。
第8章「ミックスインと継承を理解する」では、ミックスインを利用した複数のスタイルをまとめる方法や、継承を利用した既存クラスの継承方法について学びます。
リスキリングでキャリアアップしてみませんか？
リスキリング(学び直し)は、経済産業省が推奨しており、
今だけ、最大７０％のキャッシュバックを受けることができます。
最大70％の給付金が出るおすすめのプログラミングスクール！
国策で予算が決められているため申し込みが多い場合は早期に終了する可能性があります！
興味のある方はすぐに確認しましょう。
講座をはじめよう
以下より第1章「Sassとは？メリットと環境構築」に進みます。
