完整 Vue Developer 2023:从零到精通(Pinia、Vitest)

Vue 3 开发终极指南。构建大型应用程序并部署到生产环境。从零到精通!

讲师:Andrei Neagoie, Luis Ramirez Jr, Zero To Mastery

口袋资源独家Udemy付费课程独家中英文字幕配套资料齐全!

不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。

你将会学到的

  • 构建企业级 Vue 应用程序并部署到生产环境
  • 文件上传、测试、PWA、国际化、使用 Vue 3 进行身份验证
  • 学习像高级开发人员一样构建响应式、高性能、大规模的应用程序
  • 了解 Vue 3 的最新功能,包括 Composition API、Pinia、Vue Router 等
  • 学习使用 TailwindCSS、Sass、CSS 动画和过渡构建漂亮的应用程序
  • 从头开始掌握 Vue 开发者的最新生态系统
  • 成为前 10% 的 VueJS 开发者
  • 使用 Pinia(Vuex 的新替代品)在您的应用程序中进行状态管理
  • 学习比较性能和可扩展性方面的权衡
  • 设置身份验证和用户帐户
  • 使用 Firebase 构建全栈应用程序
  • 通过做出良好的架构决策并帮助团队中的其他人来学习领导 Vue 项目
  • 掌握 Vue 设计模式
  • 使用 Vue 路由器进行路由
  • 将应用程序转换为渐进式 Web 应用程序
  • 使用 Vitest、快照测试甚至 E2E 测试来测试您的应用程序!
  • 使用最新的 ES6/ES7/ES8/ES9/ES10/ES11 JavaScript 编写干净的代码
  • 了解为什么 Vue 在开发人员中的受欢迎程度超过了 React 和 Angular!

课程内容

25 个章节 • 286 个讲座 • 总时长 27 小时 57 分钟展开所有章节

要求

  • 基本的 HTML、CSS 和 JavaScript 知识
  • 您不需要任何 Vue 或任何其他 JS 框架的经验!

说明

刚刚更新了 2023 年的所有新 Vue 3 功能!加入一个拥有超过 900,000 名开发人员的实时在线社区,以及由在硅谷和多伦多实际使用 Vue.js 工作过的行业专家教授的课程。

使用最新版本的 Vue,本课程侧重于效率。永远不要再花时间在混乱、过时、不完整的教程上。安德烈课程的毕业生现在在谷歌、特斯拉、亚马逊、苹果、IBM、摩根大通、Facebook 和其他顶级科技公司工作。

我们向您保证这是 Vue 上最全面的在线资源。这个基于项目的课程将向您介绍 2023 年 Vue JS 开发人员的所有现代工具链。在此过程中,我们将使用 Vue、Pinia、Vue Router、Composition API、Firebase、Vitest 构建一个类似于 Spotify 的大型音乐播放器应用程序, Sass + 更多。这将是一个全栈应用程序,使用 Firebase。

所有代码都将逐步提供,即使您不喜欢一起编写代码,您也可以访问完整的主项目代码,因此任何注册该课程的人都可以将自己的项目放入他们的作品集马上。

当我们引导您从发布专业的 Vue 项目一直到生产的开始到结束时,课程将非常实用。我们将从一开始就教你 Vue 基础知识,然后进入高级主题,这样你就可以在你未来的任何 VueJS 项目的架构和工具上做出正确的决定。如果您是前端框架的新手,或者即使您来自 React 或 Angular 背景,您也会爱上 Vue!



以下是课程将涵盖的内容:

1. 基础知识——在本节中,我们将学习 Vue 的基础知识,例如计算属性、方法和观察者。仅凭基础知识,我们就能够使用事件、绑定和条件呈现来操作文档。我们还将学习如何使用官方 Vue 开发人员工具调试应用程序。

2. 项目:透视游乐场——在本节中,我们将通过创建 CSS 透视游乐场来构建我们的第一个项目。这将使我们有机会通过开发一个可视化 CSS 属性如何操纵元素的透视图的工具来强化我们在上一节中学到的许多基本概念。

3. 超越基础 –在本节中,我们将深入了解 Vue 框架的内部工作原理。JavaScript 框架如何增加反应性?Vue 是如何将模板编译成虚拟 DOM 对象的?这将使我们深入了解 Vue 如何为现代应用程序提供框架。我们还将讨论生命周期挂钩和组件。

4. 了解工具 –在本节中,我们将从 Vue 退后一步,讨论一些用于开发应用程序的工具。在您的整个职业生涯中,您将需要处理帮助我们开发应用程序的工具(即 Vite、Sass、PostCSS、ESLint)。我们将讨论如何配置这些工具以及为什么需要它们。

