Skip to content

jiexishede/front-end-practice

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

前端之旅

旅程背景

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

旅程意义

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

旅程内容

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

准备工作

建立你的 github 账号,fork https://github.com/LeezQ/front-end-practice 这个资源库,创建自己的目录,目录名使用自己的中文花名即可。在自己的目录中创建自己的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)浮动布局的使用场景,如何清除浮动

第一阶段测验地址

第二阶段相关学习资料:


javascript 相关

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

第二阶段 javascript 练习地址

jQuery 相关

第二阶段 jQeury 练习地址

第三阶段相关资料:


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

About

蘑菇街后端前端学习

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 43.5%
  • JavaScript 35.5%
  • CSS 21.0%