HTMLから入門してJavaScriptまで習得する会.mmc

Transcript

1. HTMLから ⼊⾨して JavaScr iptまで習 得する 会.mmc ２ ０ １ ７

   ・ ０ ７ ・ ２ ３

2. はじめに もくもく会と併催してます。 会の後に懇親会もやるので、是非ご参加ください。

3. 概要 用意した教材を利用し、学習を進めていただく会です。 導入時の講義以外は、各々で教材を進めていただき、わ からないところだけ質問していただきます。

4. 概要 みなさんの学習を支援することを目的にしています。 学習内容は各自に決めていただきます。

5. 概要 教材はこれ、 freeCodeCamp

6. 進め方 Slackがんがん使います。今登録できていない方～？

7. 今日最低 限やるこ と 【STEP1】学習のための準備 【STEP2】学習内容の決定 【STEP3】学習開始

8. 【STEP1】学習のための準備 WEB is 何 をふわっと理解 GitHubアカウントの作成 Slackチャンネルへの参加

9. 【STEP1】 WEB is 何

10. 【STEP1】 World Wide Web（ワールド・ワイド・ ウェブ、略名：WWW）とは、インタ ーネット上で提供されるハイパーテキ ストシステム。-wikiより

11. 【STEP1】

12. 【STEP1】 サーバーにあるドキュメントを閲覧す る仕組みです。

13. 【STEP1】 どんな技術が使わ れているのか

14. 【STEP1】 このへんでウェブサイト作れます。

15. 【STEP1】 このへんでウェブア プリ作れます。メモ アプリとか

16. 【STEP1】 これから学ぶことなので 完全に理解しなくてもおっけです

17. 【STEP1】 GitHubアカウントの作成 https://github.com/ 【作業時間 10分】

18. 【STEP1】 作り終えましたか？ SlackでプロフィールページのURLを報 告してください。 【作業時間 10分】

19. 【STEP2】学習内容の決定 何が作れるようになりたいか決めよう 何を学習すべきか考えよう 自己紹介の作成

20. 【STEP2】 ウェブサイト例 https://canlis.com/ ウェブアプリ例 https://zaim.net/ 何が作りたい？

21. 【STEP2】 ◀ 参考 なにを学習すべ き？

22. 【STEP2】 ◀ 参考 https://ww w.freecode camp.org/ map なにを学習すべ き？

23. 【STEP2】 GitHubに書こう https://github.com/MoquMoquCOM/m embers/ 【自己紹介】と【この会でやること】 自己紹介を書こう

24. 【STEP3】学習開始 freeCodeCampの導入 freeCodeCamp学習着手

25. 【STEP3】 https://www.freecodecamp.org/ freeCodeCampの 導入 https://chrome.google.com/webstore/de tail/google- translate/aapbdbdomjkkjkaonfhkkikfgjllc leb 英語きつい？じゃあこれ▼

26. 【STEP3】 https://www.freecodecamp.org/ ここからは各自作業タイム！ リモートの方も調子はどうでしょう！ がんがん質問してね！ freeCodeCamp 学習着手

27. 　進捗報告 on Slack

28. 　おつかれさま！ 　来月もよろしく！ Facebookフォローしてね！