新機能 オンラインイベントが検索できるようになりました。オンラインイベントとして検索できるようにするには こちら をご確認ください

このエントリーをはてなブックマークに追加

Feb

22

ソースコードのお掃除教室〜HTML/CSS編〜 @四日市 on 忍者の日

プロから初心者まで使いやすい、FLOCSSベースのCSS命名規則と管理術

Organizing : ふみコード

Hashtag :#忍者CSS
Registration info

社会人枠

1500(Pay at the door)

FCFS
4/5

学生枠

500(Pay at the door)

FCFS
0/5

紹介枠

1000(Pay at the door)

FCFS
5/5

Description

全三部構成。初心者向けのWebの基本、中級者に必須のCSSセレクタの直感的な理解法、プロも唸らせる新しいCSSコード管理方法をお伝えします。
CSS命名規則ゼロの会社で、1年かけて普及させた、複数人で開発しても壊れにくいFLOCSSベースの命名規則をお伝えします。
終始ゆる〜い雰囲気で楽しい講座ですが、内容はガチで作り込んであります。初心者からプロまで楽しんでいただけると思います。

対象者

1時間目

  • これからWeb業界に入りたい!勉強したい!という方

2時間目

  • HTML/CSSの基本を知っている方
  • 命名規則・管理方法に迷っている方

3時間目

  • FLOCSSを知らない方
  • S-BEMを知らない方
  • ルール普及・新人教育のノウハウを知りたい方

発表内容

3部に分けてお送りします。飲食自由(音の立たないもの)、入退室自由で、ゆるい雰囲気ですすめていきます😃

1時間目 これから学ぶ人のためのロードマップ

これから学ぶ or 学び始めの人のために、 Web/HTML/CSS のキホンをお教えします。
2,3時間目についていけるようになります。

2時間目 CSSセレクタを右脳で理解する

3時間目の前提知識となる内容です。
タグセレクタ、クラスセレクタ、idセレクタ、そしてそれらをつなげる子孫セレクタや子要素セレクタなどを直感的に説明します。

3時間目 ソースコードのお掃除教室〜HTML/CSS編〜

2時間目の用語を前提として、ソースコードをごちゃごちゃにしない方法論を説明します。
有名で今日本で最も人気のあるCSS構成手法であるFLOCSSや、BEM、さらにそれを押し進めたS-BEMをご提案します。

タイムスケジュール

開催時間 15:00 - 18:00

15:00 - 15:15 自己紹介・歓談
15:15 - 16:00 1時間目: これから学ぶ人のためのロードマップ
16:00 - 16:05 休憩

16:10 - 17:00 2時間目: CSSセレクタを右脳で理解する
17:00 - 17:05 休憩

17:10 - 18:00 3時間目: ソースコードのお掃除教室 〜HTML/CSS編〜
18:00 - 18:45 歓談
18:50 撤収

登壇者略歴

忍者プログラマー 石井将文
1991年11月9日 山形県天童市生まれ。28歳。
2014年3月 電気通信大学 次席にて卒業
2018年3月 電気通信大学大学院 修了
2018年4月 三重大学大学院忍者・忍術学コース入学/現在在学中
2018年9月 株式会社ベイス 入社
2019年11月 フリーランスとして独立

受託コーディングのみならず、お客様と話しあいを重ねた実用的なサイト制作をしています。

https://masa.fumi.ninja

発表者

Media View all Media

If you add event media, up to 3 items will be shown here.

Feed

忍者プログラマー石井将文

忍者プログラマー石井将文 published ソースコードのお掃除教室〜HTML/CSS編〜 @四日市 on 忍者の日.

02/09/2020 15:31

【残業から開放!】圧倒的に保守しやすいHTML/CSS講座 @四日市 on 忍者の日 を公開しました!

Group

ふみコード

才能を最大化する - maximize talents -

Number of events 7

Members 46

Ended

2020/02/22(Sat)

15:00
19:00

You cannot RSVP if you are already participating in another event at the same date.

Registration Period
2020/02/09(Sun) 00:00 〜
2020/02/21(Fri) 23:59

Location

MG 四日市(近鉄四日市駅徒歩5分。パチンコ屋の上ですが静かです)

三重県四日市市 諏訪栄町 15-3 3F (MG四日市)

Attendees(9)

UEOK

UEOK

ソースコードのお掃除教室〜HTML/CSS編〜 @四日市 on 忍者の日に参加を申し込みました!

たく

たく

ソースコードのお掃除教室〜HTML/CSS編〜 @四日市 on 忍者の日に参加を申し込みました!

choboti

choboti

ソースコードのお掃除教室〜HTML/CSS編〜 @四日市 on 忍者の日 に参加を申し込みました!

ya-no

ya-no

【残業から開放!】圧倒的に保守しやすいHTML/CSS講座 @四日市 on 忍者の日に参加を申し込みました!

erincocorinco

erincocorinco

ソースコードのお掃除教室〜HTML/CSS編〜 @四日市 on 忍者の日に参加を申し込みました!

shiho_yama

shiho_yama

ソースコードのお掃除教室〜HTML/CSS編〜 @四日市 on 忍者の日に参加を申し込みました!

aftersss

aftersss

ソースコードのお掃除教室〜HTML/CSS編〜 @四日市 on 忍者の日に参加を申し込みました!

Attendees (9)