🦄 2024 独立开发者训练营,一起创业!查看介绍 / 立即报名(剩余10个优惠名额) →

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

评论

提议 vue + nodejs 做个 app应用

嗯,可以有:)

总觉得现有课程还不够深入,只是一些简单的实例实现,不够系统,实际中功能需求会更复杂一些。

我想尽量可以减轻大家在起步阶段的痛苦,因为这个阶段最痛苦,而且最无从下手,也最容易放弃。做的东西都是自己在刚刚学习的时候想要看到的。过了起步阶段,会遇到更多问题,但这时,我已经有了一定的能力,可以自己来解决这些问题,比如通过搜索,因为这时我会知道自己遇到的问题是什么,解决问题的线索是什么。因为很多问题太琐碎与具体,不太容易放在视频里面介绍。

关于课程的系统,我觉得宁皓网的课程还是比较系统的,但是我没有更好的把它表现出来。需要花些时间才能搞明白各个课程之间联系,还有学习的顺序。对课程的复杂程度也有点自己的看法,我更喜欢用最简单的例子解释最核心的概念。说明一个概念用的语言能简单就让它更简单一点,举的例子也是越简洁越好。

因为自己平时也会看很多别人做的视频,我发现一上来就是一大堆代码,就想逃避,没有耐心看下去。最近咱们出的小程序课程我就觉得有点复杂了,如果是从头开始跟着来还好,但如果在中途学习,应该会比较困难。不过还好,我们每一行代码都是手工敲上去的,完全可以从头一起跟着做。

咱们的课程将来会继续深入一些,我自己也要开始再做些东西,到时候遇到觉得有价值的信息,经验,都会跟大家分享。

微信好友

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

微信公众号

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

240746680

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

统计

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

社会化网络

关于

微信订阅号

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