学习手册

学习手册:前端开发工作流程

JavaScript 学习手册

你已经学会了 HTML 与 CSS,了解了 Bootstrap 这个框架,会用 Sass 或者 Less 的方式去创建样式,又学了点 JavaScript。现在就可以去做些东西了,不用等到什么都准备好以后再去做,因为不太可能什么都准备好。这个手册介绍了基本的前端开发工作流程相关的东西,主要是会用 Bower 管理前端项目的依赖,用 Grunt 或者 Gulp 自动化去执行任务,用 Git 来做项目的版本控制。

Bower 可以管理前端项目用的包,比如你的项目要用到 Bootstrap,传统的方法是需要先打开 Bootstrap 的官方网站,找到最新的版本,点击下载,然后解压,再把需要的东西放到指定的目录里面,因为 Bootstrap 这个框架要用到 jQuery,你还需要把它也下载下来,放到项目的目录下面。使用 Bower 可以直接用一行命令,把 Bootstrap 还有它依赖的 jQuery 一块下载下来。

你希望在编辑完 Less 或者 Sass 以后,自动把它们编译成普通的 CSS,或者可以再合并几个文件,并且再压缩一下,再把处理好的文件放到一个指定的目录下面。在测试项目的时候,你可能需要把前端项目放到一个服务器上去运行,对项目修改以后,保存了文件,你想让浏览器自动刷新。所有的,这些跟文件与目录相关的重复的动作,都可以把它们定义成 Grunt 或者 Gulp 的任务,让它们自动去执行。

你想要一种可以跟踪项目变化的方法,什么时间,你都做了什么事,你可以自由的在任何一次对项目的修改之间来回切换。你可以把项目推送到远程的服务器上保存。你的同事,可以跟你一起开发项目。你需要使用 Git 。

学习手册:JavaScript 脚本语言

JavaScript 学习手册

JavaScript 是不管怎么样都要学的语言。它是客户端脚本语言,就是你写好的 JS 代码是在客户那边儿执行的,一般就是用户的浏览器,浏览器都有一个解释 JavaScript 的引擎。你把写好的 JS 嵌入到网页里面,浏览器会把网页上的这些 JS 文件下载下来,然后再去执行。

准备

先学会 HTML 与 CSS,接着就可以学习 JavaScript 了。你只需要一个文本编辑器(Atom,Brackets,Sublime ... ),一个浏览器,推荐使用 Chrome 浏览器,还有下面这些视频 :)

目标

  1. 学会 JS 的基本语法
  2. 定义与使用函数
  3. 定义与使用对象
  4. 知道 DOM 是什么
  5. 明白怎么样监听网页上发生的事件
  6. 会用 jQuery
  7. 了解一个简单的 MVC 框架 -  Backbone

学习手册:Laravel 框架

PHP 社区现在最受欢迎的框架就是 Laravel。打算使用 PHP 框架开发项目,首先可以考虑一下 Laravel,简单,清晰,优雅。即使您从来也没有想过要使用框架,强烈建议您浏览一下这些视频,只需要您的 5 小时的时间。这会让你理解一个 MVC 框架的基本的使用,在脑子里形成一种思维,我认为这非常重要。 这套课程是基于 Laravel 4.2 这个版本做的,目前 Laravel 刚刚发布了 5.0 版。它们之间有些区别,所以我建议先浏览一遍这些视频,然后在直正动手的实践的时候,可以对照 Laravel 官方的文档去做,这些文档非常清晰,也很简单。http://laravel.com/docs/5.0

准备

几个概念可以先理解一下:
MVC
表示三样东西, 模型(Model),视图(View),控制器(Controller)。可以理解成是一种开发应用程序的方法,按照作用或者叫职能去把一个应用程序分成三个部分。
Model
模型表示的主要是数据。
View
视图用来向用户展示内容。
Controller
控制器可以向模型去要一些数据,再把要过来的数据交给视图去显示。
Router
定义应用里的路由,就是去定义一些用户可能要访问的点。比如定义一个叫 movies 的路由,当用户在访问 /movies 这个地址的时候,用 Movie 这个控制器去处理,根据用户使用的请求的方法(GET,POST)Movie 控制器会到 Movie 这个模型里去提取数据,或者把数据交给 Movie 模型去处理。如果是提取数据,会把提取过来的数据交给一个视图,视图使用事先定义好的展示内容的模板把内容显示给用户。
Blade
是 Laravel 使用的展示内容用的模板引擎的名字。
Migration
你想修改应用的数据库,比如去添加一个数据表,可以先去创建一个 Migration,在它里面用 Schema 的方法去定义数据表,完成以后,去执行一下这个 Migration,你的应用的数据库就会有了一个用 Schema 定义的数据表了。你又打算修改一下之前创建的数据表,可以再去创建一个 Migration,然后在里面还是用 Schema 的方法去定义修改数据表的动作,再去执行一下这个 Migration 。你突然又想不打算去修改最开始创建的那个数据表了,可以在命令行下面执行 Migration 的 rollback 命令,把数据表恢复成最开始的样子。
ORM
一个数据表,对应着一个对象,在这个对象上面有一些方法你可以去处理数据表里的数据,比如找出数据表里的数据,更新,保存数据到这个数据表里,也可以删除数据表里的数据,这些操作基本上不用你手工去写 SQL 的语句来操作数据库,直接用这些定义好的方法去表达你要做的事情。这就是 ORM。

