1. README.md
        1. 7.html
        2. 8.html
          1. 8.css
          1. 15.jpg
        1. 4.html
        1. 10.html
        2. 9.html
        1. 1.html
        2. 2.html
        3. 3.html
        4. 4.html
        1. 1.html
        1. resume.html
          1. ms.css
        1. ms-page.html
        1. ajax_loadmore.html
        2. mtk.html
        3. mtk2.html
        4. tabs.html
      1. index.html
        1. index.html
        1. task01_sublime.png
        2. task02_chrome.png
        3. task03_翻墙.png
        4. task04_nodejs.png
        5. task05_git.png
        6. task06_简书.png
        1. pageOne.jpg
        2. 图片2.png
        3. 问题七.html
        4. 问题八.html
        1. index.html
        1. Q10.html
        2. Q9.html
        1. 一栏布局.html
        2. 三栏布局.html
        3. 两栏布局1.html
        4. 两栏布局2.html
        5. 双飞翼.html
        6. 圣杯.html
        1. 完整页面.html
        1. resume.css
        2. 简历.html
        1. logo.png
        2. pageOne.jpg
        3. 魔兽世界.css
        4. 魔兽世界.html
      1. README.md
        1. 1.html
        2. 2.html
        3. img1.jpg
          1. play.png
          2. playhover.png
          3. result.png
          4. 圆形 停止 (1).png
          5. 圆形 停止.png
          6. 箭头 (1).png
          7. 箭头.png
          1. demo.css
          2. demo.html
          3. iconfont.css
          4. iconfont.eot
          5. iconfont.svg
          6. iconfont.ttf
          7. m9(1).html
          8. m9(2).html
      1. 任务5代码.html
      1. CSS12.06.html
      2. demo1.css
      3. demo1.html
      4. 一栏布局.html
      5. 三栏布局.html
      6. 下拉框.html
      7. 双飞翼.html
      8. 圣杯布局.html
      9. 导航栏.html
      10. 文本溢出.html
      11. 演示.html
      12. 简历.html
        1. 下导航条.html
        2. 效果1.html
        1. 三栏布局.html
        2. 单栏布局.html
        3. 双飞翼.html
        4. 圣杯布局.html
        1. 作业.html
            1. index.css
            2. 试验.css
            1. 1-landing-wow-landing_20160831.jpg
            2. 3-common-f-business_20160608.png
            3. cprt.png
            4. email-icon.png
            5. intel-nvidia.png
            6. police.png
            7. sgs-icon.png
          1. index.html
          1. index.html
          1. index.html
          1. index.html
          1. style.css
          2. timu7.html
          1. index.html
          2. router.js
          3. user.ejs
          1. style.css
          2. weather.html
          1. lunbo1.jpg
          2. lunbo2.jpg
          3. lunbo3.jpg
          4. lunbo4.jpg
        1. index.html
        2. smallcarousel.js
        3. style.css
        1. 1226课程任务.md
        2. 20161127课程作业.md
        3. 20161129_CSS选择器.md
        4. 20161202_CSS常见样式.md
        5. 20161227数据类型.md
        6. 20170102_JS控制语句.md
        7. 20170106_js作用域.md
        8. 20170115正则表达式.md
        9. HTML表单用法.md
        10. html1.md
        11. 寒假任务3Ajax.md
        12. 寒假任务5-jQuery.md
        13. 寒假任务6-jquery 动画与 ajax.md
              1. style.css
              2. tab切换.html
              1. index.html
            1. index.html
            2. style.css
        14. 寒假作业5jQuery事件.md
        1. index.html
        1. index.html
          1. icon.png
        1. index.html
          1. index.html
          1. index.html
            1. 1.jpg
            2. 10.jpg
            3. 11.jpg
            4. 12.jpg
            5. 13.jpg
            6. 14.jpg
            7. 15.jpg
            8. 16.jpg
            9. 17.jpg
            10. 18.jpg
            11. 19.jpg
            12. 2.jpg
            13. 20.jpg
            14. 3.jpg
            15. 4.jpg
            16. 5.jpg
            17. 6.jpg
            18. 7.jpg
            19. 8.jpg
            20. 9.jpg
          1. index.html
          2. jquery-3.1.1.min.js
          1. index.html
          2. jquery-3.1.1.min.js
          1. index.html
          2. jquery-3.1.1.min.js
          1. index.html
          2. jquery-3.1.1.min.js
          1. index.html
          2. jquery-3.1.1.min.js
          3. jquery.min.js
          1. index.html
          2. jquery-3.1.1.min.js
        1. index.html
        2. router.js
        3. user.ejs
          1. index.html
          2. jquery-3.1.1.min.js
          1. index.html
          2. jquery-3.1.1.min.js
          1. index.html
          2. jquery-3.1.1.min.js
          1. index.html
          2. jquery-3.1.1.min.js
          1. index.html
          2. jquery-3.1.1.min.js
          3. router.js
          1. index.html
          2. index2.html
          3. jquery-3.1.1.min.js
          1. index.html
          2. router.js
          3. user.ejs
          1. index.html
          2. router.js
          3. user.ejs
          1. a.html
          2. b.html
          3. router.js
          4. user.ejs
          1. a.html
          2. b.html
          3. router.js
          4. user.ejs
          1. difference-block+inline.html
          1. inherit-text.html
          1. Shapes.css
          2. Shapes.html
          1. 123.jpg
          2. html-job7.html
          3. stylesheet-job7.css
          1. html-job8.html
            1. 123.gif
            2. 456.gif
          2. stylesheet-job8.css
        1. job4-btn.class.html
        2. job5-vertical-align.html
        1. job10-navbar.html
        2. job9-position.html
        1. job1-one.html
        2. job1-oneline.html
        3. job2-three.html
        4. job2-threeadapt.html
        5. job2-threefix.html
        6. job3-cup.html
        7. job4-fly.html
        8. jobplay-all.html
        1. job1-demopage.html
        1. job3-456.jpg
        2. job3-resume.html
          1. iconfont.js
          2. iconfont.svg
          1. content-bg.jpg
          2. content-door1.jpg
          3. content-door2.jpg
          4. content-door3.jpg
          5. content-door4.jpg
          6. footer-icon1.png
          7. footer-icon2.png
          8. footer-icon3.png
          9. footer-icon4.png
          10. footer-logo-1.png
          11. footer-logo-2.png
          12. footer-sprite1.png
          13. footer-sprite2.png
          14. header-bg-1.png
          15. header-bg-2.png
          16. header-bg-3.png
          17. header-bg.jpg
          18. header-logo.png
        1. wow.css
        2. wow.html
        1. homework-5.html
        2. homework-6.html
        3. homework-7-1.jpg
        4. homework-7-2.jpg
        5. homework-7-3.jpg
        6. homework-7.html
          1. tab.css
          2. tab.html
          3. tab.js
          1. modal.css
          2. modal.html
          3. modal.js
          1. lockModal.html
          1. ajaxJian.js
          1. ajaxJian.js
          2. index.html
          3. router.js
          1. ajaxJian.js
          2. index.html
          3. router.js
          1. index.html
          2. router.js
          1. a.yang.com.html
          2. b.yang.com.html
          1. index.html
          2. router.js
          1. index.html
          2. router.js
          1. a.yang.com.html
          2. b.yang.com.html
          1. a.com.html
          2. b.com.html
          1. 1.jpg
          2. 2.jpg
          3. 3.jpg
          4. jquery-1.9.1.js
          5. tab切换多个.html
          1. 1.jpg
          2. 2.jpg
          3. 3.jpg
          4. jquery-1.9.1.js
          5. 加载更多+回到顶部.html
          1. jquery-1.9.1.js
          2. tab单个切换.html
            1. iconfont.css
            2. iconfont.eot
            3. iconfont.js
            4. iconfont.svg
            5. iconfont.ttf
            1. 1.jpg
            2. 10.jpg
            3. 2.jpg
            4. 3.jpg
            5. 4.jpg
            6. 5.jpg
            7. 6.jpg
            8. 7.jpg
            9. 8.jpg
            10. 9.jpg
            11. heart.gif
          1. jquery-1.9.1.js
          2. lazyimg.html
            1. 1.jpg
            2. 10.jpg
            3. 2.jpg
            4. 3.jpg
            5. 4.jpg
            6. 5.jpg
            7. 6.jpg
            8. 7.jpg
            9. 8.jpg
            10. 9.jpg
          1. jquery-1.9.1.js
          2. waterfall.html
          3. waterfalls.html
            1. 0.jpg
            2. 1.jpg
            3. 2.jpg
            4. 3.jpg
            5. 4.jpg
            6. 5.jpg
            7. 6.jpg
            8. 7.jpg
            1. carousel.css
            2. carousel.html
            3. carousel.js
            4. jquery-1.9.1.js
            1. carouselfade.css
            2. carouselfade.html
            3. carouselfade.js
            4. jquery-1.9.1.js
        1. jquery-1.9.1.js
        2. tab组件-jQuery+面向对象.html
        3. tab组件-jQuery.html
        4. tab组件-原型.html
        5. tab组件-原生JS.html
        6. tab组件-构造函数.html
        1. jquery-1.9.1.js
        2. newList.html
        3. newsList.html
      1. Task3.md
          1. sanlan.html
          2. style.css
          1. danlie.html
          2. style.css
          1. sfy.html
          2. style.css
          1. shengbei.html
          2. style.css
        1. layout.html
        2. style.css
        1. layou.html
          1. 01.png
          2. 02.png
          3. 03.png
          4. 04.png
          5. ad-1.jpg
          6. ad-2.jpg
          7. ad-3.jpg
          8. head-portrait_01.png
          9. head-portrait_02.png
          10. head-portrait_03.png
          11. head-portrait_04.png
          12. location-logo_03.png
          13. personal-bg.jpg
          1. banner.jpg
          2. headerbg.jpg
          3. map-bg.jpg
        1. layout.html
        2. style.css
            1. ad-1.jpg
            2. ad-2.jpg
            3. ad-3.jpg
            4. ad-4.jpg
            5. bg.jpg
            6. bliz.png
            7. icon-sprite.png
            8. icon.png
            9. icon20120516.png
            10. logo.png
            11. police.png
            12. sgs-icon.png
            13. wangyi.png
            14. zx110.png
          1. index.html
          2. index.js
          3. layout.css
        1. float-css.css
        2. float.css
        3. float.html
        4. triangle-float.html
        5. 预习.html
      1. index.html
          1. function.html
          1. index.js
          1. index.html
          2. router.js
          3. user.ejs
          1. index.html
          2. router.js
          3. user.ejs
          1. base.js
          2. index.html
          3. router.js
          4. user.ejs
      1. index.html
        1. jquery-3.1.1.min.js
        2. 题目10.html
        3. 题目11.html
        4. 题目9.html
        1. jquery-3.1.1.js
        2. jsonp懒加载.html
              1. demo.css
              2. demo_fontclass.html
              3. demo_symbol.html
              4. demo_unicode.html
              5. iconfont.css
              6. iconfont.eot
              7. iconfont.js
              8. iconfont.svg
              9. iconfont.ttf
            1. music.css
            1. 1.jpg
            2. listen-music.gif
            1. jquery-3.1.1.min.js
            2. music.js
            3. player.js
          1. music.html
              1. demo.css
              2. demo_fontclass.html
              3. demo_symbol.html
              4. demo_unicode.html
              5. iconfont.css
              6. iconfont.eot
              7. iconfont.js
              8. iconfont.svg
              9. iconfont.ttf
            1. music.css
            1. 1.jpg
            2. listen-music.gif
            1. jquery-3.1.1.min.js
            2. music.js
            3. player.js
          1. music.html
              1. demo.css
              2. demo_fontclass.html
              3. demo_symbol.html
              4. demo_unicode.html
              5. iconfont.css
              6. iconfont.eot
              7. iconfont.js
              8. iconfont.svg
              9. iconfont.ttf
            1. music.css
            1. jquery-3.1.1.min.js
            2. player.js
          1. music.html
          1. README.md
              1. demo.css
              2. demo_fontclass.html
              3. demo_symbol.html
              4. demo_unicode.html
              5. iconfont.css
              6. iconfont.eot
              7. iconfont.js
              8. iconfont.svg
              9. iconfont.ttf
            1. music.css
            1. jquery-3.1.1.min.js
            2. player.js
          2. music.html
          1. README.md
              1. demo.css
              2. demo_fontclass.html
              3. demo_symbol.html
              4. demo_unicode.html
              5. iconfont.css
              6. iconfont.eot
              7. iconfont.js
              8. iconfont.svg
              9. iconfont.ttf
            1. music.css
            1. jquery-3.1.1.min.js
            2. player.js
          2. music.html
          1. README.md
              1. demo.css
              2. demo_fontclass.html
              3. demo_symbol.html
              4. demo_unicode.html
              5. iconfont.css
              6. iconfont.eot
              7. iconfont.js
              8. iconfont.svg
              9. iconfont.ttf
            1. music.css
            1. jquery-3.1.1.min.js
            2. player.js
          2. music.html
        1. 1.jpg
        2. 2.jpg
        3. 3.jpg
        4. 4.jpg
        5. jquery-3.1.1.min.js
        6. lunbo.html
        7. lunbo.js
        8. lunbo_css.css
        1. 三角形.html
        2. 文本省略.html
        3. 页面.html
        1. btn.html
        1. nav.html
        2. 箭头.html
        1. 一栏.html
        2. 三栏.html
        3. 两栏.html
        4. 双飞翼.html
        5. 圣杯.html
        1. 布局作业.html
        1. 介绍.html
        1. 魔兽世界.html
        1. jquery-3.1.1.js
          1. tab.html
          2. 二级代理.html
          3. 代理.html
        1. jquery-3.1.1.js
        2. router.js
        3. user.ejs
        4. 加载更多.html
        5. 天气.html
        6. 第七题.html
          1. index.html
          2. router.js
          3. user.ejs
          1. index.html
          2. router.js
          3. user.ejs
          1. index.html
          1. a.html
          2. b.html
          3. router.js
          1. a.html
          2. b.html
          3. router.js
        1. index.html
        2. jquery-3.1.1.js
        3. router.js
        4. 图片懒加载.html
        5. 新闻懒加载.html
        1. jquery-3.1.1.js
        2. jquery-3.1.1.min.js
        3. 图片懒加载.html
        4. 新闻懒加载.html
        5. 木桶布局.html
        6. 渐变轮播.html
        7. 瀑布流.html
        8. 瀑布流新闻懒加载.html
        9. 轮播1.html
        1. jquery-3.1.1.js
        2. 渐变轮播.html
        3. 轮播1.html
        1. 任务3-三角形.html
        2. 任务7.html
        3. 任务8.html
        1. btn.html
        1. nav.html
        2. 三角形定位.html
        1. 三栏布局.html
        2. 单栏布局.html
        3. 双飞翼布局 -.html
        4. 圣杯布局.html
        1. 布局.html
        1. 1.jpg
        2. 2.jpg
        3. 3.jpg
        4. 4.jpg
        5. index.html
        1. danlan.html
        2. sanlan.html
        3. shengbei.html
        4. shuangfeiyi.html
        1. index.html
        2. style.css
        1. index.html
        2. style.css
          1. 01.jpg
          2. 02.png
          3. 03-1.jpg
          4. 03-2.jpg
          5. 03-3.jpg
          6. 03-4.jpg
          7. 04icon.png
          8. 05icon.png
          9. 06icon.png
          10. 07icon.png
          11. 08icon-1.png
          12. 08icon-2.png
          13. 08icon-3.png
          14. 08icon-4.png
        1. index.html
        2. style.css
        1. btn.html
      1. card.html
      2. style.css
      3. 页面代码.html
          1. iconfont.css
          2. reset.css
          3. style.css
          1. iconfont.css
          2. iconfont.eot
          3. iconfont.js
          4. iconfont.svg
          5. iconfont.ttf
        1. resume.html
        1. Chrome浏览器.png
        2. Nodejs与Git.png
        3. Sublime Editor.png
        4. 简书.png
        5. 翻墙软件与Google.png
        1. index_1.html
        2. index_2.html
        1. index.html
        1. t10.html
        2. t9.html
        1. double-wings.html
        2. single-column-1.html
        3. single-column-2.html
        4. the-holy-grail.html
        5. three-columns.html
        1. layout-2.html
        2. layout.html
        1. avatar.PNG
        2. resume.html
          1. blizzard.png
          2. cprt.png
          3. email-icon.png
          4. intel-nvidia.png
          5. netease.png
          6. police.png
          7. sgs-icon.png
          8. wow-game-1.jpg
          9. wow-game-2.jpg
          10. wow-game-3.jpg
          11. wow-game-4.jpg
          12. wow-middle.png
        1. index.css
        2. index.html
        1. 作业1_tab切换效果_1.html
        2. 作业1_tab切换效果_2.html
        3. 作业2_模态框.html
          1. index.html
          1. index.html
          2. router.js
          1. index.html
          2. router.js
          3. user.ejs
          1. a.html
          2. b.html
          3. index.html
          4. router.js
          5. user.ejs
          1. index.html
          2. router.js
          3. user.ejs
        1. effect.html
        2. loadProduct.html
        3. mod-tab.html
        1. task5-1.html
        2. task7.html
      1. test.md
      1. 12月20日作业.html
      2. 12月6日代码作业.html
      3. 12月9日作业1.html
      4. index.html
      5. 三栏布局.html
      6. 三角形.html
      7. 单栏布局.html
      8. 双飞燕布局.html
      9. 圣杯布局.html
      10. 省略.html
      11. 简历.html
      12. 项目1.html
        1. index.html
        1. 2016-12-02triangle.html
        2. 2016-12-02作业7.html
        3. 2016-12-02作业8.html
        1. 20161206button.html
        1. 2016-12-09第九题.html
        2. 2016-12-09第十题.html
        1. 20161211三栏布局.html
        2. 20161211单栏布局1.html
        3. 20161211单栏布局2.html
        4. 20161211双飞翼布局.html
        5. 20161211圣杯布局.html
        1. 20161213作业.html
          1. touxiang.png
        1. 作业1220简历.html
        1. 20161223wow作业.html
        2. wow.css
        1. 第6题.html
        2. 第7题.html
        1. 实现tab.html
        2. 弹窗.html
        1. index.html
        2. router.js
          1. index.html
          2. router.js
          1. index.html
          2. router.js
          1. 2.html
          2. index.html
          1. 2.html
          2. index.html
        1. 侧边栏.html
        2. 加载商品.html
        3. 商品列表.html
          1. 1.jpg
          2. 2.jpg
          3. 3.jpg
          4. 4.jpg
          5. 5.jpg
          6. 6.jpg
        1. 懒加载.html
        2. 瀑布流布局.html
        1. 新闻.html
        1. tab组件.html
        1. index.html
            1. carousel.js
            2. eventCenter.js
            3. goTop.js
            4. index.js
            5. jquery.js
            6. lazyload.js
              1. merge.js
            1. bulid.js
            2. main.js
            3. require.js
        1. weather.html
        2. 寒假作业6-7.html
          1. router.js
          2. 寒假作业6-8.html
        1. 20161206.md
        2. 20161209.md
        3. 20161216.md
        4. 20161220.md
        5. 20161223.md
        6. 20161225.md
        7. 20161227.md
        8. 20161230.md
        9. 20170103.md
        10. 20170106.md
          1. banane.jpg
          2. demo1.html
          1. elephant.jpg
          2. index.html
        1. demo.html
        2. demo1.html
        1. demo.html
        2. demo1.html
        3. demo2.html
        4. demo3.html
        1. index.html
        1. demo.html
        2. index.html
        3. style.css
          1. iframe.html
          2. index.html
          1. index.html
          1. style.css
          2. style.scss
          1. 1.jpg
          2. 2.png
          3. 3.jpg
          4. 4.jpg
          5. 5.jpg
        1. index.html
          1. index.js
          2. slide.js
          3. tabs.js
          1. jquery-3.1.1.min.js
      1. index.html
        1. iconfont.css
        2. iconfont.ttf
        3. index.html
        4. index.js
        5. jquery-3.1.1.min.js
        6. style.css
        7. style.scss
      1. demo.html
          1. 1.jpg
          2. index.html
          1. 1.png
          2. index.html
      1. 1206demo.html
        1. test-10.html
        2. test-9.html
        1. a标签按钮.html
        2. 三栏布局.html
        3. 单栏布局-通栏.html
        4. 单栏布局.html
        5. 双飞翼布局.html
        6. 圣杯布局.html
        7. 水平等距排列.html
        1. onepage.html
        1. face.jpg
        2. index.html
      2. index.html
        1. index.html
          1. baoxue.png
          2. game1.jpg
          3. game2.png
          4. game3.png
          5. game4.png
          6. head-bg.jpg
          7. icon-1.png
          8. icon-2.png
          9. icon-3.png
          10. icon-4.png
          11. icon-5.png
          12. icon-6.png
          13. icon-7.png
          14. icon.png
          15. logo.png
          16. wangyi.png
        1. index.html
        1. code.html
        2. code2.html
        1. code.html
        1. 09code.html
        2. code.html
        1. code13.html
        1. code23.css
        2. code23.html
      1. README.md

