見出し画像

【WEBデザイン学習日記-57】 コーディング(CSS)の予習

7/31(月)~8/4(金)の学習記録です。

☆★☆ ☆★☆ ☆★☆

2023年7月31日(月) コーディング(CSS)予習2順目:25分

月末最終日ということで、少し残業をして帰宅。今日はtorikumuのCSS基礎DAY15の練習問題に再度挑戦したのですが、うまくお手本通りにコードが書けず(見本の形にするには何のコードを使うのかなかなか頭に浮かばず)苦戦。。。margin, paddingは理解できましたが、display, float, flexなどが複雑すぎて未だに頭が追い付きません。疲れて集中力も早々に切れてしまったので早々と就寝することに。

☆★☆ ☆★☆ ☆★☆

2023年8月1日(火) パーツコーディング練習:1時間

今日はtorikumuのパーツコーディング練習のDAY1とDAY2をしました。下記のようなボタンを作ったり、アニメーションをつけるコーディングの練習。まずは自力でGoogleで検索をしながらコーディングしてから答え合わせの動画を視聴。その後もう一度視聴しながら一緒に手を動かしコーディング。新しいプロパティ(hover, transform, transitionなど)が次々と出てきて少し混乱するも、コーディングしたものが実際に反映されるとやはり嬉しい。CSSでこんなアニメーションも付けることができるんだなぁと少し感動。

HTMLとCSSでこういうボタンを作ってみるという練習

☆★☆ ☆★☆ ☆★☆

2023年8月2日(水) 学習お休み

夜いつものように学習をしようと思ったら、子供と急遽レイトショーの映画を見に行くことになり、今日は学習断念。

☆★☆ ☆★☆ ☆★☆

2023年8月3日(木) パーツコーディング練習:50分

この前出したポケットWifiのバナーのレビューが返ってきました。修正版をいち早く作りたいところですが、コーディングの予習が十分にできていないため修正版は週末にじっくり取り掛かりたいと思います。今日はまたパーツコーディングの練習を50分ほど行いました。

☆★☆ ☆★☆ ☆★☆

2023年8月4日(金) オンライン授業:2時間

夏季休暇前ということで今日は19時近くまで残業、帰宅後もバタバタ。
コーディング2日目のオンライン授業では前回の続き、Figmaのワイヤフレームをコーディングして形にしていくというもの。予習不足でついていけなかったので、明日からコーディングの学習にたっぷり時間を費やしたいと思います。コーディングがすらすら書けるようになるには3-4年はかかるそう。それだけ年月がかかっても書けるようになりたいです。頑張ろう!

☆★☆ ☆★☆ ☆★☆

<7/29(土)~8/4(金)の学習目標> 

  • ポケットWifiのバナー制作 →提出済み、週末に修正版作ります!

  • CSSの予習2順目(DAY1-2, 3-4, 5-6, 7, 8-10, 11-12, 13, 14-15) →再度練習問題に取り組む必要あり

  • パーツコーディングで練習(DAY1-2, 3-4, 5-6, 7, 8-10)

<8月末までの目標>

  • 毎週の授業の予習&復習をしっかりする

  • 制作物(少なくとも3つはレビューに出す)→あと2つ

  • 個人制作のコンセプト作り



#転職
#海外
#オンライン
#Webデザイン
#主婦
#制作
#Photoshop
#未経験
#学習日記
#クリエーターズファクトリー
#デザイン
#Figma
#サイトトレース

この記事が気に入ったらサポートをしてみませんか?