Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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フォローしてね!