お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
核心的な高度な Vue.js の概念
- 高度なコンポーネントライフサイクル
- 高度な props、emits、およびカスタムイベントの処理
- ref, computed, effect, watch などの高度なリアクティブ性
- ルート制御とナビゲーションガード
Pinia を使用したスケーラブルな状態管理
- Pinia によるスケーラブルアーキテクチャ
- 高度なコンポジションとストアクモジュール化
- グローバルデータとローカルデータの管理におけるベストプラクティス
API 統合とデータレイヤー設計
- グローバルおよびカスタム Axios 設定
- 高度なインターセプタとエラーハンドリングの使用
- Pinia とコンポーネントとの統合
- API、ストア、および UI コンポーネント間のデータフロー
現代的な Vue 開発ワークフロー
- Vue.js プロジェクトの高度な Vite 設定
- プラグイン統合とビルド最適化
- 開発/テスト/プロダクション環境のベストプラクティス
- 環境変数の設定(Vault)、CI/CD
- コード品質: ESLint、Prettier、SonarQube のセットアップと統合
- 自動フォーマットと静的分析のベストプラクティス
フレームワーク専門化: Quasar Framework
- Quasar コンポーネントの最適化とカスタマイゼーション
- Quasar を使用したレスポンシブでパフォーマンスの高い UI の構築
- TanStack、PWA、ServiceWorker との統合
Vue.js での TypeScript
- コンポーネントとストアの高度なタイプ付け
- props、emits、slots のための型定義
- タイプ安全のための再利用可能なパターンとベストプラクティス
テストとコード信頼性
- コンポーネントとストアの単体テストと統合テスト
- 推奨されるツール (Vue Test Utils, Vitest など)
- 保守性とテスト自動化のためのベストプラクティス
パフォーマンスと最適化
- 遅延ロード、コード分割、リソースの最適化
- パフォーマンスボトルネックの特定と解決
- Vue.js アプリケーションのプロファイリングと微調整
資料とサポート
- 各モジュールごとの包括的なドキュメントと例
- 録画された資料やオンラインリソースへのアクセス
- Q&A およびトレーニング後の実装サポート
要約と次回のステップ
要求
- Vue.js を使用してアプリケーションを開発した経験
- JavaScript、ES6+、および REST API に関する知識
- フロントエンドビルドツールとコンポーネントベースのアーキテクチャに関する基本的な理解
対象者
- 以前に Vue.js の経験があるフロントエンド開発者
- 大規模な Vue アプリケーションを構築しているソフトウェアエンジニア
- アーキテクチャ、テスト、および最適化のベストプラクティスを求めている開発者
35 時間
お客様の声 (4)
レッスンは非常にインタラクティブで、演習も実践的でした。
Heino - NWK Limited
コース - Laravel and Vue.js
機械翻訳
講師は Vue について非常に知識が豊富でした。彼の開発スタイルを見ることができ、新しい概念を学んで試すことができたのはとても役立ちました。
Adrian Borrmann - CBC/Radio-Canada
コース - Advanced Vue.js
機械翻訳
シャウーンがコースを教える際のライブコーディングスタイルが本当に気に入っています。彼はその主題に関する実践的な知識と経験を示しました。
Nhan Nguyen - Navy Information Warfare Center - Pacific
コース - Vuetify.js
機械翻訳
新しい機能(計算機と取引ラボ)を追加するためにラボを完了する
Darren White - DAS
コース - Vue.js
機械翻訳