モダンWebを基礎から学べるオススメUdemy講座

udemy 技術
udemy

モダンWebを勉強するのにUdemyはオススメ

HTML5以降の最新知識を修得したい方、Udemyの講座の活用はオススメ

特にベストセラーになっている講座を複数もつ「Brad Traversity」のシリーズは、内容も体系的かつ網羅的で、コンテンツの質もとてもよかったのでオススメです。

Udemyでは頻繁にセールも。

Udemyでは、かなり頻繁に「セール」を実施している。数万円するコースが、1500円くらいで購入できるので、セール時に興味のあるコースを申し込むのがオススメです。

おすすめのコース

おすすめのコースは「Brad Traversy」のコース。

英語のコースになりますが、ひたすらコーディングで伝える講座スタイルは、言語の壁を感じさせません!

そして何よりコンテンツがまさに「モダン」です。内容はもちろん、利用するサービス群、ツール群が知らない新しいものばかり。ここでは、私も受講して良かった講座をまとめました。

MERNスタックでEコマースサイトをイチから構築する(英語)

MERN eCommerce From Scratch
Build an eCommerce platform from the ground up with React, Redux, Express & MongoDB

セクションの数: 14 • レクチャーの数: 88 • 総時間: 14時間48分

ブラッドの最新シリーズ。2020年9月30日にYoutubeから講座開設を発表。

最新のMERNスタックで何もない状態からEコマースサイトを構築する講座です。
2020年10月1日現在、たった二日で世界から2000人近い受講者が殺到中。
惜しげもなく最新技術を投入してくるBradの講座ドは、世界から注目されているようです。

最新のMARNスタックを修得したい方は要チェックです。

MERNスタックでフロントからバックエンドまで(英語)

MERN Stack Front To Back: Full Stack React, Redux & Node.js
Build and deploy a social network with Node.js, Express, React, Redux & MongoDB. Fully updated April 2019

セクションの数: 13 • レクチャーの数: 73 • 総時間: 11時間52分

MERNスタックは、MongoDB、express.js React、node.js の頭文字をとったモダンアーキテクチャ。
バックエンドは、expressフレームワークによるRestAPIの構築から、
フロントはReactを用いたSPA(SinglePageApplication)の解説まで。

MongoDB Atlasや、herokuといったクラウドサービス、
いわゆるPaaS基盤を最大限活用した最新のモダンデプロイも是非体験できます。

初心者には難しい内容もありますが、その分実践的でオススメです。
人気のある講義で、有志によりgithubが常に最新に保たれています。

初心者からのモダンHTML-CSS(英語)

Modern HTML & CSS From The Beginning (Including Sass)
Build modern responsive websites & UIs with HTML5, CSS3 & Sass! Learn Flex & CSS Grid

セクションの数: 16 • レクチャーの数: 129 • 総時間: 20時間46分

HTML-5やCSS-3の基礎に加え、VSCodeエディタの便利な使い方も合わせて教えてくれる。
初めてWebサイトの勉強を始めるにはうってつけの内容です。
HTML4の頃の古い知識の方は、この講座で最新知識を得られます。

動画のコーディングをマネしながら構築を体験できるので、言葉の壁は正直感じません。
bradのセリフとタイピングが早すぎますが、動画を止めながらついていけばOK。

この講座では、netlifyサービスも合わせて解説。
自前のサイトを取得する方法も勉強できます。
サーバマネージを自分でやる時代じゃないってことも是非体感してみてください。

bootstrap4によるサイト構築と5事例(英語)

Bootstrap 4 From Scratch With 5 Projects
Master Bootstrap 4 and build 5 real world themes while learning HTML5 semantics & CSS3

セクションの数: 11 • レクチャーの数: 74 • 総時間: 11時間21分

CSS-3の基礎を学んだあと、是非受けて欲しい応用編の講座です。
bootstrap4というフレームワークを使うだけでレスポンシブなサイトができる。
CSSでmediaクエリを駆使することから解放されることを是非体験してほしい。

さらに、5つの事例サイトがとてもモダンでキレイ。
サンプルコードが手に入ることだけでも価値があると思います。

初心者からのモダンJavaScript(英語)

Modern JavaScript From The Beginning
Learn and build projects with pure JavaScript (No frameworks or libraries)

セクションの数: 14 • レクチャーの数: 122 • 総時間: 21時間42分

純粋なJavaScriptについて、基礎の基礎から解説してくれます。
JavaScriptを少し触ったことがある人には、序盤は退屈かも?
しかし、その中にもトリビアな内容があったり、新たな発見があると思います。

中盤以降は、高度なJavaScriptの使い方になってきます。
HTML-5の時代になってからの仕様もふんだんに使い、
Javascriptのバージョンも、ES5から、更にES6まで網羅。
長い講座ですが、内容もすごく濃いです。

モダンJavaScriptの世界を堪能できるオススメの講座です。

純粋JavaScriptによる20事例(英語)

MERN Stack Front To Back: Full Stack React, Redux & Node.js
Build and deploy a social network with Node.js, Express, React, Redux & MongoDB. Fully updated April 2019

セクションの数: 21 • レクチャーの数: 121 • 総時間: 16時間7分

モダンJavaScript講座は、とてもオススメなのですが、
言語構文ごとの解説が手厚くて、具体的アプリ例は最小限だった。

こちらでは、純粋JavaScriptの範囲で、さらに20の事例を使って解説。
モダンJavaScriptの理解を深めてくれる。
bradの講座は、一つ一つのサンプルも秀逸。サンプル入手用にもおすすめです。

Youtubeで無料コースも多数!

いきなり金銭的な投資に躊躇する方は、下記のYoutubeサイトでも無料のコースが多数掲載されています。こちらでまずは体験してみるのもいいと思います。「Crash Course(短期集中編)」も多く、udemyより内容は薄くなるけど、短時間で学びたい人はyoutubeでも十分学べます。

Traversy Media
Traversy Media features the best online web development and programming tutorials for all of the latest web technologies from the building blocks of HTML, CSS &...

Youtube版のオススメ

このブログで過去にいくつか紹介している動画をおすすめします。良ければ参考にしてください。

まとめ

HTML5+CSS3+ES6、モダンWebの体験は目からウロコです。HTML4時代の知識はもう古いのは知ってましたが、オススメするUdemyコースや、Youtube動画で、モダンWebを是非体感してほしいです。

技術
スポンサーリンク
takaをフォローする
アフターファイブ改革

コメント

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