【進捗状況】サラリーマンがProgateに挑戦【1週目】

今回はプログラミング学習サイトプロゲートを利用したので進捗状況の報告記事です。これから毎週日曜日に1週間ごと進捗状況を発表していきます。

プロゲートのサイトは↓

https://prog-8.com/dashboard

  • 学習時間と学習言語
  • 1週間の進み具合
  • スマホが便利すぎる
  • 副業で案件獲得できる

学習時間と学習言語

今回は、学習期間1週間です。今回は副業獲得できるまでお話します。今週は、10時間程度の学習時間です。前回に比べて学習時間は短いです。学習言語はHTML&CSSとJavaScriptです。

1週間の進み具合

HTML&CSSは、プロゲートで学習できる内容を制覇しました。スキル内容を紹介していきます。マウスが文字の上に乗った時に、色が変わるなど、クリックできる場所を分かりやすくする。上のヘッダーが画面をスクロールしても、画面最上部に固定されている。スマホや、タブレット向けに画像の配置はそれぞれに向けて配置を変えるCSSのコード。この様に、実際のWEB制作に必要なスキルは一通り身につけられます。

JavaScriptは、オブジェクトについて学習しました。最初は変数や定数の中に、1つの内容が入っていましたが、だんだんと増えていきました。HTML&CSSは<p>見出し</p>の様に書いてファイルを実行すると「見出し」と画面に出ます。しかし、JavaScriptはコードで変数の中身を定義して、それを出力するコードも書かなければならないのでHTML&CSSは楽だったと思いました。

スマホが便利すぎる

今週、スマホでProgateのアプリがないか探していたらありました。スマホ版のProgateはパソコン版と違います。パソコン版は厳密にはWEB版だったと思います。パソコンはキーボードで、コードを入力します。ですが、スマホ版は違います。「<」「>」「p」「/」「=」「見出し」の様にコーディングに必要な文字があります。<p>見出し</p>の様に入力します。確かにスマホのキーボードを使うのは、厳しいです。なので、Progateのスマホ版は非常に親切な機能だと思います。週末は、パソコンでキーボードでコーディングをして、通勤時間や会社での休憩時間にスマホで復習がてら、Progateができます。学習効率が上がります。

Googleplay↓

https://play.google.com/store/apps/details?id=com.progate&hl=ja

副業で案件獲得できる

HTML&CSSの学習したてごたえとして、案件獲得ができそうです。WEB制作の案件を獲得して、副業ができそうです。げんざいは、筆者しげは、ライティングの案件をやっていてWEB制作の案件取ったら時間がなくなって死んでしまいそうなので、今度、案件獲得して報酬の報告動画を出そうと思います。

以上、Progate1週目の報告でした。毎週日曜日にブログと動画を更新しています。チャンネル登録、Twitterのフォローをお願いします。

【進捗状況】サラリーマンがProgateに挑戦

今回はプログラミング学習サイトプロゲートを利用したので進捗状況の報告記事です。これから毎週日曜日に1週間ごと進捗状況を発表していきます。

  • 学習期間と学習言語
  • Progateは分かりやすいか?
  • 0週目の進み具合
  • ひっかりやすいポイント
  • 分かりやすいポイント
  • 最後に

学習期間と学習言語

学習期間は2020/5/14(木)から始めました。今日は2020/5/16(土)なので期間は3日になります。学習言語はとりあえずHTML&CSSです。理由としては色んなサイトを見た時に最初はここから入るでしょとHTML&CSSはプログラミング学習の最初にやるべきと思い決めました。

Progateは分かりやすいのか

Progateは分かりやすいのかです。実はProgateをやる前に少し本で勉強をしました。本の場合だとCSSやるときに「margin,padding,height」など一気に教えられるので混乱すると思いました。だけど、Progateの場合は、実際にwebサイトの1ページを作る感じでCSSのコードを教えられるというよりも状況に応じて選択して使っていく感じでした。

Progateはサイト1枚を1からしっかり教えてくれます。最初にスライドがあります。スライドで今回の単元でやることや必要なコードを教えてくれます。実際にスライドは静止画でなく動きがあるので分かりやすいです。スライドを見終わったらコードを書いていきます。コードを書く時も右側にコードの書く手順があり、左側には完成品の見本とプレビューがあります。なのですごい分かりやすいです。1つの単元が終わると次の単元につながっていて単元を1通り終わらすと1ページ完成するのでやっていくうちにwebページ制作の手順が分かってきます。

勉強風景

0週目の進み具合

0週目の進み具合です。3日間でこれだけ進みました。

3日間12時ぐらいです。初級編、中級編、道場コース初級編、道場コース中級編40%までできました。普通のコースはスライド通りにコードを書くだけなのでやりやすいです。だけど、道場コースは仕様書を見てそれ通りに自分で考えてコードを書くので少し難しいです。

ひっかりやすいポイント

ひっかりやすいポイントは2点です。HTMLのコードを書くときにどのタグを使えばいいのか分からないことと、CSS化するときの影響範囲です。

1つ目のHTMLのコードを書くときのタグです。プログラミング初心者だと<p>や<h1>の使い分けで混乱しやすいです。なので、タイトルやコンテンツとして中に書くときなど意識して勉強するといいと思いました。

2つ目はCSS化するときの影響範囲です。divのタグは頻繁に使います。CSSのコードを書くときにdiv{color:white;}と書くとすべてのdivに影響します。なので、<div class=logo>などクラスを書きCSSの時も.logo{}と書くと影響範囲を決められるので意識すべき点だと思いました。

特に2つ目のクラスを意識するのは大切だと思いました。

分かりやすいポイント

HTML&CSSの分かりやすいポイントはCSSでの配置です。HTMLやCSSでのタグ選択や影響範囲は管理が難しかったです。だけど、hight,padding,marginなど配置をしてするコードは分かりやすいです。おそらく、型があってあとは配置するだけだから割と簡単に覚えれるかと思いました。

最後に

最後に今回はProgateの紹介でした。これから毎週日曜日にブログとYouTubeの動画で進捗状況の報告をしていきます。よろしければチャンネル登録お願いします。