web前端工程师基础知识点

来源:互联网 时间:1970-01-01

看了一个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,等等



相关阅读:
Top