U-lab HTML&CSSL&JSハンズオン2021 第1回

by usuyuki

Slide 1

Slide 1 text

2021 2021/5/8 HTML&CSS&JSハンズオン 1

Slide 2

Slide 2 text

2021/5/8 HTML&CSS&JSハンズオン 2

Slide 3

Slide 3 text

2021/5/8 HTML&CSS&JSハンズオン 3

Slide 4

Slide 4 text

2021/5/8 HTML&CSS&JSハンズオン 4

Slide 5

Slide 5 text

2021/5/8 HTML&CSS&JSハンズオン 5

Slide 6

Slide 6 text

1 デザイン基礎の基礎 2 HTML CSS 2021/5/8 HTML&CSS&JSハンズオン 6

Slide 7

Slide 7 text

3 CSS レスポンシブ 4 JavaScript 2021/5/8 HTML&CSS&JSハンズオン 7

Slide 8

Slide 8 text

5 全体総括 Git入門 2021/5/8 HTML&CSS&JSハンズオン 8

Slide 9

Slide 9 text

1 デザイン基礎の基礎 2 3 4 5 2021/5/8 HTML&CSS&JSハンズオン 9

Slide 10

Slide 10 text

2021/5/8 HTML&CSS&JSハンズオン 10

Slide 11

Slide 11 text

2021/5/8 HTML&CSS&JSハンズオン 11

Slide 12

Slide 12 text

2021/5/8 HTML&CSS&JSハンズオン 12

Slide 13

Slide 13 text

2021/5/8 HTML&CSS&JSハンズオン 13

Slide 14

Slide 14 text

2021/5/8 HTML&CSS&JSハンズオン 14

Slide 15

Slide 15 text

2021/5/8 HTML&CSS&JSハンズオン 15

Slide 16

Slide 16 text

2021/5/8 HTML&CSS&JSハンズオン 16

Slide 17

Slide 17 text

触れることが目的！ 2021/5/8 HTML&CSS&JSハンズオン 17

Slide 18

Slide 18 text

2021/5/8 HTML&CSS&JSハンズオン 18

Slide 19

Slide 19 text

Done is better than perfetctで行きます。 2021/5/8 HTML&CSS&JSハンズオン 19 ※著作権の都合により画像削除

Slide 20

Slide 20 text

実名(よみがな) 2021/5/8 HTML&CSS&JSハンズオン 20 株式会社サクシードデジタルマーケティングチームアルバイトつばめソリューションエンジニアアルバイト(4月まで) 学歴バイト歴 Twitter ポートフォリオ GitHub https://github.com/Usuyuki @usuyuki26 https://portfolio.usuyuki.net/ 宇都宮大学工学部基盤工学科情報電子オプティクスコース情報科学分野 2年島根県立浜田高等学校全日制理数科 U-lab(一応)共同代表宇都宮市立陽西中学校サポートスタッフ(アルバイト)

Slide 21

Slide 21 text

2021/5/8 HTML&CSS&JSハンズオン 21 ※代表の方に使用許可を得ています

Slide 22

Slide 22 text

2021/5/8 HTML&CSS&JSハンズオン 22 単純なのはつまらない。実際に動いているものの方がいい。

Slide 23

Slide 23 text

2021/5/8 HTML&CSS&JSハンズオン 23

Slide 24

Slide 24 text

2021/5/8 HTML&CSS&JSハンズオン 24 CSS楽しいよっていうのを伝えたい！

Slide 25

Slide 25 text

2021/5/8 HTML&CSS&JSハンズオン 25 あと、自分が携わってない！

Slide 26

Slide 26 text

2021/5/8 HTML&CSS&JSハンズオン 26

Slide 27

Slide 27 text

2021/5/8 HTML&CSS&JSハンズオン 27 見やすいクリックしやすい目線がとどまりにくいクリックしにくい

Slide 28

Slide 28 text

2021/5/8 HTML&CSS&JSハンズオン 28

Slide 29

Slide 29 text

2021/5/8 HTML&CSS&JSハンズオン 29

Slide 30

Slide 30 text

2021/5/8 HTML&CSS&JSハンズオン 30

Slide 31

Slide 31 text

2021/5/8 HTML&CSS&JSハンズオン 31

Slide 32

Slide 32 text

2021/5/8 HTML&CSS&JSハンズオン 32

Slide 33

Slide 33 text

2021/5/8 HTML&CSS&JSハンズオン 33

Slide 34

Slide 34 text

2021/5/8 HTML&CSS&JSハンズオン 34

Slide 35

Slide 35 text

2021/5/8 HTML&CSS&JSハンズオン 35

Slide 36

Slide 36 text

2021/5/8 HTML&CSS&JSハンズオン 36

