フォーム要素を理解するために、Glitchのhello-expressを使って学ぶためのスライドを作りました。

1. Glitch hello-express
1

2. Scratch
2

3. Glitch hello-express
3

4. New Project [hello-express]
hello-express
4

5. 5

6. show
Next to The Code
6

7. 7

8. assets
public/client.js
JavaScript
public/style.css
CSS
views/index.html
HTML
.env
README.md
package.json
server.js
JavaScript
8

9. 9

10. 10

11. 11

12. 12
Dreams!
Submit Dream

13. 13
CSS/HTML

14. 14

15. 15

16. 16

17. 17

18. 18
JavaScript/HTML

19. 19
Dreams!
Submit Dream

20. 20
Dreams!
Submit Dream
input
[dreams]
input
[dreams]
input
[dreams]

21. 21
input
[dreams]
input
[dreams]
input
[dreams]

22. 22
input
[dreams]
input
[dreams]
input
[dreams]

23. 23
input
[dreams]
input
[dreams]
input
[dreams]

24. 24
input
[dreams]
input
[dreams]
input
[dreams]
index.html
input
input

25. 25
input
[dreams]
input
[dreams]
input
[dreams]

26. 26
input
[dreams]
input
[dreams]
input
[dreams]

27. 27
input
[dreams]
input
[dreams]
input
[dreams]
input

28. 28

29. 29
JavaScript
CSS
HTML

30. 30
hello-express