Udemyで独学するJavaScriptその1

プログラミングする男性プログラミング
この記事は約6分で読めます。

UdemyでJavaScriptの勉強をしました。

学習教材は次のものです。

[HTML/CSS/JavaScript]フロントエンジニアになりたい人のWebプログラミング入門
講師:たにぐち まこと氏

学べることは大きく分けると以下になります。

  • HTMLの書き方
  • CSSの書き方
  • Bootstrap
  • JavaScript
  • jQuery
  • Vue.js

内容はわかりやすく入門編にはおすすめできます。

全くの初心者でもおすすめできますが、Progateやドットインストールを一通り終えた人にもおすすめできます。

こんな人におすすめ

[HTML/CSS/JavaScript]フロントエンジニアになりたい人のWebプログラミング入門は初心者向け講座です。

  • Progateやドットインストールを一通りやり終えた
  • フロントエンド向けの言語を習得したい
  • 最初の入門編としての学習教材を探している
  • 9時間程度の動画学習ができる

Progateやドットインストールで勉強を終えた人は次に何をすればいいか迷いますよね。

そんな人はこの講座で勉強することをおすすめします。

Progateやドットインストールの復習にもなりますし、いろいろなコードを書く練習にもなります。

講師のたにぐち氏の説明もわかりやすく、初心者の方にもおすすめです。

ただし、1つ1つの動画は10分程度あるので動画学習に慣れていない人は聞き逃してしまうようなことが多々あるかと思います。

ドットインストールは一つの動画が3分程度なのでドットインストールに比べると長いです。

学習時間もトータルで9時間程度かかるので根気がいります。

少しづつでもしっかりと手を動かして動画の通りにコードを書いていきましょう。

学べること

[HTML/CSS/JavaScript]フロントエンジニアになりたい人のWebプログラミング入門の中で学べることは講座の目次を見るとなんとなくイメージをつかめると思います。

  • HTML/CSSの書き方
  • Bootstrap
  • JavaScript
  • jQuery
  • Vue.js

僕が講座を通して学べたことを詳しく書いていきます。

HTML/CSSの書き方

僕は複数の教材でHTMLやCSSは勉強しているのですが、復習の意味も込めてこの講座を勉強しました。

すでに知っている内容は飛ばしたり2倍速で見ました。

divタグやclass属性などの基礎的なものの説明もわかりやすく、混乱することもなく理解できる内容でした。

UIの観点から要素の範囲設定の仕方も説明されており、なるほどなと気づかされることも多々ありました。

Webフォントの使い方も説明されていて、僕はこの講座で初めてフォントの設定の仕方を知りました。

Googleフォントを使用したのですが、一部動画と自分で検索した画面が異なることもありましたが、少し調べたりするとすぐにわかりました。

Bootstrap

BootstrapはCSSのフレームワークのようなものです。

レスポンシブWebデザイン対応やボタンのデザインが簡単にできます。

CSSを自分で触らなくても、HTMLに決まったclass名をつけるだけで見た目を変えることができます。

Progateをで学習した人もBootstrapを勉強してないのであればここで勉強しておきましょう。(僕がProgateに登録した時はありませんでした。)

ダウンロードの仕方から読み込み方、使用頻度の高い使い方の説明もしてあります。

グリッドシステムはそれだけでもBootstrapを使用する価値があります。

BootstrapはYouTubeなどでも動画があります。別の学習方法は以下の記事も参考にどうぞ。

JavaScript

この講座ではJavaScriptの基礎を学ぶことができます。

動画に沿ってコードを書くことで次の2つのことができるようになります。

  • 今日の日付の表示
  • ストップウォッチの表示(スタートとストップ機能)※リセットはない
  • フォトライブラリ(jQuery、Vue.jsも使います)

JavaScriptの初心者には十分な内容かと思います。

僕は最初からこれ以上難しいことを習っても理解できたか怪しいです。

JavaScriptの内容になってからは難易度が上がります。慣れの問題かもしれませんが。

JSONやAjax通信も習いますが、初見ではなんとなくわかる程度でした。

Ajax通信はつまずくポイントの一つらしいので難しいのも承知の上です。

jQuery

jQueryとはJavaScriptのフレームワークです。

jQueryを使うことでJavaScriptが簡単に書けるようになります。

JavaScriptでは複雑だったコードがjQueryを使うと記述量が少なくなり見た目もスッキリとします。

Ajax通信やJSONを使ったプログラムもJavaScript単体で記述するよりも簡単に書くことができます。

本講座ではjQueryのダウンロードの仕方から丁寧に説明してあります。

jQueryの書き方等を習うことができます。

しかし、内容としては少し紹介している程度なので、より詳しくjQueryを勉強したい場合にはjQuery専門の講座を学ぶ方がいいと感じました。

Vue.js

Vue.jsはJavaScriptのフレームワークです。

Vue.jsもダウンロードの仕方から丁寧に説明されています。

僕は本講座で初めてVue.jsを触りました。

書き方をそのまま模写しただけですが、コードを短く書けることは実感しました。

具体的にはDOMの操作が簡単になりました。

DOMも少しわかりにくいのでDOM操作が簡潔になるのは助かります。

ちなみにjQueryはDOMの操作を自分でしないといけないことが欠点となるようです。

しかし、内容としては少し紹介している程度なので、より詳しくVue.jsを勉強したい場合にはVue.js専門の講座を学ぶ方がいいと感じました。

僕は大規模なサイトを構築するような予定はないのでVue.jsをしっかり勉強していこうと思います。

正直、Vue.jsすらも過剰な気もします笑

まとめ

[HTML/CSS/JavaScript]フロントエンジニアになりたい人のWebプログラミング入門はこんな人におすすめです。

  • Progateやドットインストールを一通りやり終えた
  • フロントエンド向けの言語を習得したい
  • 最初の入門編としての学習教材を探している
  • 9時間程度の動画学習ができる

[HTML/CSS/JavaScript]フロントエンジニアになりたい人のWebプログラミング入門では次のことが学べます。

  • HTMLの書き方
  • CSSの書き方
  • Bootstrap
  • JavaScript
  • jQuery
  • Vue.js

入門編としてはおすすめです。

コメント

タイトルとURLをコピーしました