专栏首页一丘一壑WordPress 和 Vue.js 的学习资源推荐

WordPress 和 Vue.js 的学习资源推荐

前言

Vue 是一个非常有吸引力的构建前端的框架,它已迅速成为 React 和 Angular 等其他流行框架的替代品。它很敏捷速度很快,编写的代码容易阅读和理解,很有乐趣。它对初学者很友好,同时还提供了构建复杂应用和网站所需的基础套件。这对于个人开发者来说非常棒,同时也可以在大型团队中很好地进行协作开发。

为什么 Vue 在 WordPress 项目中可以非常出色

不论是为 WordPress 开发小巧实用的功能还是开发一个完整的主题,Vue.js 都是一个合适的解决方案,因为它很轻量。Vue 使用易于理解的 HTML 模板。与其他一些框架不同,你不需要额外的工具即可开始使用。不需要使用webpack,Node.js 或其他配置就可以在网页上引入 Vue 并开始创建组件,而且性能没有任何明显下降。只有当你想要将开发方法提升一个层次时,才需要这些工具。

Vue 在构建用户界面上也更有优势。如果你只是使用纯 JavaScript 或 jQuery,Vue 将帮助你提高效率,减少繁琐的代码。相比之下,一些更复杂的工具有更高的进入门槛,比如 React 和 Angular 这些。在 Vue 中使用 CSS 和动画效果也更容易。通过 Vue 的“单文件组件”,你可以轻松地的把属于同一组件的不同部分合理组织的起来; JavaScript代码、HTML模板和 CSS 都写在同一个文件中,组件的不同部分保持相互独立。如果你已经掌握了JavaScript, HTML, CSS 中的任何一种,那么使用 Vue 可能会感觉更舒畅,在其他框架中编写类似组件的体验可能就并没有这么好了。

Vue 的另一个好处是,通过众多的插件来对 Vue 进行扩展补充也很容易。状态管理有Vuex,路由管理有 vue-router,vue-resource 处理 Web 请求方面提供很多帮助。不必无休止地研究和比较不同的第三方项目的优缺点,例如 Reac t生态系统中的情况(这也是React更庞大的生态系统的缺点)。

学习Vue和相关插件的教程

在线文档:

视频教程:

Traversy 本人是一个有社交恐惧症的胖子,工作了很久之后决定从头开始学习编程,并成功的成为一个自由职业程序员。他很感激编程这门技术给他带来的一切,所以他也在油管上教授其他人编程。 他的特点是及其高产,零基础,语速适中,口齿清晰。可以说是对非英语母语的人来说非常友好。 他的课程都是有始有终,始终把听众当作零基础,所以有大量的从零开始课程(Crash Course), 配合上其适合非母语人士的语速和语音,绝对是国人想在油管上学习编程的首选。 频道的课程涉猎非常广,但主要集中在前端。对于现在流行的网络应用编程再合适不过了。 Traversy 的油管频道的内容整理得非常清晰,强烈建议按照播放列表来收看。如果是完全在编程所有方面都是零基础的,还希望对前端有些了解的,强烈建议从 HTML & CSS这个播放列表看起。然后,他每年都会发一篇关于这一年学习编程语言的方法和语言的选择的建议视频,搜索年份号码就能找到了,可以作为自己学习计划很好的参考。

还有其他频道介绍可以看这里:

那些油管上高质量的学习编程的频道 之一

那些油管上高质量的学习编程的频道 之二

图书:

这两本评价都挺高,有能力的小伙伴可以买来看看

Vue.js 2 Cookbook: Build modern, interactive web applications with Vue.js (English Edition)

Learning Vue.js 2: Learn how to build amazing and complex reactive web applications easily with Vue.js (English Edition)

WordPress的教程资源

  • Vue usage in WordPress. 作者 Paulund ,用Vue开发WordPress主题的一系列文章,写的很棒,网站也很简洁大方
  • how to work with Vue & the REST API. 作者 Josh Pollock ,把 Vue 和 WordPress 的API结合实用的教程
  • Vue inside of the admin while taking advantage of ES6 同上
  • how to create a Vue plugin  作者 Ramsay Lanier, 关于怎样写Vue插件

一些Vue和WordPress结合的项目

  • experiment for Gutenberg 用Vue替代WordPress里的React
  • offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps. Vue结合WordPress构建单面应用
  • Wyvern provides WordPress theme boiler plate 用Vue开发WordPress主题的脚手架项目
  • Vue Theme用Vue开发的WordPress主题. 已经不更新了
  • WordVue  一个用 Vue 开发 WordPress 主题的入门项目

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 表单神器 Forminator – 最好用的免费版WordPress表单插件

    著名的Wordpress第三方开发服务商WPMU DEV(曾进入Alexa 排名前250)在自家网站上发起了一个用户需求调查,征询用户最想要的Wordpress...

    丘壑
  • 强大的WordPress表单插件 Forminator : 用API定制开发你的第一个插件

    从表面上, Forminator似乎只是一个不起眼的Wordpress表单插件(form plugin),但如果你花点时间浏览Forminator API ,你...

    丘壑
  • 一文说透WordPress的自定义文章类型

    从2004年的1.0版本算起,WordPress在14年间已经迭代开发到了5.x版。如果说这中间哪个版本是一个质的提升的话,那应该算是2010年发布的代号为Th...

    丘壑
  • Vue项目优化指南

    现在的大前端时代,是一个动荡纷争的时代,江湖中已经分成了很多门派,主要以Vue,React还有Angular为首,形成前端框架三足鼎立的局势。Vue在前端框架中...

    童欧巴
  • 2018 我所了解的 Vue 知识大全(一)

    Vue ,React ,Angular 三大主流框架,最后我选择学习 Vue ,接触过 React ,自己感觉学习曲线有些陡峭,进而我选择了学习 Vue ,他的...

    sunseekers
  • Vue概述

    星辰_大海
  • 2020,Vue 开发最佳指南!

    https://www.cnblogs.com/powertoolsteam/p/11056531.html

    开发者技术前线
  • 译文:使用Vue 3加快网络应用的速度

    译文:http://caibaojian.com/vue3-faster.html

    前端开发博客
  • 尤大多伦多演讲:Vue 3.0 预览

    尤大昨天在 Vue Toronto 的主题演讲中预览了 Vue 3 。通过利用现代浏览器支持的新功能,Vue 3 将成为我们已经了解和喜爱的Vue.js 的改进...

    桃翁
  • 拥抱 Vue 3 系列之 JSX 语法

    “别再更新了,学不动了”。这句话不知道出了多少开发者的辛酸。在过去的一年中,Vue 团队一直都在开发 Vue.js 的下一个主要版本,就在 6 月底,尤大更新同...

    政采云前端团队

扫码关注云+社区

领取腾讯云代金券