Code_cademy
での
学習方法
Tsuyoshi Motobe
Code_cademyは
プログラミングの基礎を
自習形式で学習する
Webサービスです。
無料で利用できます。
丁寧に作られているので
初心者や初級者に
ちょうど良いサービスです
学習システム
新しい知識を
インプット
課題が
出る
回答を
コードで書く
回答チェック
これを何度も繰り返します。
では、やってみましょう
www. codecademy.com
にアクセス
今回は、facebookでログイン
HTML & CSSを選択
START
翻訳:
全てのレッスンはここから始まります。
説明を読んでから、下部のインストラ
クションに従ってください。もし行き
詰ったら、“ヒント”を押してください。
翻訳:
コードをここに書いてください。
インストラクションに対する回答を
ここのエディターに書いてください。
翻訳:
どうなったか見てください。
あなたのコードがブラウザでどんな
風に表示されるかここで見れます。
始まりました!
まずは、ここを読みましょう。
ここでは、この回で学ぶ知識の説
明と、課題が書かれています。
すべてのWebページは、HTMLと呼ばれる言語で書かれています。HTMLはすべ
てのウェブページに構造を与える骨格と考えて良いです。このコースでは、 Web
ページに段落、見出し、画像やリンクを追加するために、 HTMLを使用します。
右のエディタでは、 test.htmlという呼ばれるタブがあります。これはHTMLを入力
しますファイルです。 < > sのコードを見てください。これあgHTMLです!他の言
語のように、固有の文法(コミュニケーション・ルール)があります。
「Save and Submit」を押すと、結果タブは、インターネットブラウザ( Chrome、
Firefox 、 Internet Explorerなど)のように動作します。ブラウザの仕事は、認
識可能なWebページにtest.htmlというのコードを変換することです!ブラウザは、
HTMLの文法に従い、ページをレイアウトする事ができます。
翻訳
下にスクロールすると、インストラク
ションがあります。ここに手順が書
いてあります。
01. 右側にtest.htmlというファイルがあります。
02. 2行目のテキストを変更します(<strong >と< / strong>の間)何でも好
きなテキストに変更してください。
03. Save & Submit Code を押すと、test.htmlがブラウザでどのように見える
かを確認できます。見えましたか?<strong> < / strong>のタグは、私たちの
テキストを太字にしましたよ!
翻訳
どうしても、詰まってしまったら、ヒン
トを押しましょう。ほぼ回答なので、
できれば押さない方が良いです。
今回の課題は、
<strong></strong>の中身を
変更することでしたので、
こんな感じに変えました。
こちらも変更されてい
るのが確認できます。
Save & Submit
Codeを押してください。
正解すると、Way to go!と表示されま
す。
「Start Next Lesson」ボタンを押して
次に行きましょう!
次の回に進みました。
2/14となっているの
が確認できます。
次の回に進みました。
2/14となっているの
が確認できます。
ここの数字を変更す
ることで、違う回に行
けます。
もし簡単すぎるよう
であれば、ここの
HTML & CSSを押
してください。
先程の進
捗が表示さ
れています。
より高度なコース
に進むこともでき
ます。
これを何度も繰り返します。
HTML & CSSの所要時間は
平均7時間です。
自分で自習してもよいですし、
他の人と一緒にやっても良いです。
一人ではモチベーションを継続するのが
難しい場合は、何人かで一緒にやってみ
ましょう。
オンラインでの勉強会に参加したい場合
はこちらへどうぞ。
https://remoday.com/
英語の翻訳についても、フォローを入れ
ます。

Code cademyの学習方法