マガジンのカバー画像

デイトラ学習にっき🌷中級

18
運営しているクリエイター

2021年2月の記事一覧

デイトラ学習にっき🌷中級編DAY10 横並びカードのコーディング

デイトラ学習にっき🌷中級編DAY10 横並びカードのコーディング

学習時間📚2/28(日)4.5h
自力で書いたコードが結構正しかったので達成感!!
◆折り返しの設定は flex-wrap:wrap;
◆コンテンツ幅の調整は cal()関数 を利用

後で見るサイト

横並びコーディング

デイトラ学習にっき🌷中級編DAY9コーディング

デイトラ学習にっき🌷中級編DAY9コーディング

学習時間📚2/25(木)2h・2/26(金)2.5h・2/27(土)4h

時間のかかり方がえげつない。笑
大きくできてなかったところとしては
◆レスポンシブは@mixinを利用で効率よく書ける
◆横並びはdisplay:flex;
◆上下中央揃えはposition:relative;

デイトラ学習にっき🌷中級編DAY8 Sass実践

デイトラ学習にっき🌷中級編DAY8 Sass実践

学習時間📚2/24(水)2h

Sassの実践方法

ファイル分割Sassファイルを役割に応じて分割して管理することができる

ファイル分割とは何か

実際の設計方法

デイトラ学習にっき🌷中級編DAY5・6 jQuery実践

デイトラ学習にっき🌷中級編DAY5・6 jQuery実践

学習時間📚2/21(日)4h・2/22日(月)2.5h

割と発狂しそうなレベルで苦戦して行ったjQuery実践です。(爆)
モーダルは理解しきれておらず、もう一度学んだタイミングでしっかり振り返ります。

始めに行うことjQueryと作成したjsのファイルを読み込む
HTMLのbodyタグの最後の部分に書く

ドロワーメニューの実装Suzuki Blog を参考
①HTMLのドロワーメニューを

もっとみる
デイトラ学習にっき🌷中級編DAY3 DOM操作

デイトラ学習にっき🌷中級編DAY3 DOM操作

学習時間📚 2/16(火)0.5h・2/19(金)2h

HTMLとJavaScriptの橋渡し的な存在であるDOMについて学習

デイトラ学習にっき🌷中級編DAY2 JavaScript 配列・オブジェクト・繰り返し

デイトラ学習にっき🌷中級編DAY2 JavaScript 配列・オブジェクト・繰り返し

学習時間📚2/16(火) 1h・2/19(金)復習1h

onenoteにまとめながら講義を再度聞いたので、スクショを張り付ける方式にしてみました。

タキさんのブログで若干脳みそを整理。
しかし難しい。。。

デイトラ学習にっき🌷中級編DAY4 jQuery

デイトラ学習にっき🌷中級編DAY4 jQuery

学習時間📚2/20(土)3h

JSを簡単に書けるjQueryの学習に入りました。
Progateとの二刀流でどうにか頭に入ってきました。

jQueryで利用できるアニメーション

デイトラ学習にっき🌷中級編DAY1 JavaScript② 条件分岐

デイトラ学習にっき🌷中級編DAY1 JavaScript② 条件分岐

条件分岐ある条件が成り立つ時だけ、ある処理を行う
if(条件式){
処理///
}

真偽値trueとfalseの2つの値のこと。
条件式は成り立つと[true]、成り立たなければ[false]という値に置き換わる

比較演算子左と右の値が等しいかを調べる
a ===b :aとbが等しい
a !==b : aとbが異なる

かつ&&
複数の条件が全てtrueならtrue

または||
複数の条件の

もっとみる
デイトラ学習にっき🌷中級編DAY1 JavaScript①‐基本/関数‐

デイトラ学習にっき🌷中級編DAY1 JavaScript①‐基本/関数‐

学習時間📚 2/15(月)1.5h・2/17(水)3h

Java ScriptとはHTMLやCSSに動きを出すためのもの
console.log("●●●"); で文字列の表示ができる

変数とはデータ(値)の入れ物(箱)

箱についている名前が「変数名」で、箱の中に実際の値(文字列や数値)が入っている。
→"John"という値だけを見てもなんのことだか分からないが、nameという箱に入ってい

もっとみる