V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
litpen
V2EX  ›  分享创造

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

  •  6
     
  •   litpen ·
    lipten · 2016-04-28 10:45:23 +08:00 · 6582 次点击
    这是一个创建于 3160 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前言在这里 : 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 友们都只是说好,我想知道我的目标(提高学习者的自学意识)到底有没有达到。到底我这个教程能不能提高学习者的自学意识还是只是一个教程?

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

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

    如果是渔请以你们的角度给点意见呗,我希望能做的更好!
    63 条回复    2016-05-09 05:52:19 +08:00
    enda
        1
    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
        2
    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
        3
    litpen  
    OP
       2016-04-28 11:14:47 +08:00
    @enda 不好意思,现在可以了
    enda
        4
    enda  
       2016-04-28 11:19:08 +08:00
    @litpen 恩,加油
    VtoEXL
        5
    VtoEXL  
       2016-04-28 11:33:35 +08:00   ❤️ 1
    不错啊, github 已 follow
    zqjilove
        6
    zqjilove  
       2016-04-28 11:40:25 +08:00
    来个 JS 教程吧。。
    litpen
        7
    litpen  
    OP
       2016-04-28 11:41:47 +08:00
    @zqjilove 嗯,如果这篇教程可以的话我就继续出教程
    atuoOo
        8
    atuoOo  
       2016-04-28 11:43:35 +08:00
    支持下
    zqjilove
        9
    zqjilove  
       2016-04-28 11:46:15 +08:00
    @litpen 说起前端,从自己半吊子的能力看,我个人感觉最大的问题是系统化,细节规范化的问题。建议教程里可以多给指导指导。
    along
        10
    along  
       2016-04-28 11:51:32 +08:00
    不错,真的很不错,加油!
    Ouyangan
        11
    Ouyangan  
       2016-04-28 12:05:25 +08:00
    是个有心人, 顶起来
    litpen
        12
    litpen  
    OP
       2016-04-28 12:30:22 +08:00
    @zqjilove 好,我会把规范放在开篇
    hitmanx
        13
    hitmanx  
       2016-04-28 12:32:13 +08:00
    1. "本课程将带领大制作 Apple.com 的官网首页..."

    “大” -> “大家”?

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

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


    打开页面第一眼看到的两段都有语病有点让人心塞,网页效果做的还是挺好的。
    kisnows
        14
    kisnows  
       2016-04-28 12:42:08 +08:00
    能够辞职来写这个东西,只能说佩服
    litpen
        15
    litpen  
    OP
       2016-04-28 12:47:33 +08:00
    @hitmanx 抱歉写的匆忙没注意到语病,我改了
    johnhsm2333
        16
    johnhsm2333  
       2016-04-28 13:03:51 +08:00 via Android
    个人体验评价:界面不错,但是学习体验不好,编辑查看效果好像不能打开一个新页面看,然后有些链接是通过搜索引擎就复制粘贴过去的吗?比如有一些是什么脚本之家,看起来备课就没搞好。可能自己更喜欢慕课网那种在线学习方式把。
    litpen
        17
    litpen  
    OP
       2016-04-28 13:22:51 +08:00 via iPhone
    @johnhsm2333 那些链接就是找的一些比较好理解的文章,自学都要经历自己查的过程
    litpen
        18
    litpen  
    OP
       2016-04-28 13:24:26 +08:00 via iPhone
    @johnhsm2333 就是不能提供太多,不然会产生依赖
    Rico
        19
    Rico  
       2016-04-28 13:30:53 +08:00
    赞!!
    xfront
        20
    xfront  
       2016-04-28 13:32:44 +08:00
    很认同楼主的想法
    darluc
        21
    darluc  
       2016-04-28 13:36:26 +08:00
    👍
    qping
        22
    qping  
       2016-04-28 13:57:02 +08:00
    很漂亮 赞!
    sensui7
        23
    sensui7  
       2016-04-28 14:14:32 +08:00
    UI 看起来很舒服, 但是有一种看 ppt 的感觉, 交互性一般, 从学习者的角度看, 这个网站本身要比他提供的教程更有感觉, 特别是和 code school 和 code academy 相比, 当然这样比较对楼主太苛刻了.
    sunding0308
        24
    sunding0308  
       2016-04-28 14:23:34 +08:00
    支持
    zhoujianqingz
        25
    zhoujianqingz  
       2016-04-28 14:23:37 +08:00
    感谢!很漂亮!就是有的时候明明想看这一页的,不知道怎么就飘到下一页去了,我是苹果的鼠标
    kethylar
        26
    kethylar  
       2016-04-28 14:29:19 +08:00
    非常非常棒!!赞赞赞!!
    islee
        27
    islee  
       2016-04-28 14:40:09 +08:00
    赞,厉害啊
    MY284677511
        28
    MY284677511  
       2016-04-28 14:55:49 +08:00 via iPhone
    欢迎欢迎
    1OF7G
        29
    1OF7G  
       2016-04-28 15:00:33 +08:00
    打开一看 tab , chrome 卡住了?仔细一看,原来是网站的 favorite icon ……
    zzzvvvxxxd
        30
    zzzvvvxxxd  
       2016-04-28 15:11:25 +08:00
    才 48 天啊,厉害!!
    unique
        31
    unique  
       2016-04-28 15:31:39 +08:00
    不错的东西,支持楼主
    geek123
        32
    geek123  
       2016-04-28 16:39:53 +08:00
    加油同行,我的是这个,汇智网( www.hubwiz.com
    haogefeifei
        33
    haogefeifei  
       2016-04-28 16:48:14 +08:00
    @geek123 蛮不错的
    geek123
        34
    geek123  
       2016-04-28 16:50:18 +08:00
    @haogefeifei 多谢,你能打开楼主的网站吗?
    geek123
        35
    geek123  
       2016-04-28 16:50:45 +08:00
    @litpen 方便加我的 qq 不? 1279802320 ,聊聊。
    TimLang
        36
    TimLang  
       2016-04-28 17:12:11 +08:00
    看了下课程很棒,但是楼主选的这个域名传播实在困难啊,建议挑个稍微好点的域名。
    youngitachi
        37
    youngitachi  
       2016-04-28 17:26:01 +08:00
    感觉好炫酷。
    shenxian
        38
    shenxian  
       2016-04-28 17:51:12 +08:00   ❤️ 1
    @geek123 你的网站做的很好 我常用
    shenxian
        39
    shenxian  
       2016-04-28 17:51:33 +08:00
    顺便也祝楼主的网站越做越好
    helloSwift
        40
    helloSwift  
       2016-04-28 17:52:29 +08:00 via iPhone
    动画效果看上去真不错,晚上再仔细瞧瞧
    litpen
        41
    litpen  
    OP
       2016-04-28 17:56:40 +08:00
    @TimLang 不会吧,我是照国外的产品命名规律想出来的名字,况且那些正常单词的域名根本抢不到
    litpen
        42
    litpen  
    OP
       2016-04-28 17:58:08 +08:00
    @geek123 哈哈,是你们网站启蒙了我的
    qinxi
        43
    qinxi  
       2016-04-28 18:11:33 +08:00
    无法加载。被 V 友运营了?
    litpen
        44
    litpen  
    OP
       2016-04-28 18:15:00 +08:00
    @1OF7G 哈哈 logo 随便搞的
    litpen
        45
    litpen  
    OP
       2016-04-28 18:22:12 +08:00
    无法浏览的朋友试试用手机看行不行
    Mireas
        46
    Mireas  
       2016-04-28 18:22:31 +08:00
    就喜欢这种站,支持支持
    ykjsw
        47
    ykjsw  
       2016-04-28 22:10:34 +08:00
    赞一个,做的很用心
    qfdk
        48
    qfdk  
       2016-04-28 22:17:14 +08:00
    不得不说, lz 做的真的不错。
    crs0910
        49
    crs0910  
       2016-04-28 22:26:01 +08:00 via iPhone
    支持一下
    rosu
        50
    rosu  
       2016-04-28 22:33:52 +08:00
    wow ,美妙的网站设计效果!赞!
    qihboy
        51
    qihboy  
       2016-04-28 23:05:11 +08:00
    辞职?你不是今年的毕业生么?
    Techxiu
        52
    Techxiu  
       2016-04-28 23:22:45 +08:00 via Android
    支持 楼主加油
    litpen
        53
    litpen  
    OP
       2016-04-28 23:24:15 +08:00
    @qihboy 有一份从去年暑假做到现在的实习
    cxshun
        54
    cxshun  
       2016-04-28 23:26:23 +08:00
    赞,楼主加油!
    spitz1jwq
        55
    spitz1jwq  
       2016-04-29 08:22:13 +08:00
    楼主加油。
    geek123
        56
    geek123  
       2016-04-29 08:50:14 +08:00
    @shenxian 多谢支持!
    moonshile
        57
    moonshile  
       2016-04-29 08:58:48 +08:00
    你的 icon 我还以为是 chrome 转圈圈转了一半卡住了,等了半天……
    Void7
        58
    Void7  
       2016-04-29 09:28:06 +08:00
    很赞,加油
    sndnyang
        59
    sndnyang  
       2016-04-29 09:28:58 +08:00
    @litpen 哈哈, 我也做了个 http://zhimind.com , 不过不是前端的, 更偏向于数学等基础知识。 我对前端没有多少经验, 做得难看, 比如 LZ 你的首页效果叫什么都不知道, 搜都没法搜。 做了两个月。大半时间都被前端问题困绕着。
    mdemo
        60
    mdemo  
       2016-04-29 13:26:59 +08:00
    newton108
        61
    newton108  
       2016-04-29 22:36:17 +08:00
    加油。
    regiondavid
        62
    regiondavid  
       2016-05-02 14:47:40 +08:00
    提个小 bug ,导航条的最后“联系我”点击没加上样式
    loser
        63
    loser  
       2016-05-09 05:52:19 +08:00
    好赞。。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1036 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 23:16 · PVG 07:16 · LAX 15:16 · JFK 18:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.