一套深入你内心的前端入门系列教程

528 阅读3分钟


     很多想进入前端的上伙伴都会一个相同的感受:网上的资源很多,但是太过于凌乱,一些网站只有代码,并且代码还没有详细的注释;有些网站提供了案例代码,但是却没有视频,可我更希望能够看到视频讲解;好不容易找到了视频讲解,里面用到的资源笔记却不提供,或者好容易找到一个链接,却让我接下来忍受无穷无尽的广告弹窗...

    这种情况不能再忍受了,我们要改变,我们要拯救...这也正是这个教程系统的出发点。在这个系统中,我们会提供完整的笔记文档,案例资源,同时还有精心录制的配套视频,让小伙伴们能够愉快的完成前端基础阶段的学习,从此跨入深不可测的前端海。而且,重要的一点:整个系列:免费!免费!免费,重要的事情说三遍,甚至我们还可以加入一些讨论群,由行业精英为你免费解答你的学习中的疑惑!!!

    这个系统教程的主题是:"卡其漫画",我们会从无到有,从静态页面的创建,到样式的添加,从基本的js交互,到ajax动态页面的生成等为大家呈现出一个完整的前端基础的学习过程,从此告别前端小白...

  下面是这套系列课程的部分目录,后续的内容会持续更新

  • 第一章:卡其漫画布局
    1. HTML(5)&CSS(3)
      1. 前端入门原来如此简单之入门介绍篇
      2. 标题原来可以这么来使用
      3. 所谓超链接,原来如此简单
      4. 段落是可以这么做滴哦
      5. 骚气的图片是这样添加,你懂吗?
      6. CSS的入门简单到令人发指
    2. 卡其漫画首页布局实现
      1. 卡其漫画中HTML之基本结构
      2. 卡其漫画页面头部结构的实现
      3. 卡其漫画中间内部部分结构布局实现
      4. 卡其漫画底部结构布局实现
  • 第二章:卡其漫画CSS3动画应用
    1. 盒模型在卡其漫画页面中的应用
    2. 为卡其漫画添加圆角和阴影
    3. 背景样式在卡其漫画中的妙用
    4. 伪元素的字体图标让卡其漫画中的效果实现更简单
    5. 过渡效果的添加让卡其漫画页面效果更丰富
    6. 卡其漫画-css3及动画应用-transform变换
    7. 在卡其漫画主页中应用动画效果
  • 第三章:卡其漫画页面Dom编程
    1. 年轻人,你要读一下 JavaScript 历史 
    2. JavaScript 你到底写在哪 - JS 书写位置 
    3. 知道 JS 中的尚方宝剑吗? - JS 变量
    4. 不能运算的语言怎么算编程语 - JS运算符
    5. 人生难免面临选 - JS 分支语句 
    6. 知道JS中的一等公民吗?- JS函数
    7. 该出师了,撸起袖子搞个效果 - JS交互作业
    8. 页面中的骚操作 - 原生JS实现焦点图切换
    9. 卡其漫画之DOM基本操作
  • 第四章:卡其漫画页面数据交互
    1. 卡其漫画- jQuery基本使用
    2. 卡其温画-DOM的基本操作
    3. 卡其漫画-AJAX介绍
    4. 卡其漫画-jQuery中的AJAX应用
    5. 卡其漫画-ES6模板字符串的使用
    6. 卡其漫画-动态渲染页面
  • .....