フロントエンド・フレームワーク

2020-08-31

上位に移動

概要

フロントエンド・フレームワークの格安教材( LinkedIn Premium、ドットインストールPREMIUM、Udemyの有料及び無料の★4.5以上の動画、YouTube)を紹介します。

JSフロントエンドフレームワークを学ぶことが必要になってきていて、以下がポイントのようです。

  • 業界で非常に人気がある
  • よりインタラクティブかつ面白いUI
  • コンポーネント及びモジュール式フロントエンドコード
  • チームにとって良い

次の3つを紹介します。求人はVueはまだ少ないようです。

  • React – 業界で最も人気
  • Vue – 使いやすく本当に勢いがある
  • Angular – 少し勢いがない – 企業で使われている

このあたりの比較記事はたくさんあります。たとえば、以下です。

React

  • Facebookにより作成されたJavaScriptライブラリ
  • ユーザインタフェース(UI)及びフロントエンドアプリケーションの構築に使用するもの
  • 現在業界でもっとも人気のあるフレームワーク
提供元 教材名備考
LinkedIn PremiumReact: 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入門動画19本
ReactでTodo管理アプリを作ろう 動画17本
UdemyReact + 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個検索された。
YouTube以外の教材
React入門
Practical React
React JS Crash Course – 2019

Vue

  • ユーザインタフェース(UI)及びフロントエンドアプリケーションを構築するために使われるJavaScriptフレームワーク
  • 斬新的(progressive)で高性能(performant)
  • 最も人気のあるJSフレームワークの一つで人気が上昇しつづけている
提供元 教材名備考
LinkedIn Premium Vue.js 実践講座:ツールとプラグイン動画138分、2019-10-18
Vue.js: Working with APIs動画116分
Vue.js: Full-Stack Applications with Firebase動画178分
Vue.js: Building an Interface動画106分
Building Vue and Node Apps with Authentication動画138分
Learning Vuex動画75分
Vue.js Essential Training動画226分
Vue.js for Web Designers動画117分
Learning Vue.js動画134分
その他言語:ENで10個のコースが検索された。
ドットインストール 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個検索された。
YouTube以外の教材
Vue.js入門
Vue JS Crash Course – 2019

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/a4コースほどあるが、いずれもサポート終了の古いもの。
Udemy「Angular8とNodejsで始める!」JavaScript系 WEBアプリケーション開発コンプリートガイド動画437分
Angular 8 – The Complete Guide (2019+ Edition)動画2,220分
その他Angular、English又は日本語、★4.5以上で298個検索された。
YouTube以外の教材
Angular Crash Course – 2019

上位に移動

Posted by pitang1965