Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
EN
Uploaded by
Tsuyoshi Motobe
PPTX, PDF
1,424 views
Code cademyの学習方法
Code cademyの学習方法について。 初めて使う人の為の手順を詳細に書いております。
Internet
◦
Read more
3
Save
Share
Embed
Embed presentation
Download
Download to read offline
1
/ 34
2
/ 34
3
/ 34
4
/ 34
5
/ 34
6
/ 34
7
/ 34
8
/ 34
9
/ 34
10
/ 34
11
/ 34
12
/ 34
13
/ 34
14
/ 34
15
/ 34
16
/ 34
17
/ 34
18
/ 34
19
/ 34
20
/ 34
21
/ 34
22
/ 34
23
/ 34
24
/ 34
25
/ 34
26
/ 34
27
/ 34
28
/ 34
29
/ 34
30
/ 34
31
/ 34
32
/ 34
33
/ 34
34
/ 34
More Related Content
PPTX
Codecademyの使い方 javascript編
by
Tsuyoshi Motobe
PPTX
Code cademyの使い方
by
Tsuyoshi Motobe
PPTX
Code cademyの使い方php編
by
Tsuyoshi Motobe
PPTX
人の言うことを簡単に信じるな!
by
Mitsuo Kawashima
PDF
YAPC::Asia 2012 CPANに恩返ししよう
by
azuma satoshi
PDF
FuelPHP BoF ライブコーディング編 @ OSC2013 Nagoya
by
Hitoshi Asano
PPTX
マークアップの作業効率をあげよう!
by
Mitsuo Kawashima
PPTX
Boys and girls club
by
drumph99
Codecademyの使い方 javascript編
by
Tsuyoshi Motobe
Code cademyの使い方
by
Tsuyoshi Motobe
Code cademyの使い方php編
by
Tsuyoshi Motobe
人の言うことを簡単に信じるな!
by
Mitsuo Kawashima
YAPC::Asia 2012 CPANに恩返ししよう
by
azuma satoshi
FuelPHP BoF ライブコーディング編 @ OSC2013 Nagoya
by
Hitoshi Asano
マークアップの作業効率をあげよう!
by
Mitsuo Kawashima
Boys and girls club
by
drumph99
Viewers also liked
PPT
Aутизам
by
Jasmina Mladenović
PPTX
メンターさん募集 RemoDay
by
Tsuyoshi Motobe
PPT
Aутизам
by
Jasmina Mladenović
PPTX
Mi preciosa hermosura
by
Aida Daza
PPTX
Search Your Life with Lifelogging
by
Rob Shields
PDF
One Photo Every Minute for a Year
by
Rob Shields
PPTX
Posiciones relativas de dos rectas en el plano
by
Angie21_Gonzales
PPTX
Itec299 synthesis presentation andrew ogilvy
by
aogilvy
PDF
Presentation pharminicio 2014 english
by
Guillermo Camprubí
PPTX
オンライン・ワークショップで最新のスキルを共有しよう。
by
Tsuyoshi Motobe
PPT
Prehistory pwp
by
Maria Llinares Soriano
PPTX
Ancientgreecelifesocietyandculture 141205121913-conversion-gate02
by
Maria Llinares Soriano
PPTX
Ethics for Ophth. Residents 1
by
Navid Abolfathzadeh
PPTX
Ethics for Ophth. Residents 2
by
Navid Abolfathzadeh
PPTX
Ethics for Ophth. Residents 3
by
Navid Abolfathzadeh
PPTX
Promenljive vrste reči - Brojevi
by
Jasmina Mladenović
DOCX
Esquemas grecia definitivos
by
Maria Llinares Soriano
PPTX
Ancientgreecelifesocietyandculture 141205121913-conversion-gate02
by
Maria Llinares Soriano
Aутизам
by
Jasmina Mladenović
メンターさん募集 RemoDay
by
Tsuyoshi Motobe
Aутизам
by
Jasmina Mladenović
Mi preciosa hermosura
by
Aida Daza
Search Your Life with Lifelogging
by
Rob Shields
One Photo Every Minute for a Year
by
Rob Shields
Posiciones relativas de dos rectas en el plano
by
Angie21_Gonzales
Itec299 synthesis presentation andrew ogilvy
by
aogilvy
Presentation pharminicio 2014 english
by
Guillermo Camprubí
オンライン・ワークショップで最新のスキルを共有しよう。
by
Tsuyoshi Motobe
Prehistory pwp
by
Maria Llinares Soriano
Ancientgreecelifesocietyandculture 141205121913-conversion-gate02
by
Maria Llinares Soriano
Ethics for Ophth. Residents 1
by
Navid Abolfathzadeh
Ethics for Ophth. Residents 2
by
Navid Abolfathzadeh
Ethics for Ophth. Residents 3
by
Navid Abolfathzadeh
Promenljive vrste reči - Brojevi
by
Jasmina Mladenović
Esquemas grecia definitivos
by
Maria Llinares Soriano
Ancientgreecelifesocietyandculture 141205121913-conversion-gate02
by
Maria Llinares Soriano
Similar to Code cademyの学習方法
PPTX
Html03
by
TENTO_slide
PDF
プログラミング講座 #3 コードを書く
by
ZOIdayo
PPTX
Html01
by
TENTO_slide
PPTX
Web 02
by
XMLProJ2014
PDF
JavaScript入門-基礎編
by
mactkg
PDF
HTML初心者向け勉強会
by
SakiKomuro
PDF
Webページで学ぶJavaScript2013 第3回
by
京大 マイコンクラブ
Html03
by
TENTO_slide
プログラミング講座 #3 コードを書く
by
ZOIdayo
Html01
by
TENTO_slide
Web 02
by
XMLProJ2014
JavaScript入門-基礎編
by
mactkg
HTML初心者向け勉強会
by
SakiKomuro
Webページで学ぶJavaScript2013 第3回
by
京大 マイコンクラブ
Code cademyの学習方法
1.
Code_cademy での 学習方法 Tsuyoshi Motobe
2.
Code_cademyは プログラミングの基礎を 自習形式で学習する Webサービスです。
3.
無料で利用できます。
4.
丁寧に作られているので 初心者や初級者に ちょうど良いサービスです
5.
学習システム
6.
新しい知識を インプット 課題が 出る 回答を コードで書く 回答チェック
7.
これを何度も繰り返します。
8.
では、やってみましょう
9.
www. codecademy.com にアクセス
10.
今回は、facebookでログイン
11.
HTML & CSSを選択
12.
START
13.
翻訳: 全てのレッスンはここから始まります。 説明を読んでから、下部のインストラ クションに従ってください。もし行き 詰ったら、“ヒント”を押してください。
14.
翻訳: コードをここに書いてください。 インストラクションに対する回答を ここのエディターに書いてください。
15.
翻訳: どうなったか見てください。 あなたのコードがブラウザでどんな 風に表示されるかここで見れます。
16.
始まりました!
17.
まずは、ここを読みましょう。 ここでは、この回で学ぶ知識の説 明と、課題が書かれています。
18.
すべてのWebページは、HTMLと呼ばれる言語で書かれています。HTMLはすべ てのウェブページに構造を与える骨格と考えて良いです。このコースでは、 Web ページに段落、見出し、画像やリンクを追加するために、 HTMLを使用します。 右のエディタでは、
test.htmlという呼ばれるタブがあります。これはHTMLを入力 しますファイルです。 < > sのコードを見てください。これあgHTMLです!他の言 語のように、固有の文法(コミュニケーション・ルール)があります。 「Save and Submit」を押すと、結果タブは、インターネットブラウザ( Chrome、 Firefox 、 Internet Explorerなど)のように動作します。ブラウザの仕事は、認 識可能なWebページにtest.htmlというのコードを変換することです!ブラウザは、 HTMLの文法に従い、ページをレイアウトする事ができます。 翻訳
19.
下にスクロールすると、インストラク ションがあります。ここに手順が書 いてあります。
20.
01. 右側にtest.htmlというファイルがあります。 02. 2行目のテキストを変更します(<strong
>と< / strong>の間)何でも好 きなテキストに変更してください。 03. Save & Submit Code を押すと、test.htmlがブラウザでどのように見える かを確認できます。見えましたか?<strong> < / strong>のタグは、私たちの テキストを太字にしましたよ! 翻訳
21.
どうしても、詰まってしまったら、ヒン トを押しましょう。ほぼ回答なので、 できれば押さない方が良いです。
22.
今回の課題は、 <strong></strong>の中身を 変更することでしたので、
23.
こんな感じに変えました。
24.
こちらも変更されてい るのが確認できます。
25.
Save & Submit Codeを押してください。
26.
正解すると、Way to go!と表示されま す。 「Start
Next Lesson」ボタンを押して 次に行きましょう!
27.
次の回に進みました。 2/14となっているの が確認できます。
28.
次の回に進みました。 2/14となっているの が確認できます。
29.
ここの数字を変更す ることで、違う回に行 けます。
30.
もし簡単すぎるよう であれば、ここの HTML & CSSを押 してください。
31.
先程の進 捗が表示さ れています。 より高度なコース に進むこともでき ます。
32.
これを何度も繰り返します。
33.
HTML & CSSの所要時間は 平均7時間です。 自分で自習してもよいですし、 他の人と一緒にやっても良いです。 一人ではモチベーションを継続するのが 難しい場合は、何人かで一緒にやってみ ましょう。
34.
オンラインでの勉強会に参加したい場合 はこちらへどうぞ。 https://remoday.com/ 英語の翻訳についても、フォローを入れ ます。
Download