学习手册:PHP 脚本语言

用一天的时间,看完下面的 5 个小时视频,你会知道 PHP 是怎么回事。视频不可能包含所有与 PHP 相关的知识,也没有必要这样,我们只需要刚刚好的知识,可以让我们起步就行。理解了 PHP ,以后遇到问题也好解决。

准备

  1. 你需要一个可以执行 PHP 代码的环境,按照 《 Web 开发环境与服务器生产环境 》这个手册去创建。这个环境应该包含 nginx ,php,mariadb 。
  2. 看完上面的手册以后,你应该可以理解:
    1. 什么是虚拟机
    2. 怎么样用 Vagrant 创建与管理虚拟机
    3. Linux 系统的基本操作
    4. 怎么样在 Linux 系统上搭建一个可以运行 PHP 程序的环境
    5. 本地电脑与虚拟机之间的同步目录怎么设置
    6. 本地电脑与虚拟机之间的网络设置
    7. nginx 的基本配置
    8. 怎么样设置 nginx 的虚拟主机
  3. 在本地电脑上创建一个目录,在这个目录下面放的是你要执行的 PHP 的代码,把这个目录设置成 nginx 虚拟主机的根目录,这样在浏览器上打开这个虚拟主机的地址,就可以执行你创建的 PHP 文件。
  4. 可以在本地电脑用编辑器打开你为学习 PHP 创建的目录,然后直接在本地电脑上创建  PHP 文件,撰写 PHP 的代码。

学习手册:Drupal 内容管理系统

目标

  1. 在命令行界面下使用 Drush 管理 Drupal
  2. 自定义内容类型,字段,分类
  3. 学会使用视图模块为网站创建内容列表
  4. 创建内容与内容之间的关系,用视图模块利用这种关系
  5. 使用 Rules 模块创建可以自动执行的任务
  6. 创建多语言网站
  7. 电子商务基础
  8. 会用 Service 模块为其它的应用提供数据

准备

按照 《 Web 开发环境与服务器生产环境 》这个手册,在本地先搭建起一个可以运行 Drupal 的环境。
建议把所有视频都看一遍,然后再动手。

学习手册:Web 开发环境与服务器生产环境

在你的电脑上,应该有个 Web 开发环境,在上面去开发你想要的网站。完成以后可以把网站迁移到服务器上,在服务器也要搭建一个网站运行的环境,这个服务器上的环境叫生产环境。大部分情况,你也需要自己去搭建这个服务器上的生产环境。你的生产环境要在 Linux 类型的操作系统上搭建,比如 Ubuntu,CentOS ...  所以,尽早熟悉 Linux 系统的基本操作,熟悉在命令行下面去做事。

网站最终要运行在生产环境上,你在本地开发它的时候,最好可以为网站搭建一个跟生产环境相近的环境,比如用同样的操作系统,同样版本的软件,同样的设置等等。建议在本地电脑上安装虚拟机,为虚拟机安装 Linux 类型的操作系统,然后在上面安装和配置运行网站需要的软件,比如 Web 服务器,PHP,数据库等等。想要更好的管理虚拟机,推荐使用 Vagrant 。

放弃用一键安装的东西来搭建本地的开发环境,比如 WAMP,MAMP,XAMPP!暂时放弃在服务器的生产环境上安装管理面板。亲自动手,去搭建这个运行环境。

这个网站运行的环境在本地,还有在服务器上搭建的方法是差不多的,就是去安装一些需要的软件,然后通过修改配置文件来改变这些软件的行为。

统计

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

社会化网络

关于

微信订阅号

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