如何写作业预习课程

  1. 打开本项目issue, https://github.com/jirengu-inc/jrg-vip10/issues ,找到对应时间直播的作业,如 【作业预习】20161120
  2. 进入作业,在回复去回复自己的作业。作业标题为自己的真实姓名
  3. 对于代码题,在本项目创建 homework -> 自己的姓名文件夹 -> 20161120(上课时间)--> index.html
  4. 代码上传后可以在 githubpages 里预览, 比如, https://jirengu-inc.github.io/jrg-vip10/homework/ruoyu/20161120/index.html
  5. 也可以在这里预览, 比如, http://book.jirengu.com/jirengu-inc/jrg-vip9/ ,只不过代码上传后会有半分钟延迟
  6. 注意,自己的代码只能放到自己的姓名文件夹中,不要在自己的姓名文件夹外放文件

如何看课件

  1. 直播课课件: 打开 http://book.jirengu.com/jrg-team/frontend-knowledge-ppt/ ,打开左侧 www 目录,找到课件 ppt

  2. 辅助课件: 打开 http://book.jirengu.com/fe

如何看视频

Git使用步骤

  1. 获取本 repo 读写权限
  2. git clone git@github.com:jirengu-inc/jrg-vip10.git
  3. cd jrg-vip10
  4. git config --global user.name 你的名字
  5. git config --global user.email 你的邮箱
  6. 在homework文件夹下新建自己名字的文件夹
  7. 在自己名字的文件夹下写代码, 注意不要修改其他人的代码
  8. git add .
  9. git commit -am "modify something"
  10. git push -u origin master 上传自己的代码
  11. 以后只需要 git push 就可以上传代码了。
  12. 如果报错, 先执行 git pull origin master再执行git push origin master
  13. 如果进入一个奇怪的页面,输入:wq

在线预览

这个 repo 里的代码可以在 http://book.jirengu.com/jirengu-inc/jrg-vip10/ 预览。 代码路径换成https://jirengu-inc.github.io/jrg-vip10/homework...就可以预览了。