Sass と SCSS を使ったスケーラブルなウェブスタイルシート

ウェブプロジェクトが成長するにつれて、バニラCSSスタイルシートは膨張し、繰り返し、維持が非常に難しくなります。SassとSSCSSは、スタイリングワークフローに強力なプログラミング概念を導入することで、この問題を解決します。これにより、きれいで、モジュール化され、再利用可能なコードを書くことができます。 このコースでは、カオス的なスタイルシート作成から構造化されたスタイルシート作成への変換を説明します。CSS 前処理の全ての力を活用して、読みやすく、書きやすく、大規模なプロジェクトに対して容易に拡張できるスタイルシートを書く方法を学びます。 学ぶことは - 基礎的なプリプロセッサの概念と、Sassが標準のCSSにコンパイルする方法を学ぶ - 繰り返しのスタイリングパターンを排除するためのマスター変数、ネスティング、親セレクタ - @use と @forward を使って最新の Sass モジュールを適用してスタイルをきれいに整理します - ミキシン、関数、継承を使って再利用可能なスタイルのブループリントを作成します 数学演算とモバイルファーストメディアクエリを用いたレスポンシブレイアウトの設計 Sass を動的なランタイムスタイリングのための現代的な CSS カスタムプロパティと統合します まずコアの用語を学び，コンパイル環境を設定し，次に実際のプロジェクトのためのスタイルシートの構成法を示す段階的な書き込み説明と実用的なコード例を通して進む。 このコースは、既に基本的な HTML と CSS を知っており、プロフェッショナルレベルのスタイルシートを書く技術を向上させたいウェブデザイナーとフロントエンド開発者向けに設計されています。コマンドラインツールやプリプロセッサの経験は不要です。 今日からよりきれいで高速なスタイルシートを書き始めましょう。