Slide 1

Slide 1 text

HTMLから ⼊⾨して JavaScr iptまで習 得する 会.mmc 2 0 1 7 ・ 0 7 ・ 2 3

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

概要 教材はこれ、 freeCodeCamp

Slide 6

Slide 6 text

進め方 Slackがんがん使います。今登録できていない方~?

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

【STEP1】 WEB is 何

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

【STEP1】

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

【STEP2】 ◀ 参考 なにを学習すべ き?

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

 進捗報告 on Slack

Slide 28

Slide 28 text

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