前端学习路线

 

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提姆(Tim)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, Google, Yahoo, FaceBook, Twitter等等国际一级IT相关羽司.

    从而会见世众多新产品,不如说是出现过多解决方案,是在那些商店的应用程序规模很庞大时候需要寻找一种有效的管住措施最后找到一种缓解方案,并急忙被其外人认可和经受。

  17. 18

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注