Skip to content

Latest commit

 

History

History
211 lines (147 loc) · 8.66 KB

README.md

File metadata and controls

211 lines (147 loc) · 8.66 KB
Raw

前端之旅

旅程背景

  • 简单介绍下前端的起源，发展情况，所需技能。

旅程意义

  • 为什么要会前端？（好处）
    • 有位古人曾经说过，“不想做CEO的后端不是一个好的前端工程师”
    • 国外工程师都是前后通吃（附图，github 前端开发人员表）
    • 对于公司来讲，后端懂前端，可以更好地写作沟通
    • 自己可以完成一些后台页面，完成简单的交互功能
    • 在做前端的过程中，能够更近距离地接触到用户体验

旅程内容

分为两个阶段，第一阶段主要是 html + css，第二阶段是 jQuery，前两个阶段偏自主学习，第三阶段是动手实战。

准备工作

建立你的 github 账号，fork 前端练习 这个资源库，创建自己的目录，目录名使用自己的中文花名即可。在自己的目录中创建自己的demo.html页面。

以下学习资料中所涉及到的 demo 代码示例最好在 demo.html 页面中手动做一遍，除非自己感觉对这段代码已经很了解了。

第一阶段相关学习资料：

HTML 相关

需要掌握的知识点:

  1. HTML是什么？

  2. HTML基本语法
    1）标签
    2）元素
    3）属性

  3. HTML基本标签
    1）常用标签有哪些？
    2）每个标签的语义是什么？
    3）标签的分类：行级标签、块级标签。
    4）行级标签和块级标签之间的差别。

CSS 相关

需要掌握的知识点:

  1. css 是什么？

  2. css 选择器
    1）有哪几种类型
    2）选择器的权重

  3. css 布局
    1）css 盒子模型 2）有哪些布局方式
    3）绝对定位的使用方式
    4）浮动布局的使用场景，如何清除浮动

第一阶段测验地址

HTML & CSS 练习地址

第二阶段相关学习资料：

javascript 相关

由于 jQuery 在处理 DOM 及 事件上的强大能力，所以对原生的 js 操作 DOM 这一块不做强制要求，有兴趣的同学可以自己了解下。

第二阶段 javascript 练习地址

javascript 练习地址

jQuery 相关

第二阶段 jQeury 练习地址

jQuery 练习地址

第三阶段相关资料：

存放相应的 PSD 到 svn 地址上，第三周周五下午下载 svn 后，临场测试，优秀者可获得神秘奖品一件。