之前说想做一款在线编程的学习前端教程，我辞了职费尽心思做这件事，终于完成了第一个教程！

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3129 天前的主题，其中的信息可能已经有所发展或是发生改变。

前言在这里： http://www.v2ex.com/t/262632#reply23 ，之前找不到帮手，只好自己含着泪把它生出来.

这是一款引导式教程，主要想让学习者学会自学，授人以渔才是最重要的，好话就不说太多了，看官网就明白了： http://codeasily.net/

目前只有前端建站教程，觉得好不好只有试过才知道。

希望广大 V 友们有更多的建议能提供给小弟做改进。

另外安利一下教程中用到我写的两个开源项目，全屏滚动是用 slidePage ，代码编辑器是用 Tiny-editor ，也希望大家多多支持一下哈。

谢谢大家~

第 1 条附言 · 2016-04-28 11:22:13 +08:00

移动设备也能访问哦

第 2 条附言 · 2016-04-28 18:37:57 +08:00

感谢大家的鼓励，我会加倍努力的，但是我觉得我势单力薄，只有在前端技术这块能维持，其他领域就没时间学了，要是有后端的朋友或者 UI 设计有想法的希望能一起合作。

第 3 条附言 · 2016-05-01 14:24:52 +08:00

话说 V 友们都只是说好，我想知道我的目标（提高学习者的自学意识）到底有没有达到。到底我这个教程能不能提高学习者的自学意识还是只是一个教程？

我想知道对于你们来说我授的是渔还是鱼？

如果是鱼那我只能说我失败了。。

如果是渔请以你们的角度给点意见呗，我希望能做的更好！

教程

职费

编辑器

slidepage

63 条回复 • 2016-05-09 05:52:19 +08:00

enda

2016-04-28 11:07:17 +08:00

ncaught ReferenceError: initcourse is not defined

main.js:105 Uncaught TypeError: $section.waypoint is not a function

http://codeasily.net/course/css_response/1/

learnshare

2016-04-28 11:08:18 +08:00

那么开始第一节吧！这个链接 /按钮太不明显；

(index):181 Uncaught ReferenceError: initcourse is not defined(anonymous function) @ (index):181
main.js:105 Uncaught TypeError: $section.waypoint is not a function

导致第一节课打不开。

litpen

2016-04-28 11:14:47 +08:00

@enda 不好意思，现在可以了

enda

2016-04-28 11:19:08 +08:00

@litpen 恩，加油

VtoEXL

2016-04-28 11:33:35 +08:00

不错啊， github 已 follow

zqjilove

2016-04-28 11:40:25 +08:00

来个 JS 教程吧。。

litpen

2016-04-28 11:41:47 +08:00

@zqjilove 嗯，如果这篇教程可以的话我就继续出教程

atuoOo

2016-04-28 11:43:35 +08:00

支持下

zqjilove

2016-04-28 11:46:15 +08:00

@litpen 说起前端，从自己半吊子的能力看，我个人感觉最大的问题是系统化，细节规范化的问题。建议教程里可以多给指导指导。

along

2016-04-28 11:51:32 +08:00

不错，真的很不错，加油！

Ouyangan

2016-04-28 12:05:25 +08:00

是个有心人, 顶起来

litpen

2016-04-28 12:30:22 +08:00

@zqjilove 好，我会把规范放在开篇

hitmanx

2016-04-28 12:32:13 +08:00

1. "本课程将带领大制作 Apple.com 的官网首页..."

“大” -> “大家”？

2. “这个项目是因为发现在生活中有非常多依赖视频教程或者老师教学的学习方法的人群，对于自制力差的人会导致缺乏自学意识和质疑态度。所以想试试看这项目能否帮助引导人自学，目前在试验阶段。”

这个句子也不通..标点符号好像也不对。

打开页面第一眼看到的两段都有语病有点让人心塞，网页效果做的还是挺好的。

kisnows

2016-04-28 12:42:08 +08:00

能够辞职来写这个东西，只能说佩服

litpen

2016-04-28 12:47:33 +08:00

@hitmanx 抱歉写的匆忙没注意到语病，我改了

johnhsm2333

2016-04-28 13:03:51 +08:00 via Android

个人体验评价：界面不错，但是学习体验不好，编辑查看效果好像不能打开一个新页面看，然后有些链接是通过搜索引擎就复制粘贴过去的吗？比如有一些是什么脚本之家，看起来备课就没搞好。可能自己更喜欢慕课网那种在线学习方式把。

litpen

2016-04-28 13:22:51 +08:00 via iPhone

@johnhsm2333 那些链接就是找的一些比较好理解的文章，自学都要经历自己查的过程

litpen

2016-04-28 13:24:26 +08:00 via iPhone

@johnhsm2333 就是不能提供太多，不然会产生依赖

Rico

2016-04-28 13:30:53 +08:00

赞！！

xfront

2016-04-28 13:32:44 +08:00

很认同楼主的想法

