完成Vue Developer 2023:从0到精通(Pinia, Vitest)

Vue3开发的终极指南。构建大规模应用程序并部署到生产环境。从零到精通!
讲师:Andrei Neagoie & Luis Ramirez Jr

中英文字幕单独处理,翻译流畅,课程资料包齐全!

你将会学到什么?

  • 构建企业级Vue应用程序并部署到生产环境
  • 文件上传,测试,pwa,国际化,Vue 3认证
  • 学习像高级开发人员一样构建反应性、高性能、大规模的应用程序
  • 学习Vue 3的最新功能,包括Composition API, Pinia, Vue Router +更多
  • 学习使用TailwindCSS, Sass, CSS动画和过渡构建美丽的应用程序
  • 从头开始掌握Vue开发人员的最新生态系统
  • 成为前10%的VueJS开发者
  • 在应用程序中使用Pinia (Vuex的新替代品)进行状态管理
  • 学会在性能和可扩展性方面进行权衡
  • 配置鉴权帐户和用户帐户
  • 使用Firebase构建全栈应用程序
  • 掌握Vue设计模式
  • 使用Vue路由器路由
  • 将应用程序转换为渐进式Web应用程序
  • 测试您的应用程序与Vitest,快照测试,甚至端到端测试!
  • 使用最新的ES6/ES7/ES8/ES9/ES10/ES11 JavaScript编写干净的代码
  • 了解为什么Vue在开发者的受欢迎程度上超过了React和Angular !

课程内容

25 个章节 • 287 个讲座 • 总时长 28 小时 2 分钟

课程要求

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

课程说明

刚刚更新了2023年的所有新Vue 3功能!加入一个拥有超过90万名开发者的在线社区,并参加由在硅谷和多伦多使用Vue.js的行业专家教授的课程

使用最新版本的Vue,本课程的重点是效率。不要再把时间花在令人困惑、过时、不完整的教程上。Andrei课程的毕业生现在在谷歌、特斯拉、亚马逊、苹果、IBM、摩根大通、Facebook等顶级科技公司工作。

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

所有的代码都将一步一步地提供,即使你不喜欢编码,你也可以访问完整的主项目代码,所以任何报名参加课程的人都将有自己的项目,可以立即放在他们的投资组合中。

课程将是非常手,因为我们走你从开始到结束发布一个专业的Vue项目一路进入生产。我们将从一开始就教你Vue基础知识,然后进入高级主题,这样你就可以在未来的任何Vue项目中对架构和工具做出正确的决定。如果你是前端框架的新手,或者你有React或Angular的背景,你一定会爱上Vue的!

以下是课程内容:

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

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

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

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

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

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

7、项目:测验应用程序- 在本节中,我们将使用到目前为止学到的所有知识来开发一个测验应用程序。在几乎任何行业中,测验都是吸引用户的好方法。

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

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

10、主项目:认证- 在本节中,我们将开始认证和注册。用户在注册账户后可以立即登录。我们将使用Firebase作为管理和验证用户的后端解决方案。

11、MASTER PROJECT: ROUTING – 在本节中,我们将使用Vue Router库处理路由。在底层,路由器库使用历史API来处理导航。它允许我们在不刷新资源的情况下切换页面。我们将看看如何使用这个库来帮助我们保护路由,添加元字段,并根据当前路由自定义站点的外观。

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

13、MASTER PROJECT: PLAYING MUSIC – 在本节中,我们将开始制作音频播放器的功能。我们将实现一些基本功能,如播放/暂停、刷洗和显示当前持续时间。通过允许用户提交评论、浏览音乐和对数据进行排序,我们将使站点的其余部分能够正常工作。

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

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

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

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

18、主项目:部署- 在本节中,我们将使用一个命令将我们的应用程序部署到Vercel !又快又简单。

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

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

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

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

课程里见!


教:

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

作为一名自学成才的程序员,他明白有大量的在线课程、教程和书籍过于冗长,无法教授适当的技能。大多数人在学习复杂的主题时感到麻痹,不知道从哪里开始,或者更糟糕的是,大多数人没有20,000美元花在编程训练营上。编程技能应该是人人都能负担得起的。教材应该教授当前的实际生活技能,而不应该浪费学生的宝贵时间。 他从为财富500强公司、科技初创公司工作中学到了重要的经验,甚至创立了自己的公司,现在他把100%的时间用于教授其他人有价值的软件开发技能,以便在一个充满无限可能性的令人兴奋的行业中掌控他们的生活和工作。

Andrei向你保证,没有其他的课程能像他那样全面和解释得很好。**他认为,为了学习任何有价值的东西,你需要从基础开始,发展树的根。只有从那里,你才能学习到与基础相关的概念和特定技能(叶子)。当以这种方式组织学习时,学习将呈指数增长

凭借他在教育心理学和编程方面的经验,安德烈的课程将带你了解你从未想过可能的复杂主题。

课程内见!


Luis Ramirez Jr是一名软件工程师,在web应用程序开发方面有十年的经验。他的整个职业生涯都在构建可靠的、经过实战考验的、安全的、可扩展的和高性能的解决方案。作为一名工程师,开发能够提供流畅用户体验的应用程序始终是一个优先事项。

大多数课程会教你“怎么做”,却不会教你“为什么”。Luis认为,理解核心和关键的编程概念将使您成为当今市场上具有竞争力的工程师。 他在这里帮助你在这段旅程中揭开其他教练可能掩盖的低级概念的神秘面纱。

学生们将带着知识离开,用批判性思维技能克服任何抛给他们的任务,并能够有效地与队友沟通。

此课程面向哪些人?

  • 有兴趣超越普通“初学者”教程的学生
  • 想要学习web开发人员最需要的技能的程序员
  • 希望跻身Vue开发者前10%的开发者
  • 希望获得可扩展大型应用程序工作经验的学生
  • 想要超越基础的训练营或在线辅导毕业生
声明:双语资源网(shuangyuziyuan.com)提供的所有课程、素材资源全部来源于互联网,用户赞助仅用于对双语资源服务器带宽及网站运营等费用支出做支持,如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。