5. 高级组件——在本节中,我们将使用 Vite 搭建一个 Vue 项目的脚手架。Vue 的目标是让开发体验尽可能顺畅无痛。Vue 可以帮助我们搭建项目、配置工具和运行服务器。这减轻了 web 开发的许多更繁琐的任务。我们将能够直接进入组件,看看我们如何通过使用道具、发出事件、插槽和动态呈现内容来构建带有组件的应用程序。

6. 过渡和动画——在本节中,我们将学习如何通过添加过渡和动画来为应用程序增添活力。动画可以为任何应用程序注入活力。他们还可以通过向用户提供有关其操作的反馈来改善用户体验。我们将讨论如何使用 CSS 和 JavaScript 实现动画。Vue 中都支持这两者。我们甚至会讨论最新的 Web Animations API。

7. 项目:测验应用程序——在本节中,我们将利用迄今为止所学的一切来开发测验应用程序。测验是吸引几乎所有行业用户的好方法。

8. 主项目:PINIA 简介 –在本节中,我们将开始研究本课程的主项目,这是一个音乐应用程序!不间断地上传、管理和收听音乐。我们将使用 TailwindCSS 来帮助我们设计一个漂亮的现代应用程序。这是前端开发社区所接受的新手。之后,我们将通过使用名为 PINIA 的官方状态库(在较新的代码库中取代 Vuex)来了解状态管理。

9. 主项目:表单验证——在本节中,我们将执行表单验证以防止提交无效数据。意外发生。确保检查错误是我们的工作。我们将学习如何针对各种场景执行规则。

10. 主项目:身份验证——在本节中,我们将开始身份验证和注册。用户将能够在注册帐户后立即登录。我们将使用 Firebase 作为管理和验证用户的后端解决方案。

11. 主项目:路由 –在本节中,我们将使用 Vue Router 库处理路由。在下面,路由器库使用历史 API 来处理导航。它允许我们在页面之间切换而无需刷新资产。我们将看看如何使用这个库来帮助我们保护路线、添加元字段以及根据当前路线自定义我们网站的外观。

12. 主项目:上传文件 –在本节中,我们将开始将文件上传到 Firebase。我们使用 Firebase 验证文件至关重要。我们不希望用户在听音乐时意外下载恶意文件。我们将介绍如何使用 Firebase 规则强制执行验证。这样做之后,我们会将附加信息存储在数据库中。我们甚至会介绍如何在拖放不可用的情况下实施后备解决方案。

13. 主项目:播放音乐 –在本节中,我们将开始制作音频播放器的功能。我们将实现基本功能,例如播放/暂停、拖拽和显示当前持续时间。我们将通过允许用户提交评论、浏览音乐和分类数据来使站点的其余部分正常运行。

14. 主项目:指令——在本节中,我们将简要学习编写自定义指令。指令是可以使用附加属性和方法扩展元素的属性。我们将介绍基础知识并研究高级概念,例如修饰符和参数。

15. 主项目:国际化——在本节中,我们将向项目添加国际化,以跨多种语言翻译项目。有多种翻译消息的方法。有些消息需要格式化或复数化。我们还可以翻译数字(即货币)。我们将看看如何用几行代码在语言之间切换。

16. 主项目:PWA –网络已经转向移动优先的方法。在本节中,我们将添加 PWA(渐进式 Web 应用程序)功能,通过使用 Workbox 缓存文件并使用 Firebase 持久化数据,使我们的应用程序对移动设备友好。

17. 主项目:优化——在本节中,我们将在将应用程序交付生产之前进行一些最终优化。我们将研究各种技术和工具来帮助我们微调我们的应用程序。我们可以使用 Vite 来分块文件和自动注册组件。我们将添加一些功能来帮助用户了解应用程序正在处理友好用户体验的请求。

18. 主项目:部署——在本节中,我们将使用一个命令将我们的应用程序部署到 Vercel!快捷方便。

19. 主项目:测试——在本节中,我们将讨论如何使用 Vitest 测试项目。单元测试允许我们单独测试一个特性。这是您要编写的最常见的测试类型。测试中有一些问题可以通过模拟来解决。通过模拟代码,我们将能够隔离功能并测试它们。之后,我们将继续进行快照测试和 E2E 测试,以将所有内容整合在一起。

20. 组合 API –在本节中,我们将讨论 Vue 中引入的最新功能,称为组合 API。这是构建组件的不同方式。虽然 Vue 为编写组件提供了一个简单的 API,但也存在一些缺点。组合 API 解决了这些问题。我们将讨论您为什么要使用组合 API 并了解引入它的原因。

