web前端工程师基础知识点

看了一个web培训的大纲，感觉这些确实涵盖了在开发过程当中的一些知识点，特此总结了一下。同时也是第一次尝试了使用markdown这个编辑器，感觉不错。
特此推荐一下

HTMLXHTML

Dreamweaver

DIVCSS结构

javascript

DOM

Jquery技术

Ajax技术

JS实战篇

photoshop

PHP基础

MYSQL

HTML/XHTML

头标记的作用和使用；

常用标签，标题和字体标签图像标签；

列表标签设计；

超链接标签设计；

表格标记的设计；

表单标记的设计；

分桢框架的设计及应用；

表单的应用；

表格的应用

头标记的作用和使用；

常用标签，标题和字体标签图像标签；

列表标签；

超链接标签，建立链接的多种设置方法；

表格标记的；

表单标记的；

表单的应用；

表格的应用及设计；

多媒体的使用及浮动文字的设置；

掌握网页制作的基本工作流程，了解 Dreamweaver 在流程中的作用；

熟知建立网站并生成网页的基本流程，熟练应用

Dreamweaver

掌握网页设计的基本工作流程

了解 Dreamweaver 在流程中的作用及Table布局

掌握网页设计的基本原则

熟知建立网站并生成网页的基本流程，熟练应用

DIV+CSS结构

学习附加外部样式表，链接方式和导入方式；新建css样式，类、标签，新建样式表文件；详解使用DIV+CSS 布局和Web2.0 页面和网站布局的方法和流程。

利用Dreamweaver 实现网站布局，总揽全局熟悉W3C标准熟悉不同浏览器（IE/Firefox）之间的差异，写出的代码能够有很好的兼容性

页面的属性、边距、链接、标题；设置等段落样式；设置段落的列表样式；建立链接的多种设置方法；链接四种状态的颜色与下划线设置。

详细介绍DIV+CSS与TABLE之间的结合使用方法。通过对经典站点的详尽解析，了解不同类型网络媒体的设计需求和内部逻辑关系。

学习网站拓扑的设计规则，从而能够针对不同的设计主题，完成任何类型网络媒体整体结构设计，得心应手。

Div和css的介绍，div+css在网页制作的过程共起到的作用，学习css样式表的常用方式，每种方法在何种情况下应用；

利用Dreamweaver 实现网站布局和流程，总揽全局熟悉熟悉w3c标准熟悉市场上主流浏览器之间的差异，写出的代码能够有很好的兼容性

Css的语法知识，页面的结构、边距、链接、标题的设置；内容的合理排版，文字，文本样式的使用；

设置段落列表样式在网页中的常用模块，以及项目符号的处理；链接四种状态的颜色与下划线设置；经典站点的详尽解析；使之得心应手。

DIV+CSS实战

总揽全局把握网站前台设计制作，让受训学员在真实项目操作中学习，思考、创新，所培训的内容都是企业需要的，从而摆脱了所学和所需严重脱轨的现象，解决了企业和学校之间需求矛盾，为企业培养合适的人才搭建了桥梁。

DIV+CSS制作静态网页；

将html、div+css系统的结合起来，快速了解网站建设流程并学会整站制作方法；

各浏览器的兼容性问题以及兼容性问题调试方法；

W3C标准，SEO搜索引擎优化；

CSS的各种样式，能够写出简洁的可重用的CSS样式表；

多种切图技巧，100%还原设计效果图并非依赖CSS-HACK技术；

经典站点的详尽解析；

所有页面完全兼容各浏览器，如：IE6.IE7.IE8.IE9.IE10.IE11.Firefox.Safari.Chrome.360 Opera；

附带网页背景音乐，在线QQ咨询的效果，网页视频的实现，与动态地图的实现,

培养学生学会及提高网页整站制作、解决问题的能力，了解网站前沿技术和制作网站的整体流程。

掌握搜索引擎优化相关的知识，包括SEO基础、网站代码优化、URL优化、内链和外链..等。

javascript

实现 包括：script位置与外部的 JavaScript等

语句 包括：.innerHTML，.write()

注释

变量及数据类型 包括：动态类型，数组，布尔，JSON

函数 包括：2种函数定义方式与1种假对象定义方式(js无法真正实现面象对像所以为假对象)

运算符 包括：算术运算符，数学运算符，比较运算符，逻辑运算符，条件运算符(三目运算符)

语法 包括：if…else，for，while，switch，try…catch

对象 包括：数字，字符串，日期，数组，逻辑，算数，正则表达式

window 包括：screen，location，history，navigator，popupalert，timing，cookies

DOM

DOM及DHTML的介绍

各种事件及事件处理程序的应用

窗口window对象的属性和方法

文档document对象的应用

location、body、form、screen等对象的使用

DOM获取元素方法：getElementById()、getElementsByName()、getElementsByTagName()

