Web開発に必要なスキルを学習するための無料又は格安の教材について調べてみました。

必要スキルと格安教材

2021-02-22

格安の教材を比較します。

必要スキルは「無料のWeb開発ロードマップ♪ “Web Development In 2019 – A Practical Guide” (Traversy Media)の一部和訳」に基づいて作成しました。

プログラミング学習を始めよう【前編】2020年のおすすめ学習方法
プログラミング学習を始めよう【後編】2020年のおすすめ学習方法

以下の情報を示します。

  • LinkdIn Premium: 月額2,990円、無料トライアルあり。
  • ドットインストールPREMIUM: 月額980円税込み。無料動画もある。
  • Udemy:無料または有料動画(価格はセール中は95% offも)
  • YouTube
  • 書籍

基礎知識

基本的なソフトウェア及びツールテキストエディタ、Webブラウザ等
HTML及びCSSFlexbox及びCSSグリッド、CSS変数、ブラウザ開発者ツール等
レスポンシブレイアウト可変レイアウト、メディアクエリ、rem等
基本的なフロントエンドのデプロイメントドメイン名の登録、共有ホスティング又はVPSの管理等
Sassプリプロセッサ 構造化CSS等
JavaScriptDOM操作及びイベント、JSON、Fetch API等
基礎的な学習項目

中級

HTML/CSS/UIフレームワークTailwind CSS, Bootsrap等
Git及びその他のツールGit、GitHub, VSCode拡張機能、NPM等
フロントエンド・フレームワークReact、Vue,Angular
状態管理Redux等
サーバーサイド言語Node.js, Python, PHP
サーバーサイド・フレームワークExpress, Django, Laravel等
データベースMySQL, PostgresSQL, MongoDB, Firebase等
サーバーサイドレンダリングNext.js, Nuxt.js等
Socket.io及びリアルタイム技術リアルタイムアプリケーションは人気になってきている。
Socket.ioはリアルタイム、双方向通信を可能にする。
CMSWordPress等
DevOpsとデプロイメント等デプロイメント、プラットフォーム、仮想化、テスト
モバイル開発Flutter, React Native等
デスクトップアプリElectron, NW.js, Python & Tkinter
アルゴリズムCodewars, Project Euler, Coderbyte
データ構造配列、連結リスト、キュー、スタック、グラフ、木構造(ツリー)、ハッシュテーブル等
ソフトウェアデザインパターンSingleton, Facade, Bridge/Adapter, Strategy, Observer等
中級の学習項目

トレンド

GraphQL
TypeScript
サーバーレスアーキテクチャAWS, Netlify, Firebase等
AI及び機械学習
ブロックチェーン技術
PWAProgressive Web Apps
WebAssemblyWebのための効率的な低水準バイトコード。
Svelte
静的サイトジェネレータGatsby、Gridsome等
ヘッドレスCMSCMSを参照
JamstackJavaScript, APIs & Markup
以下を実現するWebアーキテクチャ
高性能、セキュリティ及びスケーラブル
優れた開発者体験と低コスト
割と新しいやつ

すべての開発者が読むべき本

左より、

  1. コードをより読みやすく変換する優れたソリューション。
  2. チームを成功せるために何が重要かというお話。
  3. プロの開発者の振る舞いを説明。
  4. ITにはあまり関係ないが、成功を収めるために改善が必要妥協や状況に対する教え。

その他知識

Posted by pitang1965