前回「自主学習2-4」にてプロゲートHTML/CSS初級編を終え、今回は中級編に挑戦します。 プロゲート「HTML/CSS中級編」について 中級編では初級編で作成したwebページよりも、さらにモダンなwebページを作成していきます。 HTML中級編で学習できること WEBページのレイアウトについて WEBページのレイア...
自主学習の記事一覧
前回「自主学習2-3」までで書籍『JavaScript本格入門』の冒頭部分のまとめを終え、今回からprogate（プロゲート）を使用しての学習に移っていきたいと思います。 プロゲートとは？ プロゲート公式ページプロゲートトップページ プロゲートとは、web上で実際のコードを書きながらプログラミングを体験＆学習できる楽し...
前回「自主学習2-2」に引き続き、今回も書籍『JavaScript本格入門』を読んだ箇所（基礎部分）をまとめていきたいと思います。 参考書籍【改定新版JavaScript本格入門】(著者)山田祥寛(出版)技術評論社 JavaScriptで扱う主なデータ型について 基本型 「値」そのものを直接変数（入れ物）に格納する。 ...
前回「自主学習2-1」に引き続き、今回も書籍『JavaScript本格入門』を読んだ箇所（基礎部分）をまとめていきたいと思います。 参考書籍【改定新版JavaScript本格入門】(著者)山田祥寛(出版)技術評論社 変数について 変数とは？ データの入れ物。処理途中のデータを一時的に保存するための入れ物。「入れ物」なの...
前回「第2回レッスン」を終え、今回は書籍『JavaScript本格入門』を読んだ箇所（基礎部分）をまとめていきたいと思います。 参考書籍【改定新版JavaScript本格入門】(著者)山田祥寛(出版)技術評論社 JavaScriptの歴史 JavaとJavaScriptは別言語である。当時流行していた「Java」にあや...
レッスン１回目からここまでの自主学習の経過で、超初心者である私がつまづいた箇所を復習の意味を込めて書き出しておこうと思います。 HTMLでの初歩的なつまづき箇所 タグの閉め忘れ・コードの記述方法 タグの閉め忘れに気づかず「私の記述に間違いはないのに！何故ページに反映されないのか！（怒）」と、無駄に怒りの感情を放出させて...
前回「自主学習1-5【補足】」からの続きで、今回はフレックスボックスについて学習します。 ゴミコレッスン1回目の内容で「ホームページのレイアウトはフレックスボックスを使おう」という課題があったよね。 フレックスボックスとは？ フレックスボックスを使うと何ができるの？ HTMLブロックを横並びにすることができる floa...
前回「自主学習1-5」でレスポンシブデザインについて学習しましたが、パソコンでスマホ表示を確認する方法について書き忘れていたので今回の補足でまとめます。 ゴミコ肝心なことを書いていなかったよね。ごめんなさい。 パソコンでスマホ表示を確認するには？ 制作途中のサイトをブラウザに表示させて見た目を確認する方法 ローカル環境...
前回「自主学習1-4【補足】」の続きで今回はレスポンシブデザインについて学習していきます。 レスポンシブデザインとは？ ホームページのデザインを崩さずにスマホやタブレットで表示させるデザインを「レスポンシブデザイン」と呼びます。このレスポンシブデザインに対応していないサイトをスマホやタブレットで閲覧すると、パソコンで閲...
前回分の修正 前回「自主学習1-4」にて、講師から以下のようなメッセージが書かれていましたね。 ただtypeごとにCSSを適用するということはあまりしません。基本的にclassを使用して反映するようにしたほうがいいと思います。参照：自主学習1-4について、講師の評価 こちらについて修正していきます。 修正前のinput...