节点遍历的属性：firstChild、lastChild、childNodes、parentNode

节点类型nodeType

DOM方式操作元素属性：getAttribute()、setAttribute()、removeAttribute()

动态创建DOM元素：createElement()、createTextNode()、appendChild()、insertBefore()

动态删除、修改DOM元素：removeChild()、replaceChild()

Jquery技术

选择器 包括：(document),(“#myId”),("a:first"),(“tr:odd”)等，即50,51行

事件 包括：.click(),.bind()等，即63,64行

效果 包括： .fadeIn() .slideDown(),.animate() .stop()等，即65,66行

文档操作 包括：.html(),.append(),.removeAttr()等

属性操作 包括：.addClass(),.attr(),.toggleClass()等

CSS操作 包括：.css(),.height(),.position()等

遍历 包括：.find(),.siblings(),.next(),.each()等

方法函数化，原生的window.onload，Jquery的 ()原生与JQ——可以共存例：(“#div1”).html();document.getElementById(“div1”).innerHTML

原生与JQ——可以混用，不能跨界使用。如(“[name=checkbox]”)[0].innerHTM混合使用可以,document.getElementById(“div1”).html()不可以强大的过滤器例如：(‘div’).has(‘p’);等。。。

相邻元素查找 例如：(‘div′).next(‘p′);等。。。链式操作例：(‘div’).find(‘h3’).eq(2).html(‘Hello’);

取值与赋值合体 例(“h1”).html()(“h1”).html(“Hello”);有参数Hello，表示对h1进行赋值

强大的创建 (“li”).html(“www.baidu.com”)工具方法构造函数上的方法例<script type="math/tex" id="MathJax-Element-21">(“li”).html(“www.baidu.com”)
工具方法 构造函数上的方法 例 </script>.each([],function(){})

原型上的方法 例：$(‘div’).each(function(){})

事件操作——独立事件 例 click()

事件操作——通用事件 例 bind()

事件操作——运动特效 例 fadeIn() slideDown()

事件操作——复杂运动特效 例animate() stop()

Ajax技术

Ajax简介

Ajax工作原理

Ajax开发框架

Ajax web应用模式

创建对象XMLHttpRequest() Date()对象 Open（）方法

Ajax在开发中的应用

Ajax 用户注册例子演示 节省用户操作，时间，提高用户体验。

使用Ajax 传输获取数据 使用ajax获取某一文本文件的内容

AJAX交互式案例详解

JS实战篇

运动类动画：匀速运动、缓冲运动、加减速度动运、弹性运动、跳动效果、模拟其他物理运动；

轮播幻灯片效果大全：平移、滑动、渐隐渐现、跳动、手风琴

菜单效果大全：仿 FLASH 式滑动菜单、联级无限扩展菜单、缓冲跟随菜单

仿桌面应用程序效果：任意扩展功能的放大镜、图片放大效果，磁性拖拽特效、淡入淡出效果等多种效果

彻底玩转网页特效、随心所欲制作各类网站交互效果

高手进阶–向jquery框架看齐：用面向对象和闭包开发的方式开发自己的JS框架

建立函数库，命名空间，对象直接量（命名参数）

原型对象

深入探讨JSON

JS中的封装、继承，闭包开发

开发一个类似jQuery的小型框架库，让自己的JS水平达到一个相当的高度。

photoshop

掌握Photoshop软件的功能及组成部分、安装、删除；认识应用到的设计领域及行业领域；并区分和矢量软件的区别;

学习图像处理、编辑、通道、图层、路径综合运用；通过商业标识设计等案例，

图像色彩的校正；各种特效滤镜的使用；特效字的制作；图像输出与优化等；

灵活运用图层风格；流体变形及褪底和蒙板，制作出千变万化的图像特效。

以Photoshop软件为工具，讲解图层的深度解析、摄影后期的校色调色、影像创意与合成、滤镜效果及其应用、真实案例分析与制作，

掌握切图方法及导出本地链接网页文件方法;掌握绘图工具、颜色填充和描边的使用;

通过教学，使学员能深刻理解色彩和美，通过大量实例及教案，

让学生了解网页设计基础、网页局部设计、例如banner图片设计、导航条设计、

如何调整图片颜色、如何将工具和实际应用进行结合使用；图片处理、蒙板制作、网页中应用等设计。

PHP基础

运行环境独立安装

PHP语言风格、变量和类型之间转换

PHP的运算符与表达式

PHP中的流程控制与函数

PHP数值处理函数

PHP中数组处理

PHP中的字符串处理函数

PHP正则表达式的应用

MYSQL

MySQL数据库的概述；

MySQL数据库安装及配置；

MySQL数据类型及MySQL运算符；

MySQL函数与常用SQL语句

MySQL索引，视图

MySQL数据库的安全、访问控制和权限

当然除了上门的，还要了解其他的技术如 nodejs、bootstrap、AngularJS，等等