【Udemy】フロントエンドのおすすめ入門講座１

今回紹介するのは、僕がフロントエンドについて学習する際にお世話になっている1人の先生の講座集です。 説明がわかりやすい上、Progateなどを終えた後に、中級者レベルまで引き上げてくれます。

紹介する最初の講座以外は全て無料なのでぜひ受けてみてください！

【JavaScript＆CSS】ガチで学びたい人のためのWEB開発徹底入門（フロントエンド編）

学習内容

• 本格的なWEBサイトを作成する方法について学びます。
• CSS（Sass※以下CSSと記載）、JavaScriptの基礎について深く学びます。
• CSS、JavaScriptの実践的な記述について深く学びます。
• CSS、JavaScriptアニメーションの実装について学びます。
• CSS、JavaScriptのコードの最適化、安定化について学びます。
• 最新の実践的なWEB画面の作成方法について深く学びます。
• 維持管理、持続可能なコードの記述方法について学びます。

受講における必要条件

• HTML、CSS、JavaScriptについてなんとなく知っている。
• 他の先生の入門レベルのコースを修了している。
• Progateやドットインストールなどの学習サイトで入門レベルを修了している。
• このレベルなら大丈夫！Part1 : HTMLのimgタグを使ったことがある。
• このレベルなら大丈夫！Part2 : CSSのpaddingを使ったことがある。
• このレベルなら大丈夫！Part3 : JavaScriptのfunctionを使ったことがある。

【JavaScript＆CSS】ガチで学びたい人のためのWEB開発徹底入門（フロントエンド編）

JavaScriptの動作を論理的に解説！JavaScript中級者への道

学習内容

• JavaScriptの初心者から脱出して中級者になることができます。
• 変態言語JavaScriptがなぜそのような動き方をするのかを論理的に理解することができます。
• 意外と知られていない便利な機能について学ぶことができます。
• Promise、this、call、applyなどの機能を論理的に学ぶことができます。
• ES6,ES7,ES8を用いた最新の実装方法について学ぶことができます。
• オブジェクト、コンストラクタ、プロトタイプなどのJavaScriptの重要な概念について学ぶことができます。

受講における必要条件

• JavaScriptの記法についてなんとなく知っている。
• 他のコースのJavaScriptの入門編レベルを完了している。

JavaScriptの動作を論理的に解説！JavaScript中級者への道

初心者のためのフロントエンド環境構築入門～Gulp編

学習内容

• Gulpを使ったフロントエンド開発環境の自動化について学びます。
• 画像を多様なサイズにリサイズする方法について学びます。
• Babelと組み合わせることによってES6＋のコードを自動でトランスパイルします。
• Eslintと組み合わせることによってJavaScriptの文法チェックを自動で行います。
• Sassと組み合わせることによってCSSファイルへの自動変換を行います。

このコースの対象受講者:

WebサイトなどでSassをお使いの方。 Webサイトリリース時のタスクを自動化したい方。 Web開発入門レベルのコースを終えて、自分でWebサイトを作ってみようと思っている方。 めんどくさい作業を自動化したい方。

初心者のためのフロントエンド環境構築入門～Gulp編

現役エンジニアのためのWebpack環境構築入門 with Babel｜Sass｜Eslint

学習内容

• こちらのコースではフロントエンド開発を効率化するための環境設定を行います。
• Webpackの設定方法について論理立ててご説明します。
• Webpackでなんとなく使っている設定値についてわかりやすく学びます。
• Babel7の実践的な設定について学びます。
• Eslintの実践的な設定について学びます。
• Sass、PostCSSを連携して効率的なスタイルの記述ができる環境を構築します。

このコースの対象受講者

• React、Angular、VueなどのSPAフレームワークを使用している方。
• Webpackを使ったことがあるが、設定についてあいまいな方。
• Babelを使った開発を行っているが設定についてあいまいな方。
• Eslintの設定についてあいまいな方。

現役エンジニアのためのWebpack環境構築入門 with Babel｜Sass｜Eslint