爱意满满的作品展示区。
litpen

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

  •  6
     
  •   litpen ·
    lipten · Apr 28, 2016 · 8126 views
    This topic created in 3847 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

    谢谢大家~

    Supplement 1  ·  Apr 28, 2016
    移动设备也能访问哦
    Supplement 2  ·  Apr 28, 2016
    感谢大家的鼓励,我会加倍努力的,但是我觉得我势单力薄,只有在前端技术这块能维持,其他领域就没时间学了,要是有后端的朋友或者 UI 设计有想法的希望能一起合作。
    Supplement 3  ·  May 1, 2016
    话说 V 友们都只是说好,我想知道我的目标(提高学习者的自学意识)到底有没有达到。到底我这个教程能不能提高学习者的自学意识还是只是一个教程?

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

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

    如果是渔请以你们的角度给点意见呗,我希望能做的更好!
    63 replies  •  2016-05-09 05:52:19 +08:00
    enda
    enda
    Apr 28, 2016
    1
    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
    learnshare
    Apr 28, 2016
    2
    那么开始第一节吧! 这个链接 /按钮太不明显;

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

    导致第一节课打不开。
    litpen
    litpen
    OP
    Apr 28, 2016
    3
    @enda 不好意思,现在可以了
    enda
    enda
    Apr 28, 2016
    4
    @litpen 恩,加油
    VtoEXL
    VtoEXL
    Apr 28, 2016❤️1
    5
    不错啊, github 已 follow
    zqjilove
    zqjilove
    Apr 28, 2016
    6
    来个 JS 教程吧。。
    litpen
    litpen
    OP
    Apr 28, 2016
    7
    @zqjilove 嗯,如果这篇教程可以的话我就继续出教程
    atuoOo
    atuoOo
    Apr 28, 2016
    8
    支持下
    zqjilove
    zqjilove
    Apr 28, 2016
    9
    @litpen 说起前端,从自己半吊子的能力看,我个人感觉最大的问题是系统化,细节规范化的问题。建议教程里可以多给指导指导。
    along
    along
    Apr 28, 2016
    10
    不错,真的很不错,加油!
    Ouyangan
    Ouyangan
    Apr 28, 2016
    11
    是个有心人, 顶起来
    litpen
    litpen
    OP
    Apr 28, 2016
    12
    @zqjilove 好,我会把规范放在开篇
    hitmanx
    hitmanx
    Apr 28, 2016
    13
    1. "本课程将带领大制作 Apple.com 的官网首页..."

    “大” -> “大家”?

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

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


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