강의

멘토링

로드맵

BEST
Programming

/

Web Development

SCSS(SASS)+FLEX 実戦レスポンシブWebプロジェクト with Figma

SCSS(SASS)とFLEX Layoutを実戦で完璧に活用します!Figmaでウェブサイト全体のメインページおよび主要なサブページのUIをデザインし、一貫性のあるクラス名とともにHTMLワイヤーフレーム構造を作成してパブリッシングまで完了させる、体系的なレスポンシブウェブサイトプロジェクト制作過程です。合計41時間以上のカリキュラムの中で、核心理論および実務活用能力を十分に習得し、PC・モバイル・タブレット対応のレスポンシブレイアウトを設計・制作しながら、レスポンシブウェブプロジェクトに関する経験とノウハウはもちろん、jQueryの核心理論および実務活用能力まで大幅に向上させることができます。

難易度 初級

受講期間 無制限

  • codingworks
HTML/CSS
HTML/CSS
Sass
Sass
scss
scss
JavaScript
JavaScript
jQuery
jQuery
HTML/CSS
HTML/CSS
Sass
Sass
scss
scss
JavaScript
JavaScript
jQuery
jQuery

SCSSのコア理論(Essential Theory)ビデオアップデート

こんにちは。コーディングワークスです。
シームレスなSCSS(SASS)+ FLEX本番レスポンシブWebプロジェクトの公開作業のために、SCSSのコア理論(Essential Theory)を更新しました。 SCSSコア理論(Essential Theory)映像は5時間9分にわたってSCSSのほぼすべての理論を扱っているので、SCSSコア理論を十分に深く深めることができます。

▼追加されたセクションと映像内容(2023.07.06)

セクション 4. SCSS コア理論 (Essential Theory)

  1. SCSSコア理論(01) - セレクタのネスト(Nesting)

  2. SCSSコア理論(02) - 親セレクタ参照(&)と注釈処理

  3. SCSSコア理論(03) - 親セレクタリファレンス(&)アプリケーション

  4. SCSSコア理論(04) – 代表的なCSSセレクタSCSSで作成

  5. SCSSコア理論(05) - 親セレクタリファレンス(&)仮想クラス

  6. SCSSコア理論(06) - 親セレクタ参照(&)属性選択子

  7. SCSSコア理論(07) - 親セレクタの入れ子になる@at-root

  8. SCSSコア理論(08) – プレフィックスを使用してCSS属性を自動生成する

  9. SCSSコア理論(09) – 仮想クラス:isでセレクタの重複を減らす

  10. SCSSコア理論(10-1) - 変数(Variables) 01

  11. SCSSコア理論(10-2) - 変数(Variables) 02

  12. SCSSコア理論(10-3) - 変数(Variables)有効範囲とCSS変数宣言

  13. SCSSコア理論(11-1) - 外部ファイルのインポート@import

  14. SCSSコア理論(11-2) - @importに分割されたファイルを読み込む

  15. SCSSコア理論(12) - 演算子(Operations), 出力ウィンドウを取り除く

  16. SCSSコア理論(13-1) - グループを宣言する@mixin、グループを使う@include

  17. SCSSコア理論(13-2) - @mixinと@includeを適用する

  18. SCSSコア理論(13-3) - @mixinと@includeを活用したボタンデザイン

  19. SCSSコア理論(13-4) - @mixinのパラメータ(引数)を@includeとして使用する

  20. SCSSコア理論(14) - セレクタ属性を取得する@extend

  21. SCSSコア理論(15) - @extendで使用するプレースホルダーセレクタ%

  22. SCSSコア理論(16) - 多変数宣言、組み込み関数(map-get)

コメント