Web前端开发工程师
时间:2023-05-27 01:03:02 | 来源:网站运营
时间:2023-05-27 01:03:02 来源:网站运营
Web前端开发工程师:
Web前端开发工程师,主要职责是利用HTML、XHTML、CSS、JAVAScript、FLASH等各种Web前端技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web前端开发,致力于通过技术改善用户体验。第一阶段:页面制作基础从这一基础阶段开始,正式学习Web前端开发需要的编程语言HTML,CSS和JavaScript。HTML和CSS用于Web静态内容的展示,JavaScript用于Web动态交互。完成这一阶段前端开发的学习,你就可以独立实现一个动静结合的Web前端项目啦! 第二阶段:主流框架应用优秀的Web前端开发工程师一定都是追求高效率的”懒人“。这一框架阶段就是教你如何使用当今流行的Web前端框架,包括bootstrap、Angularjs等,来提高前端开发效率。在学习前端框架本身的同时,也希望你能掌握任意一种快速上手的web前端框架的方法!?第三阶段:前端技术进阶web前端开发进阶阶段的学习,主要是让大家快速掌握当今流行、实用、最新的技术,比如:less、sass、json、ajax等,并将这些前端技术快速用于实践,开发出更加符合客户体验度的web前端页面。第四阶段:前端技术拓展web前端技术发展日新月异,因此前端技术的拓展学习及实践对于web前端工程师来说非常重要。本阶段就是基于、Backbone、bootstrap等技术的拓展学习和web前端项目的实战开发演练。课程包含部分:第一部分 html与css入门 共100课时 课时 名称1html简介2html骨架3 元标签-编码4 元标签-关键字与描述5 标签空白符6 标题标签7 段落标签8 注释9 块元素与行内元素10 超链接11 图片标签12 绝对路径与相对路径13 无序列表14 有序列表15 列表嵌套16 定义列表17 表格18 单元格拆分与合并19 表格头尾20 表单元素21 下拉框与文本输入框22 表单分组23 常见字符实体24 文字标签25 语义化标签26 废弃标签27css简介28css三种书写方式29css常见选择器30id选择器与类选择器注意事项31 选择器组合32 后代选择器33 交集选择器与并集选择器34 选择器通配符35 腾讯新闻列表36 选择器权重37 就近原则38 样式引入方式权重比较39 权重计算练习40important提升权重41 盒模型42IE盒模型43 内边距与外边距44 边框属性45 盒子居中46 外边距重计算盒子宽度47 文字属性48css常见单位49 文字修饰属性50 文字属性继承性51 文字水平居中与垂直居中52 图片元素排版53 超链接标签默认样式54 腾讯体育55 超链接标签伪类56 伪元素57 背景样式与图片58 背景平铺与背景位置59 背景在SEO中的应用60 块元素设置背景61 行内元素设置背景62 伪元素设置背景63 水平精灵图64 垂直精灵图65 定点精灵图66hao12367 四种箭头68hao123箭头69css绘制集合图形70 块元素与行内元素特性71 块元素与行内元素转化72 浮动元素73 浮动元素与文档流74 浮动元素特性75 浮动元素与边距76 浮动元素父元素高度丢失77 清除浮动78 清除浮动的7中方式79 新浪布局80 列表布局81 双飞翼布局82 圣杯布局83 排查错误84 相对定位85 表单对齐86 新浪tab栏87 绝对定位88 子绝父相89jd轮播图90 文本居中,行内元素居中与块元素居中91 优酷92 固定定位93 遮盖94 拼爹95html 注释 hack96css属性hack97IE6-交集选择器与DTD内减盒模型98IE6-最小高度与盒子位置99IE6-overflow与透明度100IE6-双倍margin与3像素bug第二部分 源生javascript 共150课时 课时 名称1 前端输出语句2javascript的三种引入方式3javascript注释4 数字5 字符串6 变量定义与变量提升7 数据类型8 加法运算与字符串拼接9 数据类型转换10 算术运算符11 算术一元运算符12 赋值运算符13 比较运算符14 逻辑运算符15 三元运算符16 其他运算符17 运算符优先级18if条件语句19switch多分支判断语句20for循环语句21 绘制九九乘法表22 棋盘与大米23 寻找质数24 寻找水仙花数25 数7游戏26 循环关键字27while循环28do while循环29 猜数字30 定义函数的两种方式31 函数参数32 函数返回值33 寻找约数34 哥德巴赫猜想35 斐波那契数列36 递归37 函数声明提升38 函数引用类型39 函数作用域40 函数内部作用域与变量41 闭包42 闭包与作用域43 循环中的闭包44 数组类型与属性45 遍历数组46 解析数组pop与push方法47 解析数组shift与unshift方法48 解析数组concat与reverse方法49 解析数组slice与splice方法50 解析数组join与sort方法51 字符串属性与转化方法52 解析获取子字符串方法indexOf与lastIndexOf53 解析截取子字符串的三个方法slice,substring,substr54 冒泡排序算法与快速排序算法55 解析数组sort方法56 解析拼接字符串与大小写转化方法57 获取字符位置charAt与charCodeAt方法与比较方法localCompare58 正则表达式与创建方式59 字符串截取转化数组方法split60 检索字符串方法search61 匹配字符串方法match62 替换字符串方法replace63 正则匹配方法exec64 正则检测方法test65 正则表达式-特殊字符66 正则表达式-预定义特殊字符67 正则表达式-字符集68 正则表达式-分界69 正则表达式-预定义类70 正则表达式-量词71 正则表达式-修饰符72 正则表达式-其他73 正则表达式-分组74 正则表达式-验证手机号75 正则表达式-验证邮箱76arguments与函数重载77IIFE即时执行方法78document对象79 获取元素的几种方法80 元素类名与id设置81 元素属性设置82 修改或者获取元素内容83 元素类型84 创建元素85 元素添加子节点86 删除元素87 复制元素88 获取css样式89 设置css样式90 事件流91html处理程序92 传统事件处理程序93HTML与DOM0级事件94 DOM2级事件处理程序95IE事件处理程序添加与移出96 跨浏览器事件处理程序封装97 事件对象98 事件类型与目标元素99 阻止默认行为与阻止事件冒泡100 跨浏览器事件对象101UI事件102UI事件实战103 键盘事件104 键盘事件实战105 焦点事件106 焦点事件实战107 鼠标事件108 鼠标事件实战109 滚轮事件110 滚轮事件实战111javascript获取盒子位置112javascript获取盒子宽高113 定时器与异步操作114 计时器115 简单动画116 动画启停控制117 轮播图连续动画118 多属性变化119 运动框架120 运动框架实战121 缓冲函数122 缓存函数公告切换123 缓存函数表单滚动124 缓存函数轮播图125JSON对象126JSON对字符串解析127JSON对对象反解析128JSON对象遍历129 更改函数作用域130call与apply区别131 对象132 日期对象133 日立134 时钟135 数字对象136 最大值与最小值137 数字四舍五入138 数字对象其他方法介绍139 求几何形状面积140 类的创建141 类的属性以及方法142 闭包类143 绘制图形144 构造函数式继承145 类式继承146 组合继承147 寄生式继承148 寄生组合式继承149 继承实战一150 继承实战二第三部分 jquery与bootstrap 共60课时 课时 名称1jQuery对象2 id选择器效率3tagName选择器效率4class选择器效率5 常规筛选6 层级筛选7 基本筛选8 内容筛选9 可见筛选10 属性筛选11 子元素筛选12 表单筛选13 属性获取与设置14 表单元素值15css样式方法16 判断,添加与删除类17 宽高获取18 获取坐标方法offset19 获取坐标方法position20 滚动条方法21 元素属性数据方法22 事件绑定23 事件对象,默认行为与冒泡24 节点拷贝方法clone25 父节点与子节点26 兄弟节点27 内部插入节点28 外部插入节点29 节点删除30animate方法31 筛选子元素方法eq与get32 获取子元素索引方法index33 遍历方法each34jquery实例化对象size方法与length35 元素显隐方法show,hide,toggle36 上拉下拉显隐动画slideDown,slideUp37 渐变动画fadeIn,fadeOut38 动画队列方法stop与finish39 动画延迟方法delay40 元素判定方法is41bootstrap体验42 字体图标43 按钮组44 栅格布局45 代码样式46 工具类47 按钮与图片48 排版49 表单50 表格51 导航与路径导航52 分页,标签与徽章53 缩略图,警告框,进度条54 模态框55 下拉菜单56 滚动监听57 标签页58 轮播图59 工具条与弹出框60 警告框与按钮第四部分 HTML5 CSS3与移动端开发 共50课时 课时 名称1HTML5新增标签与语义化标签2HTML5对表单元素拓展3HTML5制作钢琴4HTML5播放视频5CSS3关系选择器与属性选择器6CSS3伪类选择器与伪对象选择器7CSS3色彩与尺寸拓展8CSS3边框拓展9CSS3圆角拓展10CSS3背景拓展11CSS3渐变拓展12CSS3文本特效13CSS3字体14CSS3多列15CSS3用户界面16CSS3盒模型17CSS3弹性盒子18CSS3响应式与媒体查询19CSS3响应式与媒体查询实战20CSS3过渡21CSS3 2d变换22CSS3 3d变换23CSS3动画24CSS3 3d动画25CSS3 3d轮播图一26CSS3 3d轮播图二27CSS3 3d轮播图三28CSS3 动画事件29 百分比布局30HTML5页面布局31 移动端响应式32 移动端em与rem布局33 移动端触屏事件34 移动端拖拽35 移动端手指滑动轮播图36 移动端 zepto体验37 移动端 zepto触屏事件38 移动端项目实战一39 移动端项目实战二40HTML5-上传图片41HTML5-Cookie42HTML5-sessionStorage43HTML5-localStorage44HTML5-websql45 HTML5-EventSource46HTML5-web worker47HTML5-地图定位48HTML5-拖拽49HTML5-拖拽插件50HTML5-拖拽实战第五部分 canvas游戏开发 共30课时 课时 名称1canvas检测2canvas绘制矩形与描边矩形3canvas绘制路径4canvas绘制文字5canvas移动绘制点6canvas webgl7canvas旋转8canvas方法9canvas历史记录10canvas绘制时钟11canvas掷骰子游戏12canvas运动小球与边界检测13canvas绘制混沌的宇宙14canvas游戏运动框架15canvas愤怒的小鸟一16canvas愤怒的小鸟二17canvas自由落体欲动与抛物线运动18canvas力19canvas碰撞检测20canvas愤怒的小鸟21canvas躲避小行星22canvas投影23canvas渐变24canvas模式与刮刮乐25canvas图像数据26canvas滤镜27 canvas透明度与三原色28canvas弹性碰撞与能量守恒29canvas台球游戏一30canvas台球游戏二第六部分 微信与百度地图 共30课时 课时 名称1 成为微信开发者2 创建菜单3 菜单查询4 删除菜单5 菜单事件6 接收消息7 消息事件8 被动回复9 客服消息10 群发消息11 模板消息12 网站开发13 设置元素类型14 按钮15 列表16 对话框17 进度条18 信息页与消息提示19 文章与按钮20 添加素材21 删除素材22 用户管理23 获取用户信息24 获取用户列表25 成为百度地图开发者26 控件27 覆盖物28 事件29 地图图层30 工具第七部分 nodejs 共80课时 课时 名称1 安装使用nodejs2REPL模式3 全局对象4util模块5url模块6querystring模块7 事件模块8 事件对象9 os模块10net模块11DNS模块12Domain模块13domain模块绑定14 引入path模块15 引入自定义模块16buffer对象17stream流18npm介绍19 安装外部模块20 使用外部模块21 搭建服务器22 单线程应用23 非堵塞应用24 非堵塞应用25 请求对象26 解析请求27get请求与post请求28 响应对象29 响应状态码30 设置响应头31 设置响应数据32 配置路由33 同步,异步判断文件存在34 同步,异步读文件35 同步,异步写文件36 同步,异步追加文件内容37 同步,异步修改文件名38 文件上传39 对上传文件处理40 对上传文件处理41expres运行原理42express-中间件43express-use方法44express-set与get方法45express-response对象46express-requst对象47express-配置路由48express-静态文件49express-模板50express-cookie51express-session52express-上传文件53express-实战一54express-实战二55express-实战三56 安装mongoDB57mongoDB-库操作58mongoDB-写入数据59mongoDB-查询数据60mongoDB-修改数据61mongoDB-删除数据62mongoose安装63mongoose-模型64mongoose-插入操作65mongoose-更新操作66mongoose-删除操作67mongoose-查询操作一68mongoose-查询操作二69 项目实战一70 项目实战二71 项目实战三72 项目实战四73 项目实战五74 项目实战六75 项目实战七76 项目实战八77 项目实战九78 项目实战十79 项目实战十一80 项目实战十二第八部分 设计模式 共80课时 课时 名称1 设计模式概论2 工厂模式-简单工厂模式3 工厂模式-工厂模式4 工厂模式-寄生增强工厂5 工厂模式-安全工厂模式