前者学习路线

 

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综合实战
    教工带领做好一个完整网页前后台页面(要硬着头皮圆的充分利用所模拟知识),并经过拥有主流浏览器兼容测试

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

    制作专业
    以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文件之点子。注释,标记,变量,数据类型

    数组精讲
    同一各类,二维,多维数组定义,排序,切分等各种现象下精讲。

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

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

    网常用函数
    setTimeout, 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对事件处理的第二潮封装与事件目标

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

  11. 12

    第七节(下):jQuery 高级精讲

    jQuery 队排精讲
    queue,dequeue,delay,stop等为主函数用法精讲,使用队列完成动画

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

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

    jQuery实战考核
    使用
    jQuery分别完成,完整网页(各种大规模特效制作),业务逻辑运算,数据交换,网页打实现等。

  12. 13

    第八章:jQuery UI精讲二

    jQuery UI精讲二
    发矣jQuery UI 很多时不时因此特效和功力还轻松来定…

  13. 14

    第九节:手机网站做专题精讲

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

  14. 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, AMD, 构建工具, http协议

    新框架和新名称由来的案由
    初框架和名词层出不穷(无数前端框架,无数初称,学习标准不转移:一强硬多能),
    大多来源于BAT, 谷歌, Yahoo, FaceBook, Twitter等等国际第一流IT相关公司.

    为此会并发多新产品,不如说是出现许多化解方案,是当这些店之应用程序规模非常庞大时候要摸索相同栽中之管住章程最终找到同样种植缓解方案,并快速被其他人认可和接受。

  17. 18

    呼吁继续读书:PHP网站开发高档工程师第二管辖后台部分

相关文章