web前端工程师基础知识点

r囧r小猫 2023-02-08 12:58 31阅读 0赞

看了一个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”)工具方法构造函数上的方法例.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，等等*