まーみん｜Web制作学習中 / Studio実装

Web制作を学んでいます｜デイトラweb制作受講中 | Studioで作品を2つ制作済み。
HTML/CSS・コーディングも勉強中です。
デザイナーさんの実装パートナーを目指して日々挑戦中！
丁寧・迅速を大切にしています。

▼ポートフォリオ

[まーみん｜Web制作学習中 / Studio実装 @marmin14webwork]

【【これまでの作品】
デイトラを始める前に、独学でSTUDIOを勉強して2作品作りました！
① ポートフォリオサイト(https://t.co/gL3iVnjqjO)
② 仮想イベントLP「DESIGN CAMPUS」(https://t.co/C4B9cb3wxr)

#デイトラ #Web制作勉強中 #STUDIO

[まーみん｜Web制作学習中 / Studio実装 @marmin14webwork]

【10/25学習記録】初級Day15（1時間半)
✅ 学習内容
・JavaScriptの基本文法 (配列,オブジェクト,繰り返し)
📷学びの感想
・一度Day16まで走り切ってから、Day13に戻って総復習しないと定着しなさそう。全体像を見てから戻る方が理解できそう。

#デイトラ #Web制作勉強中

[まーみん｜Web制作学習中 / Studio実装 @marmin14webwork]

【10/22学習記録】初級Day13〜14　営業Day1（計3時間)
✅ 学習内容
・JavaScriptの基本文法
✨学びの感想
HTML/CSSはパーツを組み立てて形にしていく感があったけど、JavaScriptはまた違う方向性のコードで不思議。現時点ではExcelを触っている気分？？？
#デイトラ #Web制作勉強中

[まーみん｜Web制作学習中 / Studio実装 @marmin14webwork]

【10/21学習記録】初級Day11〜12（3時間半)
✅ 学習内容
・Emmet機能とスニペットを知る
✅学びの感想
記述ミスやタイピングの負担を減らせそうな安心感を覚えつつも、スニペットの管理は大変そうだなと感じた。欲張らないように慣れていきたい。
#デイトラ #Web制作勉強中

[まーみん｜Web制作学習中 / Studio実装 @marmin14webwork]

【10/19学習記録】初級Day9～10 （5時間)
✅学習内容
・Day7までのサンプルサイトを自力でコーディング
✅今日できたこと
・スマホとPCの見た目をしっかり合わせられた！
✅つまずき
・累計9時間
・タブレット画面で盛大にレイアウト崩れを発見。
・divの囲み方と余白の付け方を意識すべし
#デイトラ

[まーみん｜Web制作学習中 / Studio実装 @marmin14webwork]

画像は私用の頭整理メモ

[まーみん｜Web制作学習中 / Studio実装 @marmin14webwork]

【10/18学習記録】初級Day8 （4時間)
✅ 学習内容
・Day7までのサンプルサイトを0から自分の力でコーディング
✅学びのポイント
・以下の方法で挑戦→確認→理解→修正する方が、私的に頭の中が整理される。
#デイトラ #Web制作勉強中

[まーみん｜Web制作学習中 / Studio実装 @marmin14webwork]

✅感想
レジュメに目標6時間で完成させると記述があったが、スマホ版のコーディングだけで4時間かかったよ😭
headタグ内の時点で、何を書くっけ！？って復習から始まってしまったー🫠💦

[まーみん｜Web制作学習中 / Studio実装 @marmin14webwork]

【10/17学習記録】初級Day7 （3時間)
✅ 学習内容
・サンプルサイトのフッターの作成
・レスポンス設定と細部のチェック
✅今日できた内容
・お手本と見比べながら自分のコードの間違い箇所を自力で探し出し、正しく修正することができた！
・サンプルサイトの完成
#デイトラ #Web制作勉強中

[まーみん｜Web制作学習中 / Studio実装 @marmin14webwork]

【10/15学習記録】Day6 （5時間）
✅ 学習内容
・サンプルサイトのメインコンテンツ(共通見出し、メニューアイテム、フォーム)の作成
✅興味を持って調べたこと
・input　textarea　button　summit　select　option　labelの役目⇒STUDIOと合わせてみると分かりやすい。
#デイトラ #Web制作勉強中

[まーみん｜Web制作学習中 / Studio実装 @marmin14webwork]

【10/14学習記録】Day4〜5 （5時間）

✅ 学習内容
・VSCodeを効率よく使うための拡張機能の導入と使い方の理解
・Chrome検証の使い方
・Emmet
・header作成
✅ 自分なりの学びと試したこと
・Prettierがhtmlファイル側にだけ動作しなくてChatGPTを使用して解説したこと
#デイトラ #Web制作勉強中

[まーみん｜Web制作学習中 / Studio実装 @marmin14webwork]

これからHTML/CSSやWordPressも本気で勉強していきます💪
フィードバック歓迎です！

[まーみん｜Web制作学習中 / Studio実装 @marmin14webwork]

【【これまでの作品】
デイトラを始める前に、独学でSTUDIOを勉強して2作品作りました！
① ポートフォリオサイト(https://t.co/gL3iVnjqjO)
② 仮想イベントLP「DESIGN CAMPUS」(https://t.co/C4B9cb3wxr)

#デイトラ #Web制作勉強中 #STUDIO

[まーみん｜Web制作学習中 / Studio実装 @marmin14webwork]

【学習記録】day2～3完了
学習時間:3時間
基本的なHTML &CSSは書籍で学んでいたから改めて復習になった！
#デイトラ #WEB制作デイトラ

[まーみん｜Web制作学習中 / Studio実装 @marmin14webwork]

【学習記録】day0～1 完了
今日からデイトラのWeb制作コースを受講を始めました。
コーディングスキルをものにしたいからしっかりと学ぶ！！🔥
#デイトラ #WEB制作デイトラ