【毎朝1時間】プログラミング初心者のオヤジが、Web制作とセールスライティングを学んで、案件をゲットするまでのブログ

コーディングの知識がほとんどないオヤジが独学で仕事をゲットするまでの日記です。目標は、売れるLPを企画からデザイン、コーディングまでできるオヤジです。

【107日目】ドットインストールjavascript「ビンゴシート」を作ってみた

f:id:otonakatsushika:20210722195519p:plain

ドットインストールでビンゴを作った

 

javascriptに慣れようと、ドットインストールでビンゴシートを作ってみました。

ひとつひとつのコマンドの意味を理解して、整理しながらなので、進捗は遅いのですが、ビンゴシートが完成しました。

 

今回のjavascriptは慣れることが目的です。

【105日目】ドットインストールの「javascriptでミニアプリを作ろう」を終わらせることにした

f:id:otonakatsushika:20210720072226p:plain

javascriptでbingoを作る

jQueryは、「jQuery標準デザイン講座」を毎日一つ進めていて、おそらくLesson20ぐらいまですすめて、いったん終了とする予定。

 

 

とともに、ドットインストールの「Javascriptでミニアプリ」はすすめておいて損はないなと思うようになった。

dotinstall.com

もちろん、ドットインストールの「詳解javascript」シリーズは終わらせているものの、深い理解をしているわけではない。

私が今必要としているスキルとして、そこまで深いjavascriptの知識が必要だと思っていないことから、jQueryjavascriptは、「慣れ親しんでいます」レベルで、いったん終えておこうと考えている。

 

 

【102日目】jQueryはどう学ぶべきか

f:id:otonakatsushika:20210717115202p:plain

asumaさん資料

Twitterであすまさんが配布してくださった、「Webコーディング完全ロードマップ教材」を読みました。

現在の自分の居場所がわかり、とっても参考になりました。

 

いまどこにいるのか

この資料では、中級のはじめのところにいるようです。

jQueryではprogateの学習が終わっているので、今後は「実装する」ことが大切ですね。

先日公開した私のポートフォリオにあれこれ実装させていこうと思います。

 

jQuery+javascriptはどう学ぶか

おそらく学ぶものではなくて、どんどん体験するものなのでしょう。

というわけで今後は、

 とりあえず、明日からはjqueryの1000本ノックを始めます。習うより慣れろ。

【101日目】 #codestep中級3つ目Furniture Design終わった

codestepでコーディングの学習を進めています。

https://code-step.com/

今回は、中級3つ目Furniture Designでした。
いままでで、一番時間がかかりました。
そりゃぁ、複雑になっていきますので、当然なのですが、今回はハンバーガーメニューあり、複数ページありで、とても楽しくコーディングしました。

ハンバーガーメニューは、もう少し経験を積んだほうがいいと思いました。

【100日目】みなさんのおかげでコーディング学習100日目を迎えました

過ぎてみるとあっと言うまでしたが、4月からコーディングの学習をはじめて、今日で100日目。いろんなみなさんに教えてもらったり、励ましてもらったりしながら、やってきました。

コーディング学習の半分以上は朝4時から。毎日新しい「できた」の連続で、一日も休むことなく続けることができました。

3ヶ月毎に目標を定めているので、100日は通過点でしかないのだけど、200日目を迎える11月には、また違った自分になっていることを夢見て、こつこつとがんばっていきます。

これからもよろしくお願いいたします。

【99日目】 #codestep ハンバーガーメニューをまとめてみた

さて、ハンバーガーメニューの作り方、書き方については、いったん理解しました。
しかし、なんか理解の浅さにモゾモゾしますので、今日はスプレッドシートjavascript前後のうごきをまとめてみました。

スッキリ❢
今後お仕事をする上で、理解もせずコピペだけで「できました」という仕事の仕方はしたくないと思っています。
イチから書き起こすことができなくても、なぜこのコードが入っているのか、ないとどうなっちゃうのか、については理解しておきたいと思っています。

codestep中級3つ目storesiteのハンバーガーメニューの構造を整理したものにご興味のある方は、こちらからご覧になれます。

codestep中級3ハンバーガーメニューgoogle drive spreadsheet)

【98日目】#codestep 中級3でハンバーガー実装

今週はずっと、#codestep中級編のstoreサイトを続けています。

https://code-step.com/store2-menu/

codestep中級編3

わたしなりに、この課題のポイントは、「複数ページのコーディング」と「ハンバーガーメニューの練習」にありました。

複数ページのコーディングについては、これから取り組みますが、ここ数日はハンバーガーメニューができるようになることを目指しています。

今日は、実際にhtml/css/jsを書いてみました。
実際に.openクラスをつけた時もcssで書いておく必要があり、ちょっと手間取りましたが、なんとか完了。

もう何回か書いてみて、しっかりイメージできるようにしておきます。

ハンバーガーメニュー実装