Warning: Trying to access array offset on value of type bool in /home/pitang1965/pitang1965.com/public_html/software/wp-content/themes/luxeritas/inc/json-ld.php on line 114

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

2023-08-10

上位に移動

概要

フロントエンド・フレームワークの格安教材( 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入門動画23本、2023-07-21
ReactでTodo管理アプリを作ろう 動画20本、2023-08-07
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以外の教材
Next jsで学ぶReact講座

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個検索された。
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