前端学习路线

 

1. 首先章:认识网站前端

前端工作前景  
前端目前人才需求巨大,真正会的人甚少,大学毕业都是菜鸟,愿意继续学习的人又很少,导致人才匮乏,工作待遇高涨。前端目前待遇普通在6K-20K之间,优秀更高。

<!-- -->

前端岗位及工作内容  
岗位名称:WEB前端工程师 ,任务:提升互联网产品的用户体验!

如今的前端今非昔比,PC网站开发,手机端网站开发,网页游戏开发等等,前端工程师一般需要熟悉至少一种后台开发技术(例如:PHP首选)

<!-- -->

本班课程设计及目标  
紧紧围绕社会发展需求,培养专业级实战人才。所有毕业同学均包就业。
  1. 2

    第一章:HTML5从入门到精晓

    系统精讲HTML4.01常用全部标签
    html, body, head, meta, title 等原则性结构标签

    div,h1-h6, p, ul, ol, dl,iframe 等几十种布局标签

    a,img,span,b,strong, link, script 等几十种内容型标签

    form表单专题精讲

    table表格专题精讲

    多媒体音视频处理专题精讲

    系统精讲HTML5新增全体常用标签
    header, section, nav, footer, article, aside
    等新增布局型语义标签精讲

    form表单新天性精讲

    audio,video等新增多媒体标签精讲

    canvas专题精讲

    html综合实战与考绩
    教工指导使用html标签布局三个完好无缺网页

    学生独立完毕使用html标签(手写)完结一个总体网页

  2. 3

    其三章:PhotoShop切图精讲

    财富准备
    有助教提供一套网站PSD设计源文件

    名师带队演示PS切图技术和注意事项

    切图实战考核
    每人同学可以网上下载一套psd设计源文件,已毕切图职责

    学完CSS后更是对此技术举行强化陶冶

  3. 4

    第四章(上):CSS 精讲

    CSS飞速入门
    CSS火速入门示例,CSS选用器,行内,页级,外联,导入(link,import)精讲

    HTML所有常用标签暗许值本性专题

    边框与边距
    实战演示+系统精讲border,margin,padding种种应用

    背景与背景定位
    实战演示+系统精讲background-*背景颜色,背景图片及固定,种种应用场景

    文件个性与列表样式
    一级链接css特性,img的css包容本性

    文件粗细,颜色,行间距,字间距,字体,对齐形式等精讲

    各样list列表的css性情与实战演练

    尺寸与常用单位精讲
    增幅(最小幅面,最小宽度,百分比涨幅,定值宽度),中度(同前)

    px, em, pt, n%, hex 及至极字符串描述

  4. 5

    第伍章(下):CSS 难点精讲

    布局精讲
    变更原理,左右转移,清除浮动,浮动对块状成分,行内块状成分,行内成分的熏陶精讲

    “行内,块状,行内块状,表格情势” 成分类型的随意转移

    要素的隐藏与呈现

    恒定精讲
    由此实战了解相对定位

    通过实战精晓相对固定

    透过实战精通固定定位

    定点与变化的分歧专题

    报表与表单CSS专题精讲
    表单css精讲,表单成分CSS默认值天性,不识别性情

    报表css天性,丰裕利用可以把广大划算难点简单化

    HTML+CSS综合实战
    师资带队做好3个完整网页前后台页面(要尽可能周详的丰富利用所学知识),并透过具有主流浏览器包容测试

    结业设计:学生独立完毕网站网页前后台页面,并透过具有主流浏览器兼容测试

    打造专业
    以BAT产品为规范,唯美或材料,误差2像素内容,代码精炼,结构清晰合理,html与css要完全分离,符合W3C标准,利于SEO,利于程序员使用,注释规范分明。

  5. 6

    第⑥章(上):CSS3对css2的中坚拓展一

    CSS3高速入门
    透过示范快速分解CSS3

    CSS3主流浏览器包容难点,浏览器内核前缀介绍

    CSS3新增几十种采纳器精讲

    css3文本新特点精讲
    text-shadow 实战应用精讲

    文件方向,自定义字体等公事新特点精讲

    新增颜色情势精讲
    rgba 色彩渐变,反射率应用广泛

    Hsl

    在css2基础上新增UI天性
    新圆角,图像边框,线性渐变,径向渐变,多重背景,遮罩等

  6. 7

    第四章(中):CSS3 新盒子模型与响应式布局专题精讲

    盒新模型精讲
    CSS3 分栏布局精讲
    CSS3 响应式布局精讲

  7. 8

    第伍章(下):CSS3 过渡/Animate动画/2D/3D变换/ – 注:此部分可以在js基础学完后学习

    Transition过渡动画精讲
    Transition过渡动画精讲及实战

    Animate关键帧动画精讲
    Animate关键帧动画精讲及案例实战

    2D变换
    transform旋转,斜切,平移,缩放

    2D变换实战案例

    3D变换
    transform旋转,斜切,平移,缩放

    3D变换实战案例

  8. 9

    第⑤章(上):JavaScript基本语法精讲

    JS连忙入门
    高效入门示例,js各样嵌入到html文件的章程。注释,标记,变量,数据类型

    数组精讲
    1人,二维,多维数组定义,排序,切分等各类场地使用精讲。

    函数精讲
    函数定义,执行环境,效用域,匿名函数,回调,递归,闭包精讲

    字符串处理精讲
    字符串处理函数,正则表明式精讲

    系统常用函数
    set提姆eout, setInterval,日期时间函数,数学函数精讲

    认识目的
    js对象定义,构造函数,原型精讲

  9. 10

    第四章(下):BOM/DOM模型/事件模型

    BOM模型精讲
    Navigator, Location, Window, Screen, history对象精讲

    DOM模型
    节点查找,类型判断,创设,添加,删除,修改等

    事件模型
    冒泡型,捕获型,事件绑定的3种格局精讲

    事件类型
    鼠标事件,键盘事件,UI事件精讲

    事件目标精讲
    各个不一致事件类型的事件目的精讲

  10. 11

    第七章(上):jQuery 精讲一

    jQuery快速入门
    敏捷入门示例,jQuery 拔取器

    常用函数实战
    脾气编辑函数,成分筛选函数

    节点处理
    jQuery对DOM模型的处理的一次封装

    CSS处理
    jQuery对css处理的一次封装

    jQuery事件处理
    jQuery对事件处理的3次封装与事件目的

    jQuery动画效果
    淡入淡出,隐藏突显,animate动画等

  11. 12

    第9章(下):jQuery 高级精讲

    jQuery 队列精讲
    queue,dequeue,delay,stop等中央函数用法精讲,使用队列完毕动画

    jQuery插件开发
    jQuery插件开发精讲,插件开发实战

    Ajax应用专题精讲
    Ajax应用专题精讲

    jQuery实战考核
    采取jQuery分别成功,完整网页(各个大规模特效制作),业务逻辑运算,数据交流,网页游戏达成等。

  12. 13

    第八章:jQuery UI精讲二

    jQuery UI精讲二
    有了jQuery UI 很多常用特效和职能都轻松解决…

  13. 14

    第⑨歌:手机网站制作专题精讲

    手机网站实战专题
    手机网站实战专题

  14. Bootstrap,15

    第捌章:Ajax、JSON、XML、Canvas 专题精讲

    Ajax精讲
    原生Ajax精讲, XMLHttpRequest对象与 “jQuery Ajax” 实战相比

    JSON、XML 精讲
    JSON、XML 精讲、微信公众平台案例

    Canvas 精讲
    Canvas 绘图,通进度序也能自在创制,修改图片了…

  15. 16

    第⑦一章:JavaScript 原生高级编程精讲

    JS 复制继承,原型链继承等
    JS 复制继承,原型链继承等精讲具体见课堂讲义…

    JS对象继承
    JS对象继承在框架开发中运用实例精讲,更佳的包装和起用你的代码。

  16. 17

    第七二章:其余拓展进阶学习

    延长学习 – 前端布道师
    为成功几人合营的重型WEB前端项目,确保代码的可用型,高品质,易拓展等难点,有一名目繁多化解方案。那几个方案都创设在明白以上基础之上。

    更多框架库学习
    SeaJS、Angular、Bootstrap、React, NodeJS(服务器端平台)等等

    SVN, 模块化开发, CMA, 速龙, 打造工具, http商谈

    新框架和新名称由来的来头
    新框架和名词不以为奇(无数前端框架,无数新名称,学习条件不变:一精多能),
    大多来源于BAT, 谷歌(谷歌), Yahoo, FaceBook, 推特(TWTR.US)等等国际拔尖IT相关公司.

    为此会冒出许多新产品,不如说是出现众多化解方案,是在这么些合营社的应用程序规模很巨大时候要求摸索一种有效的军事管制艺术最后找到一种缓解方案,并飞速被其余人认可和收受。

  17. 18

    请继续求学:PHP网站开发高档工程师第②部后台部分

相关文章