darluc

2016-04-28 13:36:26 +08:00

👍

qping

2016-04-28 13:57:02 +08:00

很漂亮赞！

sensui7

2016-04-28 14:14:32 +08:00

UI 看起来很舒服, 但是有一种看 ppt 的感觉, 交互性一般, 从学习者的角度看, 这个网站本身要比他提供的教程更有感觉, 特别是和 code school 和 code academy 相比, 当然这样比较对楼主太苛刻了.

sunding0308

2016-04-28 14:23:34 +08:00

支持

zhoujianqingz

2016-04-28 14:23:37 +08:00

感谢！很漂亮！就是有的时候明明想看这一页的，不知道怎么就飘到下一页去了，我是苹果的鼠标

kethylar

2016-04-28 14:29:19 +08:00

非常非常棒！！赞赞赞！！

islee

2016-04-28 14:40:09 +08:00

赞，厉害啊

MY284677511

2016-04-28 14:55:49 +08:00 via iPhone

欢迎欢迎

1OF7G

2016-04-28 15:00:33 +08:00

打开一看 tab ， chrome 卡住了？仔细一看，原来是网站的 favorite icon ……

zzzvvvxxxd

2016-04-28 15:11:25 +08:00

才 48 天啊，厉害！！

unique

2016-04-28 15:31:39 +08:00

不错的东西，支持楼主

geek123

2016-04-28 16:39:53 +08:00

加油同行，我的是这个，汇智网（ www.hubwiz.com ）

haogefeifei

2016-04-28 16:48:14 +08:00

@geek123 蛮不错的

geek123

2016-04-28 16:50:18 +08:00

@haogefeifei 多谢，你能打开楼主的网站吗？

geek123

2016-04-28 16:50:45 +08:00

@litpen 方便加我的 qq 不？ 1279802320 ，聊聊。

TimLang

2016-04-28 17:12:11 +08:00

看了下课程很棒，但是楼主选的这个域名传播实在困难啊，建议挑个稍微好点的域名。

youngitachi

2016-04-28 17:26:01 +08:00

感觉好炫酷。

shenxian

2016-04-28 17:51:12 +08:00

@geek123 你的网站做的很好我常用

shenxian

2016-04-28 17:51:33 +08:00

顺便也祝楼主的网站越做越好

helloSwift

2016-04-28 17:52:29 +08:00 via iPhone

动画效果看上去真不错，晚上再仔细瞧瞧

litpen

2016-04-28 17:56:40 +08:00

@TimLang 不会吧，我是照国外的产品命名规律想出来的名字，况且那些正常单词的域名根本抢不到

litpen

2016-04-28 17:58:08 +08:00

@geek123 哈哈，是你们网站启蒙了我的

qinxi

2016-04-28 18:11:33 +08:00

无法加载。被 V 友运营了？

litpen

2016-04-28 18:15:00 +08:00

@1OF7G 哈哈 logo 随便搞的

litpen

2016-04-28 18:22:12 +08:00

无法浏览的朋友试试用手机看行不行

Mireas

2016-04-28 18:22:31 +08:00

就喜欢这种站，支持支持

ykjsw

2016-04-28 22:10:34 +08:00

赞一个，做的很用心

qfdk

2016-04-28 22:17:14 +08:00

不得不说， lz 做的真的不错。

crs0910

2016-04-28 22:26:01 +08:00 via iPhone

支持一下

rosu

2016-04-28 22:33:52 +08:00

wow ，美妙的网站设计效果！赞！

qihboy

2016-04-28 23:05:11 +08:00

辞职？你不是今年的毕业生么？

Techxiu

2016-04-28 23:22:45 +08:00 via Android

支持楼主加油

litpen

2016-04-28 23:24:15 +08:00

@qihboy 有一份从去年暑假做到现在的实习

cxshun

2016-04-28 23:26:23 +08:00

赞，楼主加油！

spitz1jwq

2016-04-29 08:22:13 +08:00

楼主加油。

geek123

2016-04-29 08:50:14 +08:00

@shenxian 多谢支持！

moonshile

2016-04-29 08:58:48 +08:00

你的 icon 我还以为是 chrome 转圈圈转了一半卡住了，等了半天……

Void7

2016-04-29 09:28:06 +08:00

很赞，加油

sndnyang

2016-04-29 09:28:58 +08:00

@litpen 哈哈，我也做了个 http://zhimind.com ，不过不是前端的，更偏向于数学等基础知识。我对前端没有多少经验，做得难看，比如 LZ 你的首页效果叫什么都不知道，搜都没法搜。做了两个月。大半时间都被前端问题困绕着。

mdemo

2016-04-29 13:26:59 +08:00

newton108

2016-04-29 22:36:17 +08:00

加油。

regiondavid

2016-05-02 14:47:40 +08:00

提个小 bug ，导航条的最后“联系我”点击没加上样式

loser

2016-05-09 05:52:19 +08:00

好赞。。。