Slide 37

Slide 37 text

2021/5/8 HTML&CSS&JSハンズオン 37

Slide 38

Slide 38 text

2021/5/8 HTML&CSS&JSハンズオン 38

Slide 39

Slide 39 text

2021/5/8 HTML&CSS&JSハンズオン 39

Slide 40

Slide 40 text

2021/5/8 HTML&CSS&JSハンズオン 40

Slide 41

Slide 41 text

2021/5/8 HTML&CSS&JSハンズオン 41

Slide 42

Slide 42 text

2021/5/8 HTML&CSS&JSハンズオン 42

Slide 43

Slide 43 text

2021/5/8 HTML&CSS&JSハンズオン 43

Slide 44

Slide 44 text

2021/5/8 HTML&CSS&JSハンズオン 44

Slide 45

Slide 45 text

2021/5/8 HTML&CSS&JSハンズオン 45

Slide 46

Slide 46 text

2021/5/8 HTML&CSS&JSハンズオン 46

Slide 47

Slide 47 text

2021/5/8 HTML&CSS&JSハンズオン 47

Slide 48

Slide 48 text

2021/5/8 HTML&CSS&JSハンズオン 48 ※著作権の都合により画像削除

Slide 49

Slide 49 text

2021/5/8 HTML&CSS&JSハンズオン 49

Slide 50

Slide 50 text

2021/5/8 HTML&CSS&JSハンズオン 50 ※著作権の都合により画像削除

Slide 51

Slide 51 text

2021/5/8 HTML&CSS&JSハンズオン 51

Slide 52

Slide 52 text

2021/5/8 HTML&CSS&JSハンズオン 52

Slide 53

Slide 53 text

2021/5/8 HTML&CSS&JSハンズオン 53

Slide 54

Slide 54 text

2021/5/8 HTML&CSS&JSハンズオン 54 ※著作権の都合により画像削除

Slide 55

Slide 55 text

2021/5/8 HTML&CSS&JSハンズオン 55 ※著作権の都合により画像削除

Slide 56

Slide 56 text

2021/5/8 HTML&CSS&JSハンズオン 56

Slide 57

Slide 57 text

2021/5/8 HTML&CSS&JSハンズオン 57 Hello World

Slide 58

Slide 58 text

2021/5/8 HTML&CSS&JSハンズオン 58 Hello World

Slide 59

Slide 59 text

2021/5/8 HTML&CSS&JSハンズオン 59 Hello World 5/8

Slide 60

Slide 60 text

2021/5/8 HTML&CSS&JSハンズオン 60

Slide 61

Slide 61 text

2021/5/8 HTML&CSS&JSハンズオン 61

Slide 62

Slide 62 text

2021/5/8 HTML&CSS&JSハンズオン 62

ここに文章

Slide 63

Slide 63 text

2021/5/8 HTML&CSS&JSハンズオン 63 <パン> 具材パン>

Slide 64

Slide 64 text

2021/5/8 HTML&CSS&JSハンズオン 64

文章

要素

Slide 65

Slide 65 text

2021/5/8 HTML&CSS&JSハンズオン 65

Slide 66

Slide 66 text

2021/5/8 HTML&CSS&JSハンズオン 66

Slide 67

Slide 67 text

2021/5/8 HTML&CSS&JSハンズオン 67

Slide 68

Slide 68 text

2021/5/8 HTML&CSS&JSハンズオン 68

Slide 69

Slide 69 text

2021/5/8 HTML&CSS&JSハンズオン 69

Slide 70

Slide 70 text

2021/5/8 HTML&CSS&JSハンズオン 70 Document

Slide 71

Slide 71 text

2021/5/8 HTML&CSS&JSハンズオン 71 <ホモサピエンス> <人間> <頭> 頭> <体> 体> 人間>

Slide 72

Slide 72 text

2021/5/8 HTML&CSS&JSハンズオン 72

Slide 73

Slide 73 text

2021/5/8 HTML&CSS&JSハンズオン 73

Slide 74

Slide 74 text

2021/5/8 HTML&CSS&JSハンズオン 74

Slide 75

Slide 75 text

2021/5/8 HTML&CSS&JSハンズオン 75

Slide 76

Slide 76 text

2021/5/8 HTML&CSS&JSハンズオン 76 同じ勉強をしていて、なぜ差がつくのか? 「自分の頭で考える子」に変わる10のマジックワードレイアウト・デザインの教科書思考の整理学

Slide 77

Slide 77 text

2021/5/8 HTML&CSS&JSハンズオン 77

Slide 78

Slide 78 text

2021/5/8 HTML&CSS&JSハンズオン 78 こんなスタイルでよければ、次回も参加してもらえると嬉しいです。