デイトラ DAY18～20
こんにちは。
デイトラ 初級編
【新】
DAY18～20 『jQueryを学ぼう』
『【調べながら実装しよう】jQuery実践課題』
まで、一気に進めました。
DAY18
ChatGPTの活用法
困った時に使えそうです😁
DAY19 ①
ドロワーメニューの実装
初めてコードを調べてjQueryで
3日かけて、作りました🤔
②
トップページへ戻るボタンを付ける
キレイに出来た感じです😊
DAY20 ③
モーダル画像の拡大表示
ググって調べてみる
『…❓』
とりあえず簡単そうなコードを探して
実装☕
『な～んか違う様な』🤔
DAY20 いろいろ
先に進んで
一度書いたコードは【Notion】にストック
Notionの使い方をググって
「これは便利✨」です
その他引き出しの増やす方法など分かりました🐱
再びモーダル画像の拡大表示に戻り
違うコードを探して実装し直しました
今度はいい感じ仕上がりました😊
デイトラ DAY14～17
こんにちは。
デイトラ 初級編
【新】
DAY14 JavaScript基礎講座（DOM操作）
DAY15～17 『jQueryを学ぼう』 『よくあるアニメーションを自在に作れるようになろう』
14日目
JavaScript基礎講座（DOM操作）
『ドットインストール』でもやった
要素の習得の練習です
基本をざっくり学ぶ印象です😊
15～16日目
『jQuery』の基本を 練習しました
JavaScriptとは違いコードが短いのが驚きです
「ホントにこれで良いの！？」って初めは半信半疑でした🤔
17日目
『よくあるアニメーションを自在に作れるようになろう』 は
ボタンクリックでアラートを表示しよう
調べながら動画で答え合わせアコーディオンメニューを作ろう
調べながらも、解らず動画で練習thisの使い方に躓く🤔トップへ戻るボタンを作ろう
調べながら動画で答え合わせ合っていました🎉ドロワーメニューを作ろう
調べながらも、解らず動画で練習thisの使い方もググって『取得した要素の事』😀フォームに入力された値をアラートに表示しよう
調べながらも、全く解らず動画で練習、
「そう言うもんなんだな」と解釈する事にしました
もう１度練習します😀
デイトラ DAY11～13JavaScriptの基本文法を学ぼう①②③
こんにちは。
デイトラ 初級編
【新】
DAYDAY11～13JavaScriptの基本文法を学ぼう①②③
１1日目
JavaScriptの基本文法
今まで『ドットインストール』『書籍』でやった事がズラリ
動画通りにコードを書いて進みました😊
1２日目
『関数』は暗記は出来ないので動画を見ながら進めました😅
『条件分岐』 はかなり練習をしたので基本は出来ました✨
1３日目
『配列』 は苦手な所です😨
インデックス[0]から数えるlengthインデックスの数が分かる💭
『オブジェクト』は関数も入れることが出来る❗❗ここはこれから頑張ります🤣
『繰返し』はfor文、ループカウンター何度も練習したやつ
「う～ん」見ないと厳しいです理解はそれなりに有ります😅
DAY１４
DOM操作の準備まで進みました
２５６timesで撃沈した所です
出来ないのがかなり悔しかったので
気合で乗り越えます❗❗
デイトラ DAY８～１０HTML/CSSのコーディングの復習
こんにちは。
デイトラ 初級編
【新】
DAY８～１０HTML/CSSのコーディングの復習😊
出来るだけ動画を見ないでheaderから
コーディングで目標は６時間
１日目
まずHTMLで全体を仕上げました😀
セクションで囲って、インナーで囲む
２日目
セクションごとにCSSをあてる
スマートフォンのレスポンシブで『SHOP』まで
出来ました😊
３日目
スマートフォンのレスポンシブで『form』まで
進みました
…画像はimgとbackground-imgの使い分けで、
しばらく悩んで。
ググって『無くてもなりたつ装飾がbackground-img』
３日目
スマートフォンのスタイリングまで完成しましたが、
『余白』の使い方が変なのに気が付きました😨
「う～」
ググって
親子要素の余白は『padding』
兄弟要素の余白は『margin』
４日目
６時間以内には間に合いませんでしたが、
最後まで完成しました🐱
全体の流れが掴めてきました✨
残りの課題は
『Emmet』
『ショートカット』
使いこなす❗
暗記は出来ないので印刷をします😅
