看了一个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),(document),(“#myId”),("a:first"),("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——可以共存例：() 原生与JQ——可以共存例：(“#div1”).html();document.getElementById(“div1”).innerHTML
原生与JQ——可以混用，不能跨界使用。如(“[name=checkbox]”)[0].innerHTM混合使用可以,document.getElementById(“div1”).html()不可以强大的过滤器例如：(“[name=checkbox]”)[0].innerHTM混合使用可以,document.getElementById(“div1”).html()不可以强大的过滤器例如：(‘div’).has(‘p’);等。。。
相邻元素查找例如：(‘div′).next(‘p′);等。。。链式操作例：(‘div’).next(‘p’);等。。。链式操作例：(‘div’).find(‘h3’).eq(2).html(‘Hello’);
取值与赋值合体例(“h1”).html()(“h1”).html() (“h1”).html(“Hello”);有参数Hello，表示对h1进行赋值
强大的创建 (“li”).html(“www.baidu.com”)工具方法构造函数上的方法例(“li”).html(“www.baidu.com”) 工具方法构造函数上的方法例 .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，等等

web前端工程师基础知识点相关推荐

一个合格的Web前端工程师要掌握的知识点汇总
Web前端开发人员使用的技术CSS和HTML.JavaScript,根据设计师设计的雏形来编写代码.布局,框架,浏览器涉及到不同的领域知识广度,把网站界面更好地呈现给用户.那么问题来了,初学Web前端 ...
从零基础到web前端工程师（三）
前文连接:从零基础到web前端工程师(二) CSS选择器文章目录 CSS选择器初始CSS 引入CSS样式表内部样式表行内式(内联样式) 外部样式表(外链式) 三种样式表总结(位置) CSS样式 ...
Web前端工程师知识体系大全，Web前端入门基础体系
Web前端工程师知识体系大全什么?你上面说的太多太乱了,好吧下面的知识体系只要能掌握个六七成,就能找到个前端的碗了! Web前端基础知识体系大全
如何成为一名优秀的web前端工程师[转]
程序设计之道无远弗届,御晨风而返.---- 杰佛瑞 · 詹姆士我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问:如何做一名优 ...
网页编程从入门到精通杨凡_干货 | web前端入门基础知识
一名合格的web前端工程师必须得掌握HTML.CSS和JavaScript. 只懂其中一个或两个还不行,你必须对这三门语言都很熟悉. 也不是说必须对这三门语言都非常精通,但你至少要能够运用它们完成大多 ...
如何成为一名优秀的web前端工程师（前端攻城师）
程序设计之道无远弗届,御晨风而返.---- 杰佛瑞 · 詹姆士我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问:如何做一名优 ...
如何成为一名优秀的web前端工程师
我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问:如何做一名优秀.甚至卓越的WEB前端工程师. 如何成为一名优秀的web前端工 ...
初级Web前端工程师是什么？初级Web前端工程师的技术体系有哪些？
今天小编要跟大家分享的文章是关于初级Web前端工程师是什么?初级Web前端工程师的技术体系有哪些?本篇文章为大家整理出来了Web前端工程师初级阶段需要掌握的内容,很全面,希望大家好好阅读,看看自己掌握 ...
尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p1-p8】
尚硅谷新版Web前端HTML5+CSS3知识点集合笔记篇尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门) p1(22:55) 一.软件的分类: 1.系统软件 -wind ...

web前端工程师基础知识点