前者学习路线

 

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文件的主意。注释,标记,变量,数据类型

    数组精讲
    相同位,二维,多维数组定义,排序,切分等各样气象下精讲。

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

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

    网常用函数
    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对事件处理的次不善封装与事件目的

    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, Intel, 构建工具, http磋商

    乍框架和初称由来的故
    新框架和名词不以为奇(无数前端框架,无数初称,学习条件不更换:一强有力多能),
    大多来自BAT, 谷歌, Yahoo, FaceBook, Twitter等等国际第一级IT相美髯公司.

    所以会师世多初产品,不如说是现身许多化解方案,是在这么些店的应用程序规模大庞大时候需要寻找相同种植有效的田间管理章程最后找到同样栽缓解方案,并神速为其旁人认同和纳。

  17. 18

    要继续上:PHP网站开发高档工程师第二部后台部分

相关文章