1日で分かるSassとBEM講座

HTML・CSSの基礎は分かっているがSassのことをよく知らないWeb制作者向けです。

learn

こんなことを学びます

レスポンシブWebデザインやスマートフォン対応のため、CSSは複雑で管理しにくいものになってきています。
そこで、多くのWeb制作者はSassのようなCSS拡張メタ言語を使用しています。

欧米のWeb制作者を対象にした、2015年9月のアンケートでは85%の方が「SassなどのCSS拡張メタ言語を使用している」と回答しました。

従って、これから先Sassを知らないままWeb制作の仕事はやりづらくなっていくと思われます。
そこで、「HTML・CSSの基礎は分かっているがSassのことをよく知らない」という方に向けた講座を行うことにしました。

この講座では、Sassの使い方はもちろん、SassとBEMを組み合わせることで効率よくHTMLとCSSを書く方法についてもお話しします。


■BEMとは
BEMとは、一言で言うなら「class名の命名規則」の一種です。

多くのSassの入門書や講座は「Sassだけ」を教えているものが多いですが、私はそれは非常にもったいないと思います。
Sassは、BEMとあわせて使用することで分かりやすいHTMLとCSSを書き、長期的に運用しやすくなります。

Sassの具体的なソースコードなどは、以下のブログ記事に書いています。お申し込みはストアカよりお願いいたします。

"「1日で分かるSassとBEM講座」を開催します | Stocker.jp / diary"
http://stocker.jp/diary/sass-bem-lesson/


■ご注意
この講座は「HTML・CSSを使用してWebサイトを制作できる方」向けの講座です。
HTML・CSSを書いたことがない方、自信がない方は入門講座である「スマートフォン時代のWebコーディングスクール」をご検討ください。
https://www.street-academy.com/myclass/12383

参加には、ノートPC(Windows PCまたはMacBook)が必要です。
続きを読む

日程・開催時間を選ぶ

開催リクエスト受付中

開催予定エリア

渋谷・恵比寿

価格(税込)

¥20,000

受けたい
40人が受けたい登録しています

teacher

この講座の先生

Webデザイン書を執筆しているWebデザイナー

フリーランスのWebデザイナーです。
東京の下北沢で、うさぎと一緒に暮らしています。

渋谷で「スマートフォン時代のWebデザインスクール」や「WordPressカスタマイズ講座」などを運営・講師をしています。

「プロになるためのWebデザイン入門講座」や「神速Photoshop [Webデザイン編]」などの書籍を執筆しました。

※個別の「開催リクエスト」にはお応えしておりませんのでご了承ください。受けたい講座は「受けたい登録」をして開催をお待ちください。

detail

講座詳細

  • 当日の流れとタイムスケジュール

    ・スライド: Sassとは何か、どのような問題が解決できるのか
    ・スライド: BEMとは何か
    ・実習: Sassを使用してフォントや配色を管理する
    ・実習: BEMでclass名の付け方を管理する
    ・実習: SassとBEMを組み合わせて効率よく制作・運用する
  • こんな方を対象としています

    そこで、「HTML・CSSの基礎は分かっているがSassのことをよく知らない」という方向けです。
  • 受講する際は以下をお読み下さい

    この講座は「HTML・CSSを使用してWebサイトを制作できる方」向けの講座です。
    HTML・CSSを書いたことがない方、自信がない方は入門講座である「スマートフォン時代のWebコーディングスクール」をご検討ください。
    https://www.street-academy.com/myclass/12383

    参加には、ノートPC(Windows PCまたはMacBook)が必要です。

review

レビュー

  • 1

  • 楽しかった!( 0 )

  • 勉強になった!( 0 )

  • 行く価値あり!( 1 )

  • 女性 50代

    この講座は「これからのwebに必要な技術を学べる講座」でした

    sassはこれから先webを仕事としていくには必要な技術と思い受講しました。
    とてもわかりやくす、独学では学べないポイントもあり、参考になりました。

  • more

    この先生の他の講座

    relation

    関連講座

    watching

    この講座を見た人は、こんな講座も見ています