ウミ
クル

こんなに学べるオンライン講座 Udemy

オンライン講座でここまで学べるんだと感動するほど良い講座が揃っています。 分からないところは講師に質問ができるのですが、人気の講座では別のユーザーから同様の質問が上がっているケースが多く、 Q&Aセクションで知りたい答えがすぐに見つかるのも嬉しいポイントです。
購入する前にUdemy内の口コミを参考にすると、自分にあった講座が選べます。
そして本当に安い。頻繁にセールを行っているので、ちょこちょこ確認してみると良いと思います。

顧客からのヒアリングを含むweb制作の流れが学べ、デザイン基礎やSketchの使い方も丁寧に解説されています。 最終的なデザインが先にあってそれをコーディングするのではなく、コーディングしながらデザインを考えていくスタイルで、実務に近い進め方が学べます。

Webデザイナーのキャリアを
未経験からスタートするためのオールインワン講座

講師:Shunsuke Sawada

Webデザイナーのキャリアを未経験からスタートするためのオールインワン講座

とにかくサンプルサイトがかっこいいのでテンションが上がります。 HTMLとCSSの基礎、デザインの基礎について学んだ後に "the killer website project" がスタートし、12時間のビデオコースをあっという間に消化することができます。

Build Responsive Real World Websites
with HTML5 and CSS3

講師:Jonas Schmedtmann
英語(日本語自動翻訳あり)

Build Responsive Real World Websites with HTML5 and CSS3

CSSについて理論が詳しく解説されています。驚くほどの知識が詰まっているので、CSS沼にはまりたい方に強くおすすめします。私が作成したFlexboxとGridのチートシートはこの講座を参考にしています。

CSS - The Complete Guide 2020
(incl. Flexbox, Grid & Sass)

講師:Maximilian Schwarzmüller, Manuel Lorenz
英語

CSS - The Complete Guide 2020 (incl. Flexbox, Grid & Sass)

スタイリッシュなサンプルサイトを3つ作る上にCSSの理論もSassも学べます。 Flexbox、Grid、Animationについて、応用的な使い方まで解説されていて、大満足な講座です。

Advanced CSS and Sass:
Flexbox, Grid, Animations and More!

講師:Jonas Schmedtmann
英語(日本語自動翻訳あり)

Advanced CSS and Sass: Flexbox, Grid, Animations and More!

JavaScriptの基礎を徹底的に教えてくれる講座です。前半はES5、後半にES6以降の構文を学ぶ構成で、サイコロの数を競うゲームや家計簿のアプリを作りながら、理解を深めていきます。サーバーサイドの講座も含まれるため、コースの8割地点で終了としましたが、プログラミングの考え方が身に付いたと思います。

The Complete JavaScript Course 2020:
Build Real Projects!

講師:Jonas Schmedtmann
英語(日本語自動翻訳あり)

The Complete JavaScript Course 2020: Build Real Projects!