【プログラミング】HTML・CSSの学習日記!(21/2/2~7)

プログラミング学習日記_21-2-2-7Web制作

こんにちは、ほうまちです。

もう学校の授業は無いので、使いたいように時間を使えるようになりました。

将来に向けて、プログラミングの勉強を始めました!

厳密にはマークアップ言語なので、少し違いますが…

まあ細かいことは気にせずに。

というわけで、1週間ごとに学習の記録をつけようと思います。

使用したサービスや参考書、勉強法、他の方の役に立った情報、感想などを書いていきます。

いつか自分で振り返ることに使えたり、他のプログラミング初心者さんの助けになったりすれば、幸いです!

スポンサーリンク

事前準備

事前準備というか、情報集めをしてました。

マナブさんという方の動画を見て、何をどんな風に勉強しようか考えていました。

目標はWeb制作でお金を稼ぐことなので、まずはHTML・CSSを勉強しよう、という事でこの動画を参考にしながら勉強をスタートさせました。

2月2日

というわけで勉強スタート。

使用したサービスは「ドットインストール」の講座

  • はじめてのHTML:【1時間30分】
  • はじめてのCSS:【1時間19分】

どちらも無料で最後まで勉強することができて、1回2分くらいの動画なので、サクサク進んで楽しいです。

403 Forbidden

自分は【】内の時間で最後まで行くことができました。参考にしてください。

また、この日は「プロゲート」の講座

  • HTML・CSS学習コース初級編:【1時間37分】

も学習しました。

プロゲートは、分かりやすいスライドを見ながら勉強していくスタイルで、この講座は無料でした。(この講座は)

プロゲートの学習コースは、サイトに書いてある所要時間の半分くらいでやれました。

Progate(プロゲート) | Learn to code, learn to be creative.
Progateはオンラインでプログラミングを学べるサービスです。プログラミングを学んでWEBアプリケーションを作ろう。

まあ、あんまり頭に入ってなくてもサクサク進んでしまおうという気持ちでした(笑)

2月3日

さあ、今日も元気に勉強しよう!と思ってプロゲートを開いた私…

  • HTML・CSS学習コース中級編:【1時間49分】

を意気揚々とこなしていましたが、まさかの途中から有料コンテンツかよ!

しかたなく、ドットインストールの

  • 実践!スマートフォンサイトを作ろう(ドットインストール)

を途中までやりましたが、これも有料コンテンツなのかよ!となりました…

支払い方法を調べて疲れたし、コンビニ行って支払いするのもメンドいので明日にしようかな…

 

と思っていましたが、ここは一念発起。

昼にコンビニ行ってプロゲートに課金して夕方までやりました!

俺、超エライ!!!!!!

その日は他にもプロゲートの

  • HTML・CSS学習コース上級編:【50分】

をやりました。

 

そんなこんなで頑張れた自分をホメながら明日へ。。。

プロゲートは、アプリ版をダウンロードしてGooglePlayやAppleStoreで課金しても、Web版で有料会員になれるので、支払いが簡単です!

2月4日

この日は、プロゲートの

  • HTML・CSS道場コース初級:【1時間35分】
  • HTML・CSS道場コース中級:【12分(途中まで)】

をやりましたが…

難しかったです!

道場コースでは、学習コースで作ったサイトをイチから作るのですが、マジでどう書いたらいいのか分からなかったです…

学習コースのスライドを見たり、検証を使いながらなんとか完成。

ですが、かなり心はバキバキでした。

こんなんで仕事ができるレベルになれるのか…?

と思ってしまいました。

まあでも、そりゃつまずくこともあるだろ、とも思ってきました。

逆に簡単なところでつまずいた方が、つまずきに慣れていいかも、とも。

この先もつまずくことはあるだろうけど、その度に頭をひねって頑張ろうと思えました。

が、疲れたので昼からゲームしました!w

この日のゲーム時間は5時間50分でした。

どんだけやるねん。

2月5日

さあ、今日も地獄の道場コースです。

覚悟はそれなりにあります、かかってこい!

プロゲートの

  • HTML・CSS道場コース中級:【3時間43分】

を昨日の途中からやりました。

案の定、くたばりそうになりましたが、学習コースのスライドを検証を使ってなんとかクリア!

「なんで見本通りにならないんだ、何が違うんだ…」と頭をうならせていましたが、こういうのがプログラミングなんじゃないでしょうか、知らんけど。

まあ昨日のことを思えば頑張ったわ。エラーーーーーーーーーーーーーーイ!!!!

2月6日

今日でプロゲートのHTML・CSSは終わりそう、がんばるぞ!

というわけで、プロゲートの

  • HTML・CSS道場コース上級:【1時間5分】
  • HTML・CSS学習コースFlexbox編:【13分】

と、ドットインストールの

  • 実践!アプリ紹介ページを作ろう:【18分(途中まで)】

をやりました。

道場コース上級については、スライドを見て検証を活用することに慣れてきて、これを成長と言っていいのかは分かりませんが、初級と中級よりはサクッと終わりました。

そしてドットインストールに戻ってきて、動画を見てやってたんですが…

こっから有料コンテンツやん!

プロゲートにお金を払ったのに、ドットインストールにも払うのか…

しかもクレカ持ってないからWebmoneyで、うーん…

 

と考えていましたが、あまり悩みすぎても仕方ないし、マナブさんのご紹介通りに学習していこうと思い立って、クレカを親から借りることにしました。

どちらのサービスも月額1080円くらいなので、下手な参考書を買うより安上がりだとも考えてました。

2月7日

親からの許可も得たので、さっそくドットインストールじゃ!

というわけで、

  • 実践!アプリ紹介ページを作ろう:【1時間11分】

を攻略。

前提に、「ドットインストールの有料版HTML・CSSの講座を受けといてね!」みたいなことを書かれてましたが、「プロゲートで勉強したし行けるやろ!」となったので

当たって砕けろ、とりあえずやってみることに。

結果、なんとかなりました。

まとめ

この一週間で、かなりマークアップの基礎的なところが勉強できたのではないか、とうぬぼれておりまする。

反対に道場コースでの苦い経験もあるので、どうにかしなくては、とも思っております。

とりあえずは場数を踏んで、コーディングに慣れていこうかなー、と。

ここまでの学習で、マナブさんの動画の案件①は受注可能みたいな感じなので、

案件①レベルのサイトの模写をやって地力をつけたいと思います!

それで足りなかったら、ドットインストールの詳解HTML・CSSをやろうかな。

足りたら、JavaScriptとかをやろう。

というわけで、また来週です!

【学習期間:6日】

【学習費用:2160円】

【今週の学習時間:16時間3分】

【総学習時間:16時間3分】