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

Transcript

1. 2021 2021/5/8 HTML&CSS&JSハンズオン 1
2. 2021/5/8 HTML&CSS&JSハンズオン 2
3. 2021/5/8 HTML&CSS&JSハンズオン 3
4. 2021/5/8 HTML&CSS&JSハンズオン 4
5. 2021/5/8 HTML&CSS&JSハンズオン 5
6. 1 デザイン 基礎の基礎 2 HTML CSS 2021/5/8 HTML&CSS&JSハンズオン 6
7. 3 CSS レスポンシブ 4 JavaScript 2021/5/8 HTML&CSS&JSハンズオン 7
8. 5 全体 総括 Git入門 2021/5/8 HTML&CSS&JSハンズオン 8
9. 1 デザイン 基礎の基礎 2 3 4 5 2021/5/8 HTML&CSS&JSハンズオン 9
10. 2021/5/8 HTML&CSS&JSハンズオン 10
11. 2021/5/8 HTML&CSS&JSハンズオン 11
12. 2021/5/8 HTML&CSS&JSハンズオン 12
13. 2021/5/8 HTML&CSS&JSハンズオン 13
14. 2021/5/8 HTML&CSS&JSハンズオン 14
15. 2021/5/8 HTML&CSS&JSハンズオン 15
16. 2021/5/8 HTML&CSS&JSハンズオン 16
17. 触れることが目的！ 2021/5/8 HTML&CSS&JSハンズオン 17
18. 2021/5/8 HTML&CSS&JSハンズオン 18
19. Done is better than perfetctで行きます。 2021/5/8 HTML&CSS&JSハンズオン 19 ※著作権の都合により画像削除
20. 実名(よみがな) 2021/5/8 HTML&CSS&JSハンズオン 20 株式会社サクシード デジタルマーケティングチーム アルバイト つばめソリューション エンジニア アルバイト(4月まで) 学歴 バイト歴 Twitter ポートフォリオ GitHub https://github.com/Usuyuki @usuyuki26 https://portfolio.usuyuki.net/ 宇都宮大学 工学部 基盤工学科 情報電子オプティクスコース 情報科学分野 2年 島根県立浜田高等学校 全日制 理数科 U-lab(一応)共同代表 宇都宮市立陽西中学校 サポートスタッフ(アルバイト)
21. 2021/5/8 HTML&CSS&JSハンズオン 21 ※代表の方に使用許可を得ています
22. 2021/5/8 HTML&CSS&JSハンズオン 22 単純なのはつまらない。 実際に動いているものの方がいい。
23. 2021/5/8 HTML&CSS&JSハンズオン 23
24. 2021/5/8 HTML&CSS&JSハンズオン 24 CSS楽しいよっていうのを伝えたい！
25. 2021/5/8 HTML&CSS&JSハンズオン 25 あと、自分が携わってない！
26. 2021/5/8 HTML&CSS&JSハンズオン 26
27. 2021/5/8 HTML&CSS&JSハンズオン 27 見やすい クリック しやすい 目線が とどまり にくい クリック しにくい
28. 2021/5/8 HTML&CSS&JSハンズオン 28
29. 2021/5/8 HTML&CSS&JSハンズオン 29
30. 2021/5/8 HTML&CSS&JSハンズオン 30
31. 2021/5/8 HTML&CSS&JSハンズオン 31
32. 2021/5/8 HTML&CSS&JSハンズオン 32
33. 2021/5/8 HTML&CSS&JSハンズオン 33
34. 2021/5/8 HTML&CSS&JSハンズオン 34
35. 2021/5/8 HTML&CSS&JSハンズオン 35
36. 2021/5/8 HTML&CSS&JSハンズオン 36
37. 2021/5/8 HTML&CSS&JSハンズオン 37
38. 2021/5/8 HTML&CSS&JSハンズオン 38
39. 2021/5/8 HTML&CSS&JSハンズオン 39
40. 2021/5/8 HTML&CSS&JSハンズオン 40
41. 2021/5/8 HTML&CSS&JSハンズオン 41
42. 2021/5/8 HTML&CSS&JSハンズオン 42
43. 2021/5/8 HTML&CSS&JSハンズオン 43
44. 2021/5/8 HTML&CSS&JSハンズオン 44
45. 2021/5/8 HTML&CSS&JSハンズオン 45
46. 2021/5/8 HTML&CSS&JSハンズオン 46
47. 2021/5/8 HTML&CSS&JSハンズオン 47
48. 2021/5/8 HTML&CSS&JSハンズオン 48 ※著作権の都合により画像削除
49. 2021/5/8 HTML&CSS&JSハンズオン 49
50. 2021/5/8 HTML&CSS&JSハンズオン 50 ※著作権の都合により画像削除
51. 2021/5/8 HTML&CSS&JSハンズオン 51
52. 2021/5/8 HTML&CSS&JSハンズオン 52
53. 2021/5/8 HTML&CSS&JSハンズオン 53
54. 2021/5/8 HTML&CSS&JSハンズオン 54 ※著作権の都合により画像削除
55. 2021/5/8 HTML&CSS&JSハンズオン 55 ※著作権の都合により画像削除
56. 2021/5/8 HTML&CSS&JSハンズオン 56
57. 2021/5/8 HTML&CSS&JSハンズオン 57 Hello World
58. 2021/5/8 HTML&CSS&JSハンズオン 58 Hello World
59. 2021/5/8 HTML&CSS&JSハンズオン 59 Hello World 5/8
60. 2021/5/8 HTML&CSS&JSハンズオン 60
61. 2021/5/8 HTML&CSS&JSハンズオン 61
62. 2021/5/8 HTML&CSS&JSハンズオン 62 <p>ここに文章</p>
63. 2021/5/8 HTML&CSS&JSハンズオン 63 <パン> 具材 </パン>
64. 2021/5/8 HTML&CSS&JSハンズオン 64 <p> 文章 </p> <div> 要素 </div>
65. 2021/5/8 HTML&CSS&JSハンズオン 65 <img src=“”>
66. 2021/5/8 HTML&CSS&JSハンズオン 66 <img src=“”>
67. 2021/5/8 HTML&CSS&JSハンズオン 67 <img src=“”>
68. 2021/5/8 HTML&CSS&JSハンズオン 68 <section> <header> <footer> <p> <img> <form>
69. 2021/5/8 HTML&CSS&JSハンズオン 69 <section> <header> <footer> <p> <img> <form>
70. 2021/5/8 HTML&CSS&JSハンズオン 70 <!DOCTYPE html> <html lang=“ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device- width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html>
71. 2021/5/8 HTML&CSS&JSハンズオン 71 <ホモサピエンス> <人間> <頭> </頭> <体> </体> </人間>
72. 2021/5/8 HTML&CSS&JSハンズオン 72
73. 2021/5/8 HTML&CSS&JSハンズオン 73
74. 2021/5/8 HTML&CSS&JSハンズオン 74
75. 2021/5/8 HTML&CSS&JSハンズオン 75
76. 2021/5/8 HTML&CSS&JSハンズオン 76 同じ勉強をしていて、なぜ差がつくのか? 「自分の頭で考える子」に変わる10のマジックワード レイアウト・デザインの教科書 思考の整理学
77. 2021/5/8 HTML&CSS&JSハンズオン 77
78. 2021/5/8 HTML&CSS&JSハンズオン 78 こんなスタイルでよければ、次回も 参加してもらえると嬉しいです。