【レビュー】ちゃんと学ぶ、HTML/CSS + JavaScript

フロントエンドエンジニアになりたい人、なったけど、現場で苦労している人には、Udemy講座の「ちゃんと学ぶ、HTML/CSS + JavaScript 」がおすすめです。

なぜなら、フロントエンドエンジニアに必要なHTML、CSS、JavaScriptの知識がこの講座一本で、基礎の基礎から身につくからです。

今回は、受講して分かったレビューや感想を紹介します。

勉強に苦労している人は、ぜひとも最後までお読み下さい。

＼ 未経験者の第一歩目！30日以内なら、返品可能！ ／

Udemyを知らない人は、以下の記事で完全に理解できます

「ちゃんと学ぶ、HTML/CSS + JavaScript」の概要

以下の情報は2022年4月現在の情報です。(Udemy公式のページから内容を引用しています。)

項目	内容
コース内容	Webの仕事に関わる人なら誰でも必要な、「HTML/CSS」とプログラミング言語「JavaScript」の知識をこれ一本で。基礎の基礎から、jQuery/Vue.jsまで学びます。
コース時間	9時間
評価	4.4 （8984件の評価）
受講者数	42427人の受講生
講師	たにぐち まこと（ともすた） 公式HPはこちら→ともすた
対象者	・Web制作を学びたい方 ・アプリ制作等でHTMLと CSSおよび、JavaScriptの知識が必要な方

「ちゃんと学ぶ、HTML/CSS + JavaScript」で学べる内容

この講座で学べる内容は以下の通りです。

以下から、詳しく説明します。

未経験からでも無理なく、HTML、CSS、JavaScriptの基礎を学べる

フロントエンドエンジニアになるためには、最低限以下の技術スキルが必要です。

この講座は「PCの操作Webブラウザーの操作、Webブラウザーの操作」が出来れば、未経験からでも無理なく、HTML、CSS、JavaScriptの基礎を学べます。

未経験の方は、まず最初に書籍で勉強すると思いますが、独学するのは苦しいと思います。なぜならば、初めてやることなので、頭の中でイメージがしにくいからです。

この講座は動画で解説されるので、目の前で講師の方が手を動かしながら、教えてくれます。動画の通りに実装をしていけば、同じように動くので、頭の中でイメージを作るのにピッタリです。

フロントエンドエンジニアとして、最初の一歩を踏み出すのであれば、書籍よりも、動画の方がおすすめです。

＼ 未経験者の第一歩目！30日以内なら、返品可能！ ／

スマートフォン時代に必須のレスポンシブデザインも学べる

同じサイトでもPCとスマートフォンで画面を表示した際に、ボタンやテキスト等の見え方が違って見えることはありませんか？あれはレスポンシブデザインで画面が実装されているから、見え方が違うのです。

この講座ではHTML、CSS、JavaScriptについて基礎的な内容を学んだ後に、上記のレスポンシブデザインも学べるようになっています。

この内容を学べば、未経験のエンジニアの方でも見栄えの良い、かっこいい画面デザインが開発できます。

＼ 未経験者の第一歩目！30日以内なら、返品可能！ ／

Bootstrapについて学べる

CSSフレームワークのBootstrapを使えば、少ないコードでかっこいいデザインのサイトができます。

CSSフレームワークには色々な種類があり、流行り廃りはありますが、Bootstrapは現場でもよく使われるCSSフレームワークです。

自分自身もフロントエンドの開発をする時には、よくBootstrapを使用しています。

JavaScriptの応用的な技術「イベント、Ajax、jQuery、Vue」を学べる

ここまでで、モダンできれいな画面レイアウトを開発できるようになります。しかし、実際に世の中で目にする画面はもっと複雑なことが出来ます。

例えば、「ボタンを押したら、レイアウトが自動的に変化」、「ボタンを押したら、データを取得して、画面に表示」と言った内容です。これを実現するためには、JavaScriptについて、もっと深く学ぶ必要があります。

ということで、講座の後半からはJavaScriptをもう少し深いところまで学習していきます。

具体的には、「イベント、Ajax、jQuery、Vue」についてです。

名前	概要	何が便利か？
イベント	「Aしたら、Bする」という内容を記述する方法	ボタンを押したら、テキスト色が変わるみたいな処理が書けるため、画面がハリボテではなく、動的に動作する画面になる
Ajax	非同期でデータを取得する仕組み	他の処理を待たずに、同時並行でデータを取得できる。そのため、画面処理の高速化のために利用する
jQuery	「write less、do more」というキャッチフレーズで有名なJavaScriptのライブラリー	難しい処理が、数行で簡単に書けます
Vue	SPA(シングルページアプリケーション)を開発に利用できるJavaScriptのライブラリ	Vueはインタラクティブなページを開発したり、データの状態管理など、複雑な処理ができるので、現場でよく利用

この辺まで深く出なくても、理解できれば、フロントエンドエンジニアの第一歩は踏み出せたと言って良いと思います。

＼ 未経験者の第一歩目！30日以内なら、返品可能！ ／

受講して感じた「ちゃんと学ぶ、HTML/CSS + JavaScript」のメリット

この講座の魅力は以下の通りです。

Udemyのレビューを見ても、講師の方の説明が「丁寧で分かりやすかった」との声が多数あります。

この講座は1セクション毎に、実際に手を動かしながら、画面のパーツを開発していくハンズオン形式の講座になっています。そのため、ダラダラと文法の解説をする座学形式とは違いますので、眠くなりにくいと思います。

動画学習のため、分からない箇所があっても、巻き戻し、一時停止ができるので、何度でも解説が聞けます。そのため、対面の講義よりも、自分のペースで学習が出来ると思います。

＼ 未経験者の第一歩目！30日以内なら、返品可能！ ／

受講して感じた「ちゃんと学ぶ、HTML/CSS + JavaScript」のデメリット

この講座の気になる点は以下の通りです。

この講座は、未経験でもフロントエンドエンジニアに必須の知識を身につける、最初の第一歩にぴったりの講座です。

そのため、それぞれの分野について、もっと深い知識を得たい場合は、他の講座も受講する必要があります。他の講座については、以下の記事でレベル別に解説しているので、よければどうぞ。

自分のレベルに合わせた最適な講座が見つかる

また、動画なので、分からないところをピンポイントで調べるのには、向きません。分からない箇所をパッと調べたい場合は、講師の書籍が出版させれていますので、そちらをどうぞ。

動画の内容を体系的に理解したいなら

まとめ

「ちゃんと学ぶ、HTML/CSS + JavaScript」は、フロントエンドエンジニアになりたい人、なったけど、現場で苦労している人には、基礎中の基礎から丁寧に学べるので、ぴったりの講座でした。なぜならば、知識が0であっても、フロントエンドエンジニアとしての第一歩を確実に踏み出せるからです。

技術書で勉強することに挫折した人は、動画で学習できるので、書籍よりも楽に勉強ができます。

この講座のもっと詳しいレビューを知りたい場合は、ちゃんと学ぶ、HTML/CSS + JavaScript から確認できますので、よければどうぞ。

Udemyは30日以内であれば、返品が可能です。肌に合うか心配な人は試しに受講して、合わないなら、30日以内に返品して下さい。

＼ 未経験者の第一歩目！30日以内なら、返品可能！ ／

また、この講座だけでは、現場で活躍するというレベルには達しません。他のフロントエンドエンジニアに向けたおすすめ講座については、以下で解説していますので、よろしければ、どうぞ。

自分のレベルに合わせた最適な講座が見つかる