デイトラ WEB制作コース挑戦中|学習のまとめ(初級編Day13~Day25)

Last Updated on 2025年2月16日 by らくろぐ

学習まとめページも作る時間と課題をこなす時間両立しないと効率よく進めていけないですね。

しばらく間が空いてしまったのでまずここまででまとめページ残します。

まず、デイトラについて復習。。。

デイトラとは

デイトラとは、オンラインのプログラミングスクールです。WEB制作コースやデザインコース、アプリ制作コースなどそれぞれ特化したコースが用意されていて、学びたいポイントを明確に目指せるところに魅力を感じてこちらを選択しました。

デイトラの紹介ページはこちらになります。

学習内容のまとめページがなぜ必要?

まとめページがなぜ必要なのか、それは、これがそのままポートフォリオとなるからです。

この先、案件を獲得するにあたり、勉強してきた内容は自分のポートフォリオとしてクライアントへのアピールできるポイントとなることを、これもまたデイトラの中で勧められていました。

自分の勉強頁を公開するのは恥ずかしいですが、これも財産としてまとめていこうと思います。

WEB制作コース 初級編(Day13~Day25)

Day13~Day25までの要点は4つ

  • Javascript ・JQueryの学習
  • 知らべて実際に実装する
  • Sassの学習
  • ChatGPTやCSS設計の概念など、コーディング以外の概念的な学習もあり

それぞれの項目において、気づきや苦手なポイントを以下にまとめます。

Javascript・JQueryの学習

Javascript編

  • スコープの概念。
    • 言葉は知っていたが実際の意味を解っていなかった。グローバル変数とローカル変数の違いなのかな。
  • 配列とオブジェクトと辞書型。
    • C言語と違って配列の扱いが難しい
  • DOMの概念
    • DOMを知ってHTMLのコンテナが理解できるようになった

JQuery編

  • 記述の違い
    • Jquery()と書くケースと、$()と書くケース。どちらも同じだが使えないプラットフォームがある。
  • スニペットに登録したほうがいい構文がどんどん出てくる
  • タグかクラスかIDか属性かで記述する方法が異なるが、なかなか覚えられないところが苦労している。

調べて実際に課題にチャレンジ

いよいよ模写でなく、実際に調べて実装する課題も始まりました。動画で紹介されている以外のテクニックも自分でどんどん調べていかなければいけないので、すぐに応用力を求められるのがなかなか頑張りどころです。でも実際に作ったものが見えるのはやっぱり達成感が得られて楽しい。

Sass学習

SassはCSSの上位互換な記述方法ですが、今回初めて学習しました。

  • 入れ子表現ができ、短縮てCSSを記述できること
  • 関数や変数もCSSの中で使え、これも効率化につながる記法
  • ファイル分割して読み込みできるので管理がしやすい

しかし、CSS自体がまだうまく使いこなせてないので、マスターするにはまだまだ時間がかかりそうです。

ChatGPTやCSS設計の概念など

ChatGPT

のコーディングでの利用の仕方など、参考になる部分が多くありました。どこまで使えてどこに注意するべきか、改めて理解できました。

CSSの設計概念

命名規則、コンテナの扱いなど、改めて統計立てて理解が進みました。

初級編 Day25までを終えて

JQueryで実際のコーデイングでは思っていたよりも知識が定着しておらず、調べる、見直すという作業に時間がかかりました。

すぐに見直せるよう、スニペットやコード集を用意することの必要性を実感しました。

とにかく復習、まとめが大事ですね。また、明日からも頑張ります。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA