去年,我们做了一些看起来零七八碎的东西,其实它们也是有关联的,大概分成几块:工作流程,前端开发,开发环境,还有后端技术。
工作流程
一个现代的工作流程,可以让我们从混乱中解脱,少做重复的动作,更有效率。这也是专业与业余的重要区别,我们都想努力变成专业的,因为我们在乎自己做的事情。
Git,是必备工作,它的主要功能就是版本控制,这里说的版本,就是你每次修改你的项目,都算是项目的一个版本,你可以把这个版本用 Git 保存一下,这样你就可以再用 Git 去控制它,比如把项目恢复到你保存的某个版本上。入门很简单,先熟悉在命令行界面下工作,然后再学几个 Git 常用的命令就行了。起步,您真的不需要一本 500 页的书,在宁皓网花 1个半小时看视频足够了。
Bower 是个小工具,可以管理前端项目用的资源,比如一些框架什么的,它用一个文件描述了项目需要用的东西,用一条命令就可以去自动下载这个文件上列出的资源,还有这些资源所依赖的其它的东西。用 20 分钟,看一下这个课程。
Grunt 与 Gulp,是把我们开发的时候需要重复做的动作定义成任务,然后让这些任务自动执行。一般你只需要使用它们其中的一个,我更喜欢 Gulp 的方式去创建任务。不管怎样,你至少要认识它们,因为非常多的项目都会用到它们。建议两个课程都看一下,一共只有两个小时。
前端开发
前端开发有三个东西,HTML,CSS,JavaScript。不管后端技术用的什么,前边浏览器能懂的,就它们叁。入门还是相当重要的,这也是宁皓网的重要目标,能让您可以先起步。
Sass 与 Less,它们是一种更好的方法去创建 CSS 样式,可以理解成是一种新的语言,因为它们都有自己的语法,不过都非常简单。懂了 CSS ,您就可以使用它们了,任何标准的 CSS 文件,都可以是标准的 Sass 与 Less,也就是您在项目里多少都可以用到一点 Sass 或 Less。一般你只需要懂其中的一个就行,不过我觉得它们之间有很多共同点,很多用法都是一样的,只是稍微有点区别,所以,两个都学一下,不会花两份时间,也没什么坏处。
目前在宁皓网有 Sass 的课程,时长 1 小时 40 分钟。我觉得这很酷,您真的不需要看五六个小时的视频去理解这个东西。一部普通电影的时间足够了,一口气看完效果更佳。
Bootstrap,我发现这个东西算早的,也很早就翻译了 Bootstrap 的文档,后来有人比我做的更好,为它做了一个专门的网站。这个小东西主要是一个 CSS 框架,就是它给你事先设计好了一些样式,你要用的时候,按照它的规定直接用就行,比如你要为按钮添加 .btn 这个 CSS 类,你要用指定的结构去创建导航栏等等。去年,我们更新了一下 Bootstrap 的课程,用的是比较新的第三个版本。
Bootstrap 值得看一下,不过您也不用把它抬的太高。
AngularJS 是一个前端应用的框架。前端应用,就是在用户的浏览器上运行的应用程序,其实就是用 JavaScript 写的应用,用框架的好处是,您不需要所有的东西都从头开始写,基本的工具框架都给你准备好了,你只需要用它们来实现自己的想法。前端应用非常棒,我认为每个网站都应该是一个前端应用,因为它看起来更像是一个安装在本地的应用程序。
AngularJS 是 Google 开发的,在 Google 内部有很多项目也都用到了这个框架,它也有一个活跃的社区,如果您查看 Github 最受欢迎的项目,会看到 AngularJS 排名第三。在宁皓网,只需要一个半小时的时间,就可以理解它。关于 AngularJS ,还有非常多可以说的,以后我们会把它应用到实际的案例中,现在,您可以跟它先认识一下。
HTML5,去年我们介绍了 HTML5 提供的几个重要的接口,Web 存储,应用缓存,文件 API,还有文件系统。现在 HTML5 的标准已经定下来了,所以,现在是非常好的时机来学一下 HTML5。
- Sass 基础教程
- Bootstrap 3 基础教程
- AngularJS 基础教程
- HTML5:应用缓存
- HTML5:Web 存储
- HTML5:文件 API
- HTML5:文件系统
- Backbone 基础教程
- Underscore 基础教程
- Backbone 应用实例
开发环境
最近我总结了一个搭建本地开发环境与服务器环境的学习手册,您可以用这个手册开始。你在本地电脑上,需要一个用来开发的环境,这个环境,最好可以跟你开发的应用,真正要运行的时候所使用的服务器环境,也就是生产环境保持相似。这样你才能保证你做的东西,在本地开发环境与在生产环境上运行,结果是一样的。用的方法就是,在你的电脑上安装虚拟机,在虚拟机上配置应用的运行环境,你需要更好的管理虚拟机的方法,这就需要用到 Vagrant 这个东西。
在以后,我们可能还会介绍使用 Docker ,把应用放到容器里运行。
放弃 WAMP,MAMP,XAMPP 这些一键安装的本地开发环境,它们已经过时了!
后端技术
应用程序的后端技术,可以选择的挺多,PHP,Ruby,Python,Node ... 对于一般的问题,我觉得您可以选择其中的任何一种语言,完全可以按照个人喜好,看看哪种语言对您来说更舒服。去年,我们介绍了 PHP 的基础,因为 Drupal,WordPress 都是基于这种语言创建的。我总结了一个 PHP 的学习手册,您可以从这里开始。另外,Laravel 这个框架是非常值得关注的,它是 Github 上最受欢迎的 PHP 项目,即使您以后不打算用它,我也建议看一下,这对我们以后的课程(比如 Drupal 与 WordPress 的开发)也会有帮助。
总结
去年的课程都是基础,也相当重要,也是我们未来课程的基础,今年我们看看怎么样把这些东西组合到一块儿,创建点真正能用的东西。
评论
皓哥,现在视频怎么不能下载了呀?
9 年 9 个月 以前
能下载,不过不推荐下载了。最好可以在线看。非要下载,可以查看视频页面源代码,找到视频的下载地址。
9 年 9 个月 以前
AngularJS 与 backbone 需要选择一个学吗?
9 年 9 个月 以前
如果你打算创建复杂点的前端应用,用 AngularJS 就行,很多东西都在那里 了,你直接用就行。如果用 Backbone,你可能什么都要自己去写。
9 年 9 个月 以前
皓皓凶,希望Wordpress的插件开发也要完善下,谢谢
9 年 9 个月 以前
嗯。WordPress 也把它学会喽。
9 年 9 个月 以前
感觉去年和我以前认识的ninghao.net不一样了,有可能我是美术出身,对于复杂一点的技术没有需求,原来那些教程我更有帮助。
现在总感觉更繁琐了,不那么零基础就能上手了。对于在提高的用户来说是好事情,对于我来说是完全没在节奏上。
9 年 9 个月 以前
今年争取回归,把琐碎的东西拼到一块儿,做成产品。
9 年 9 个月 以前
你的视频课程很好,建议不要做成下载的,或者你有更好的加密方式。目前要是有手机版就好了……
9 年 5 个月 以前