フロントエンド・フレームワーク
概要
フロントエンド・フレームワークの格安教材（ LinkedIn Premium、ドットインストールPREMIUM、Udemyの有料及び無料の★4.5以上の動画、YouTube）を紹介します。
JSフロントエンドフレームワークを学ぶことが必要になってきていて、以下がポイントのようです。
- 業界で非常に人気がある
- よりインタラクティブかつ面白いUI
- コンポーネント及びモジュール式フロントエンドコード
- チームにとって良い
次の3つを紹介します。求人はVueはまだ少ないようです。
- React – 業界で最も人気
- Vue – 使いやすく本当に勢いがある
- Angular – 少し勢いがない – 企業で使われている
このあたりの比較記事はたくさんあります。たとえば、以下です。
- Top 3 Best JavaScript Frameworks for 2019 – Cuelogic Technologies – Medium
- I created the exact same app in React and Vue. Here are the differences.
- I created the same app in React and Vue (Part 2: Angular)
React
- Facebookにより作成されたJavaScriptライブラリ
- ユーザインタフェース(UI)及びフロントエンドアプリケーションの構築に使用するもの
- 現在業界でもっとも人気のあるフレームワーク
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | React: Testing and Debugging | 動画78分、2020-07-20 |
| Learning React.js | 動画60分、2020-05-20 | |
| Building Modern Projects with React | 動画215分 | |
| React: Creating and Hosting a Full-Stack Site | 動画161分 | |
| React for Web Designers | 動画172分 | |
| React: State Management | 動画69分 | |
| React: Context API Development | 動画41分 | |
| React.js: Building an Interface | 動画137分 | |
| React: Using TypeScript | 動画52分 | |
| Webpack for React Applications | 動画197分 | |
| その他 | 言語:ENでreactで95コース検索された。比較的新しいものを抜粋し上に示した。 | |
| ドットインストール PREMIUM | React入門 | 動画23本、2023-07-21 |
| ReactでTodo管理アプリを作ろう | 動画20本、2023-08-07 | |
| Udemy | React + Redux を使用したモダンフロントエンド開発 | 動画372分 |
React – The Complete Guide (incl Hooks, React Router, Redux) | 動画2,460分 | |
| Modern React with Redux [2019 Update] | 動画2,850分 | |
| その他 | React、English又は日本語、★4.5以上で90個検索された。 |
Vue
- ユーザインタフェース(UI)及びフロントエンドアプリケーションを構築するために使われるJavaScriptフレームワーク
- 斬新的(progressive)で高性能(performant)
- 最も人気のあるJSフレームワークの一つで人気が上昇しつづけている
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | Vue.js: Creating and Hosting a Full-Stack Site | 動画271分、2023-03-07 |
| Learning Vue.js | 動画101分、2021-05-03 | |
| Vue.js 3 Essential Training | 動画308分、2021-01-22 | |
| その他 | 言語:ENで19個のコースが検索された。 | |
| ドットインストール PREMIUM | Vue.js入門 | 動画17本 |
| Udemy | Vue JS 2 – The Complete Guide (incl. Vue Router & Vuex) | 動画1,320分 |
| Build Web Apps with Vue JS 2 & Firebase | 動画690分 | |
| その他 | Vue.js、English、★4.5以上で671個検索された。 |
Angular
- フロントエンドアプリケーション又はフルスタックアプリケーションのフロントエンド部分を構築するためのフル機能のJavaScriptフレームワーク
- Googleにより作成、維持されている。
- 大企業で大変人気がある。
- バージョンが2～8と色々ある。
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | Angular 4 基本講座 | 動画439分 他にも教材があるが、いずれにしても古いバージョン |
| Building Angular and Django Apps | 動画106分、2019-12-03 | |
| Building Angular and ASP.NET Core Applications | 動画176分、2019-11-26 | |
| Angular: Cloud-Powered Apps with Firebase | 動画136分、2019-11-15 | |
| Building a Reactive App with Angular and Spring Boot 2 | 動画135分、2019-06-24 | |
| Angular Essential Training | 動画210分、2019-06-13 | |
| その他 | 言語:ENでAngularで45コース検索された。 | |
| ドットインストール （無料） | n/a | 4コースほどあるが、いずれもサポート終了の古いもの。 |
| Udemy | 「Angular8とNodejsで始める！」JavaScript系 WEBアプリケーション開発コンプリートガイド | 動画437分 |
| Angular 8 – The Complete Guide (2019+ Edition) | 動画2,220分 | |
| その他 | Angular、English又は日本語、★4.5以上で298個検索された。 |