プログラミング日記【5ヶ月目第1週〜第2週】デイトラ40代アラフォー初心者

アフィリエイト広告を利用しています

2024/3/1(金)プログラミング日記

【Web制作コース 119日目】

作業:1.5時間

作業内容

  1. 【中級編】DAY13 完了
PDAY13を完了する!
DDAY13 【共通パーツの作成】完了!
 Tips1 ボタンの共通化
 Tips2 見出しの共通化
 Tips3 コンテナの共通化
 Tips4 どのタイミングで共通化するか?
C共通パーツの作成は便利
講座の中でも折々に注意の促しあるように安易に共通化は避けるほうが良いだろう
堅牢に作るのとシンプルさは必ずしも一致しないので
ADAY14完了!

2024/3/2(土)プログラミング日記

【Web制作コース 120日目】

作業:4時間

作業内容

  1. 【中級編】DAY14 完了
PDAY14を完了する!
DDAY14 【HOW TO USEセクションのコーディング】完了!
 Tips1 デザインカンプと回答例コード
 Tips2 HTMLのコーディング
 Tips3 スマホのCSSのコーディング
 Tips4 PCのCSSのコーディング
 Tips5 レスポンシブ時の見栄え確認
 Tips6 PerfectPixelを使ったチェック&修正
C共通パーツを扱うことでHTMLの層と量が急に増えた
HTMLを整えるだけで1.5時間もかかった
DAY14からグッと難易度が上がった感じ、でも進める!
ADAY15完了!

2024/3/3(日)プログラミング日記

【Web制作コース 121日目】

作業:5時間

作業内容

  1. 【中級編】DAY15 完了
PDAY15を完了する!
DDAY15 【MERITセクションのコーディング】完了!
 Tips1 デザインカンプと回答例コード
 Tips2 HTMLのコーディング
 Tips3 スマホのCSSのコーディング
 Tips4 PCのCSSのコーディング
 Tips5 レスポンシブ時の見栄え確認
 Tips6 PerfectPixelを使ったチェック&修正
C<br / >がなぜ、”半角スペース、/ “になっているのか?不思議だった
今日の動画でもbr。検索してシンプルに整理できた
も同様だと思うので、謎が解けた!
ADAY16完了!

2024/3/4(月)プログラミング日記

【Web制作コース 122日目】

作業:0.5時間

作業内容

  1. 【中級編】DAY15 質問の回答をチェック
PDAY15 PerfectPixelのズレを直す
DDiscord(メンターさん)の回答どおりに修正
Cふと思うが、講義動画のとおりにコーディングしていても、パーフェクトピクセルで照合すると、講義動画と自分でコード入力したもののズレが違うことがままある。
同じコーディングでも作業環境によってズレが違うことはある?
ADAY16完了!

2024/3/5(火)プログラミング日記

【Web制作コース 123日目】

作業:1時間

作業内容

  1. 【中級編】DAY16 Tips1-4
PDAY16を完了!
DDAY16 【他のサービスとの違いセクション(テーブル)のコーディング】
 Tips1 デザインカンプと回答例コード
 Tips2 HTMLのコーディング
 Tips3 スマホのCSSのコーディング(テーブルの枠まで)
 Tips4 スマホのCSSのコーディング(テーブルの中身の調整)
Ctableの見栄えを整える上で重要なプロパティ
 border-collapse: collapse;
 table-layout: fixed;
一見とっつきにくそうなtable、ブログで馴染みあるので取っ組めそう
ADAY16完了!

2024/3/6(水)プログラミング日記

【Web制作コース 124日目】

作業:1時間

作業内容

  1. 【中級編】DAY16 Tips5-7
PDAY16を完了!
DDAY16 【他のサービスとの違いセクション(テーブル)のコーディング】
 Tips5 PCのCSSのコーディング
 Tips6 レスポンシブ時の見栄え確認
 Tips7 PerfectPixelを使ったチェック&修正
Ctableのtr,th,td,をコーディングする時???
構文に慣れていないからだろう、かなりシンプルな構文とは思う
中級編の難易度に四苦八苦感あり、やる!
ADAY17-8完了!

2024/3/7(木)〜 3/9(土)プログラミング日記

【Web制作コース 125-7日目】

作業:なし

bakushin
bakushin

プログラミング環境の向上に売上金を使用することを検討

こどものプログラミング環境をMacに変更するか予算と照合しつつ検討

Mac mini 2台購入、デュアルディスプレイ(3台)、キーボード購入など検討

結果、現状のWindows 11(ノートPC)のままとした

2024/3/10(日)プログラミング日記

【Web制作コース 128日目】

作業:1.5時間

作業内容

  1. 【中級編】DAY17-8 Tips1-4
PDAY17を完了!
DDAY17-8 【CONTACTセクションのコーディング】
 Tips1 デザインカンプと回答例コード
 Tips2 HTMLのコーディング(大枠)
 Tips3 CSSのコーディング(大枠)
 Tips4 テキストボックス(「input type=”text”」や「input type=”email”」)
C初出コード、でも理解しやすい!(コードは👇の吹き出し)
初級編からの中級編のレベル底上げ感にほんと納得
ADAY17-8完了!
bakushin
bakushin

コードは👇です!

<label for="your-name"></label>

<input type="text" id="" />

[type="tel"]

[type="password"]

コメント

タイトルとURLをコピーしました