|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/vuejs-basic/
课程评论：没有评论
这门课程名为【Vue.js 2 & Vue.js 3 兼容】从基础到使用【Vuetify】的进阶！从超新手到最短距离的升级。 课程旨在帮助学习者从零开始，通过循序渐进的方式掌握 Vue.js。课程从 jQuery 也能实现的基础内容入手，让学习者建立信心，逐步深入。课程特别关注初学者的视角，对可能遇到的难点进行深入讲解，确保清晰理解后再进行下一步学习。通过大量的实践操作，鼓励学习者动手构建应用，以达到学以致用的目标。 课程结构上，前9个章节使用 Vue.js 2 进行讲解，更适合新手入门。之后，从第10个章节开始，转向 Vue.js 3 的新特性和用法。 课程内容涵盖： * **Vue.js 核心概念**: 指令（v-if/v-show/v-for/v-bind/v-on/v-cloak/v-text/v-html）、选项式 API (data/methods/computed/watch)、响应式系统 (get/set)、生命周期钩子 (created/mounted)、过渡 (transition/transition-group)、双向数据绑定 (v-model) 等。 * **进阶应用**: Ajax (fetch/async/await)、Lodash、`v-model` 与 `computed` 结合、组件间通信 (props down/event up)、插槽（具名、作用域，v-slot）。 * **UI 框架**: Vuetify (CDN/NPM) 的使用。 * **构建工具与工程化**: Vue CLI (SFC/MPA)。 * **单页应用 (SPA)**: Vue Router 的应用。 * **状态管理**: Vuex。 * **Vue.js 3 新特性**: Provide/Inject、Teleport、Composition API、合成函数。 * **Vue.js 3.2 更新**: script setup 的讲解。 课程中包含的示例应用包括：标签页菜单、模态窗口、轮播图、表单、通过按钮点击获取 Ajax 图片（使用 Vuetify）、带有 Ajax 和 API 的表单、简单的图书管理应用（使用 Google Books API、Vue CLI、Vue Router 和 Vuetify）。 在课程录制时，使用的主要版本包括：Vue.js 2.6.11, Lodash 4.17.20, Vuetify 2.3.10, Vue CLI 4.5.6, Node.js 12.16.2, Vuex 3.4.0。Vue.js 3 部分则使用了 Vue.js 3.0.0, Vue Router 4.x, Vuex 4.x，最后更新到 Vue.js 3.2。
『Vue.js』はプログレッシブ(段階的)フレームワークと呼ばれ、はじめは小規模から、機能を追加することで大規模まで対応できるというつくりになっているのですが、いきなり小規模〜大規模を覚えようとすると、覚えることが多すぎて、『結局なにをどうすればいいのさ・・・』となってしまいがちです。そんな実体験もありこの講座では、はじめはちょっとずつ、jQueryでもできることから取り組んで、『できる！』と思えるように時間をかけて進めるような構成にしています。初心者の視点で、ちょっとでも『ん？』と思う箇所はできるだけ掘り下げ、スッキリした状態で先へ進めるように解説しています。簡単でもいいのでできるだけ手を動かしてアプリをつくりつつ、知識だけでなく実際に使えるようになるような構成を意識しております。Vue.js2の方が初心者向けということもあり、セクション1～9まではVue.js2でレクチャーし、セクション10以降でVue.js3を解説しています。■更新情報2022/7 Vue.js3.2 script setupを追加しました。 ■講座内のサンプルタブメニューモーダルウィンドウカルーセル(スライドショー)フォームボタンクリックでAjax画像取得(Vuetify)フォーム(Ajax + API)簡易読書管理アプリ(GoogleBooksAPI + VueCLI + VueRouter + Vuetify)■講座で扱っている内容ディレクティブ(v-if/v-show/v-for/v-bind/v-on/v-cloak/v-text/v-html)オプションAPI(data/methods/computed/watch)リアクティブシステム(get/set)ライフサイクルフック(created/mounted)トランジション(transition/transition-group)双方向データバインディング(v-model)Ajax(fetch/async/await)Lodashフォーム(v-model/computed(get/set)コンポーネント間通信(props down/event up)スロット(名前付き、スコープ付き)(v-slot)Vuetify(CDN/NPM)VueCLI(SFC/MPA)VueRouter(SPA)VuexVue.js3対応(Provide/Inject, Teleport, CompositionAPI、合成関数)Vue.js3.2 対応 script setup■収録時のバージョン・セクション1～9Vue.js 2.6.11Lodash 4.17.20Vuetify 2.3.10Material design font 5.5.55VueCLI 4.5.6Node.js 12.16.2Vuex 3.4.0・セクション10Vue.js 3.0.0GoogleChrome拡張機能 Vue.js Devtools ver6.0.0 beta 15VueRouter 4.xVuex 4.x・セクション11Vue.js 3.2
