2025 独立开发者训练营:AI Agent!查看介绍 / 立即报名 →

Vue.js:前端应用系列课程

过年之前我们再出个前端应用系列课程。前端框架会使用 Vue.js,后端服务选择的是 WordPress。其实选择什么后端服务都可以,我拿 WordPress 做个演示,你也可以很容易把它替换成其它的后端服务,比如 Drupal,Laravel,Node.js,Rails 等等。课程主要解决一般的前端应用的常见需求,比如内容列表,分页,内容页面,身份验证,文件上传还有内容发布。

Vue.js

课程里会用到 Vue.js 框架提供的全家福,用 vue-cli 创建项目,Vue 作为应用的主框架,vue-router 用作应用的路由,vuex 管理应用的数据。课程里会帮你理解这些东西涉及到的大部分概念。比如 vuex 里面的 actions,mutations,state 等等。

课前准备

有点准备,可以更好地学习这个系列课程。

语言

语言以 JavaScript 为主,学习 JavaScript 基础,然后是 ES2015 的一些新功能,因为课程里大量地用到了 ES2015 的一些新特性。

  1. JavaScript
  2. PHP
  3. CSS

工具

在命令行下面创建项目,启动服务等。用 Atom 编写应用的代码,用 Chrome 浏览器预览应用。

  1. Atom 编辑器
  2. Chrome 浏览器
  3. 命令行工具(macOS:终端,Windows:cmder)

应用

您可以学习宁皓网上现有的 Vue.js 课程,了解这个框架的一些基本概念,不过这个系列课程也可以新手学习,遇到不懂的概念可以再去找对应的课程学习。课程里的每一行代码都是手工输入,所以你完全可以跟着一起做,有时候做着做着就懂了:)

  1. Vue.js
  2. WordPress
  3. Bootstrap 4  / Semantic UI

服务

在应用的开发阶段,需要一个在本地运行的 WordPress 应用。推荐使用《WordPress 开发:开发环境》这个课程里介绍的方法在本地搭建并运行一个 WordPress。以后会把开发的前端应用部署到生产环境,这就需要你有一台云服务器,并且上面同样有一个可以运行的 WordPress。

订阅宁皓网,可以在线学习所有 Vue.js 相关的课程。

Vue.js
微信好友

用微信扫描二维码,
加我好友。

微信公众号

用微信扫描二维码,
订阅宁皓网公众号。

240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点