本课程并不是要让您在不了解原理的情况下只是编写代码,这样当您完成本课程后,除了观看另一个教程外,您不知道该做什么。不!本课程将推动您并挑战您,使您从 Vue 的绝对初学者成长为 Vue 开发人员中排名前 10% 的人。 

我们向您保证,这是最全面的 Vue JS 在线课程!观看课程大纲视频,了解我们将要涵盖的所有主题、我们将要构建的所有项目以及您将要学习的成为顶级 Vue 开发人员的所有技术!

里面见!


————–

授课人:

Andrei Neagoie是Udemy上评价最高的开发课程的讲师,也是发展最快的课程之一。 他的毕业生已经在苹果、谷歌、亚马逊、摩根大通、IBM、优衣库等世界上一些最大的科技公司工作。他一直在硅谷和多伦多担任高级软件开发人员,为许多公司工作多年,现在他正在利用他所学的一切来教授编程技能,并帮助您发现作为开发人员在生活中所允许的惊人的职业机会。 

作为一名自学成才的程序员,他知道有大量的在线课程、教程和书籍过于冗长且不足以教授适当的技能。大多数人在学习复杂的主题时都感到无所适从,不知道从哪里开始,或者更糟糕的是,大多数人没有 20,000 美元用于编码训练营。 编程技能应该是负担得起的,并且对所有人开放。教育材料应教授当前的现实生活技能,不应浪费学生的宝贵时间。   从为财富 500 强公司、科技初创公司工作,到创立自己的企业,他吸取了重要的教训,现在他将 100% 的时间用于教授他人宝贵的软件开发技能,以便在令人兴奋的环境中掌控他们的生活和工作具有无限可能的行业。 

Andrei 向您保证,没有其他课程像它一样全面且解释清楚。 他认为,要想学到任何有价值的东西,都需要从基础开始,发展树的根。只有从那里您才能学习与基础相关的概念和特定技能(叶子)。当以这种方式构建时,学习变得指数级。 

凭借他在教育心理学和编码方面的经验,Andrei 的课程将带您了解您从未想过可能实现的复杂主题。  

课程内见!

——–

Luis Ramirez Jr
是一位在 Web 应用程序开发方面拥有十年经验的软件工程师。在他的职业生涯中,他一直致力于构建可靠、久经考验、安全、可扩展且高性能的解决方案。作为一名工程师,开发提供流畅用户体验的应用程序始终是首要任务。

大多数课程会教您“如何”,但绝不会教您“为什么”。Luis 认为,理解核心和关键的编程概念将使您成为当今市场上有竞争力的工程师。他在这里通过揭开其他讲师可能掩盖的低级概念的神秘面纱来帮助您完成此旅程。

学生将带着知识走开,以批判性思维能力克服交给他们的任何任务,并能够与队友有效沟通。

此课程面向哪些人:

  • 有兴趣超越普通“初学者”教程的学生
  • 想要学习 Web 开发人员最需要的技能的程序员
  • 想要成为前 10% 的 Vue 开发者
  • 希望获得可扩展大型应用程序工作经验的学生
  • 想要超越基础知识的训练营或在线教程毕业生

发表回复

后才能评论

  • 每一个课程页面,都有演示地址选项,点击链接可以跳转到课程发布网站查看详细课程列表。
  • 绝大部分课程都有试看内容,可以先点击试看,再决定是否购买。
  • 本站课程均存储在阿里云盘或百度网盘中,由于阿里云盘对分享的文件类型有限制,所以课程资料和字幕会存储到蓝奏云盘中。
  • 阿里云盘和蓝奏云盘都是不限速下载的,你既可以选择在阿里云盘中在线学习,也可以选择下载到本地学习。
  • 课程下载到本地可以挂载中英文双字幕,请点击查看Potplayer挂载中英文双字幕教程
  • 本站所有课程,均提供mp4格式视频文件,中英文双字幕,配套资料齐全,不加密。
  • 每一个课程右侧下载面板中,都会有清晰度标识,大部分都是1080P或者720P,还有少数是超高清的。
  • 本站课程购买之后,均可以免费更新,所有课程,皆配有中文字幕。
  • 请注意,课程的中文字幕是根据英文字幕用谷歌翻译生成的,本非人工翻译。谷歌翻译准确度尚可,学习观看,没有问题。
  • 由于数字资源具有可复制性,一旦购买,不接受退款要求,请在购买之前,认真了解课程内容,确定是否需要。
  • 当然,如果有特殊情况,可以查看网站底部联系方式,联系站长说明问题,我会为你妥善处理。
  • 赞助本站VIP会员,可以免费下载所有课程,详情请查看VIP介绍