4000336013/微信QQ同号:1073659256

Web前端开发工程师班

122人浏览 专注教育培训
开课时间 滚动开课
优惠活动 限时优惠,早报名早享受
服务保障:客服在线 试学师资解答 学习计划

      随着经济不断的发展,互联网和人们的生活也发生着密不可分的关系。网络已是当下的一种时尚,企业中对网络的人才的需求也是有增无减的。只要有网页需要上线,就离不开WEB前端开发人才,web前端开发人才与互联网的发展是密不可分的。

严谨的教学体系

课程从基础开始,循序渐进,更容易掌握

完整的课程体系:十年以上工作经讲师构建完整的课程体系

实战与案例结合:学习内容与实践相结合,切入重点

采用小班教学:5-10小班授课,充分了解学生的学习状况

课下针对性辅导:课下针对性辅导,巩固知识要点。

实战项目案例:按照企业标准完成实战项目案例

超强师资团队:丰富的专业知识以及实战项目案例经验

毕业作品指导:毕业作品指导,达到企业就业标准

毕业推荐就业:毕业等于就业,学校推荐名企

脱产班(全日制) 周末班(业余班) 晚班(业余班)


上课时间:

周一到周五

早上9点--下午5点

休息时间:

周六日全天休息

中午12点--13点午休


上课时间:

周六到周日

早上9点--下午5点

休息时间:

其他时间休息

中午12点--13点午休

上课时间:

周一三五

或二四晚上

18点半--20点

休息时间:

其他时间休息


阶段 善用软件的人总是持平一步

photoshop 强大的位图处理软件

广泛用于网页设计行业,授课从软件界面认知到熟练操作,均结合实战案例,在学习中一步一步由浅至深的学习, 掌握Photoshop的使用和进行页面设计。

Illustrator 强大的矢量图软件

矢量图形绘制软件的界面与工具;矢量图形绘制的技巧。百套案例,实战演练;设计实现产品的用户界面。

Flash网站中强大的动画软件

用于网页中的动画广告、动画效果;房产行业均为flash整站,效果夺目,引人眼球的Banner ;大幅度增加网页观赏性

Dreamweaver语言代码编辑软件

前端脚本语言(html、css、javascript、Jquery等)均在DW中编辑,优化前端性能,确保Web用户界面在多浏览器环境中正常工作;

第二阶段 版式设计与布局


有扎实的理论为基础,就能有出色的设计作品。

掌握设计的基本原则、栅格理论以及点线面元素处理等重要版式布局理念。如何让网页界面更加吸引力,如何突破以往的网页版面格局等新鲜内容

第三阶段 网页重点元素设计

WEB前端与网站工程师应当玩转的那些元素

将以下元素的设计把控到位,一个网页的设计就完成了70%,剩下的就是把它们合理化组合在一起

Logo(标志)

企业的形象来源于此,通常是企业标准色和企业精神的一种结合;通过颜色、文字、图形等元素设计不同的logo,以应对各类设计项目

banner(焦点图)

网页设计的之笔,视觉表现力强、震撼、引人眼球;突出重点,例如:企业精神、主推产品、促销活动、精彩专题等

导航

网页中点击率较高的区域,视觉设计上干净不复杂,分类清晰易懂,促使用户利用导航跳转想要查看的页面

按钮

精致的按钮会大幅度提高页面跳转率,多页面跳转会使用户长时间停留在网站里。用户将获取更多的信息,经营者利用有间输送更多的企业信息

Flash片头设计

网页片头的设计手法和创新。掌握网页片头的制作方法,为网页增添动感和视觉效果

第四阶段 网站策划书

策划之前

明确主题;背景分析;行业资料;行业调查;同类网站调查;目标用户群分析;

策划书

目的是成功的重要开端;网站开发商业流程;目录结构和链接结构。

第五阶段 前端语言(DIV+CSS 解决浏览器兼容性)

HTML语言要点

Html语言简介;使用表单,框架的使用,iframe的作用;网页特效(javascript)

CSS基础知识篇

XHTML基础,选择合适的doctype,选择合适的标签。CSS语法结构,CSS属性与选择符,类型选择符,id及class选择符。应用CSS到网页中,行间样式表,内部样式表,外部样式表。

CSS语法结构

样式的权问题;认识DIV以及盒子模型;盒子模型详解以及上下左右叠加问题

CSS内容排版

文字排版,通栏排版,分栏排版,图文混合排版,图片基础 控制,不规则文字环绕,全图排版,表格排版。充分使用表格对象的标签,表格样式控制,表单表格设计

CSS应用与技巧

id 与 class;CSS代码缩写; CSS代码优化,增加代码重用率,使用样式覆盖进行简化;

浏览器兼容性问题处理

XHTML与CSS校验,XHTML校验器,CSS校验器;解决主流浏览器兼容问题

第六阶段 网站类型设计

国内主流类型网站设计与分析

在实际工作中,你会接触到各种类型的网站,做就要做全面型人才!掌握各类网站的设计风格是你必不可少的职业能力!就业上岗前学的全面系统,上岗后才可轻松应对工作

标准企业网站

网站就是企业在网络媒体中的脸面!

产品类企业网站、宣传类企业网站、展示类企业网站、形象类企业网站。

政府网站

设计要求简洁、大方、严肃、稳重。配色多为红色、金色搭配。信息内容严谨、务实。

设计实战:地区类政府网站、事业单位类政府网站、部门类政府网站。

第七阶段 JavaScript开发课程

JavaScript入门与实践

JavaScript是一种基于对象和实践驱动并且相对安全的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。

1

JavaScript的引入方式;

JavaScript的基本数据类型、常量变量、 JavaScript的基本运算符、JavaScript的赋值运算,表达式;

JavaScript中的语 句;

2

流程控制:判断语句、循环语句;

3

函数的基本概念;

函数的声明与调用,函数的参数和返回值;

函数的用法: 递归等;

4

数组的基本知识;

数组的生命、访问、遍历等;

数组相关API:排序、添加元素、删减元素等;

字符串的基本知识;this关键字的用法;

JS异常处理;TAB切换效果的实现;

5

编程基础综合练习;

6

学习浏览器对象模型;

学些Document对象、文档对象模型、时间处理、 滚动类效果、碰壁反弹效果、拖拽效果、淘宝商品的放大效果;

7

Math对象的基本知识;

Date对象的知识和应用;

DOM文档对象模型的基本知识和效果开发;

BOM浏览器对象模型;

8

计时器的原理与应用;

不同数据类型的操作方法;

构造函数的基本知识;

闭包、 面向对象;

作用域的基本知识、原理与原型链;

web开发综合案例;

各种类库的使用

熟悉各种类库的使用,并对其实现原理有一定了解

JavaScript运动特效

精通 JavaScript运动特效技术,能完整实现各类网站动画特效

JavaScript调试

掌握 JavaScript调试及优化技术、能兼容所有浏览器;

JavaScript事件处理

精通JavaScript事件对象及事件的工作机制,并能完成各类 跨平台应用模块 的开发

第八阶段 jQuery特效课程

Jquery入门和实战

jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。

1

jQuery的基本语法;

2

jQuery中的常用选择器;

3

jQuery对于事件的处理;

4

jQuery中的动画知识和应用;

5

jQuery的文档操作;

6

jQuery对属性,CSS的修改和设置

7

jQuery实现拖动效果;

初识AJAX

AJAX不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。

1

AJAX的基本原理讲解;

Web应用程序的解决方案;

AJAX的工作方式;

基于各种Web解决方案的AJAX技术选择路线;

如何使用AJAX;

2

初始化对象;

指定响应处理函数;

发出http请求;

处理服务器返回的信息;

一个初步的AJAX开发框架;

3

异常处理机制;

中文乱码问题及其解决方案;

4

XHR对象的基本知识;

JSON与XML的辨析

5

jQuery中AJAX的使用;

利用jQuery实现AJAX的效果开发;

第九阶段:jQuery的Javascript实战课程案例

javascript、jQuery简介和关系
开发工具、调试
javascript和jQuery基础
数组和字符串

实战作品(1):网站二级菜单

实战作品(2):联动选择与内容滚动切换

jQuery选择器
操作页面文档元素
使用CSS 表格处理

实战作品(3):焦点图与选项切换

实战作品(4):CSS皮肤切换

实战作品(5):表格操作

jQuery中的事件处理

实战作品(6):简单的相册

动画、视觉特效(页面导航)

实战作品(7):带背景动画的感应菜单

实战作品(8):lightbox

实战作品(9):图片放大镜

实战作品(10):图片的出场动画

实例讲解(11):图片的切换效果

Ajax

实例讲解(12):定时刷新内容

实例讲解(13):定时变换图片

表单验证与正则表达式

实例讲解(14):表单验证

实例讲解(15):内容筛选

数据缓存
安全与性能优化
jQuery常用工具、插件

实例讲解(16):弹出窗口

实例讲解(17):延时加载

实例讲解(18):Auto Complete

实例讲解(19):使用编辑器

实例讲解(20):简单提示层

实例讲解(21):内容滚动

实例讲解(22):日期选择

第十阶段: HTML5+CSS3前端语言


熟练掌握HTML5&CSS3

掌握SEO等技术,为进入互联网开发行业打下基础

BSU网站加速技术

HTML5 变量、函数、数据类型、操作符、语句等编程基础;

掌握JS的较底层,能够熟练运用JS实现常见效果;

熟练掌握jQuery;

熟练掌握AJAX异步交互;

能够独立和后台工程师配合完成项目;

CSS3新特性详解

CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括:盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。

1

CSS3各效果的讲解和应用(边框、阴影、透明度、渐变、倒影、二维平面变形、过度与动画等;

2

三维立体变形原理;

3

CSS3的三维立体变形效果的讲解与应用;

4

3D坐标系构建思想的设置;

5

3D动画的制作;

6

CSS3自适应布局的基本知识和应用;

7

CSS3分栏的基本知识和应用;

第十一阶段WEB前端开发项目案例

实例讲解

实例讲解(23):播放视频

实例讲解(24):本地存储

实例讲解(25):CSS3绘图

实例讲解(26):JS相册

精美游戏网站

页面设计华丽、炫目。色彩搭配千变万化,给人身临其境般的感觉,吸引玩家加入游戏。

设计实战:页游类游戏网站、客户端类游戏网站、精彩专题类游戏网站。

大型门户网站

体现团队合作精神,往往是小组式承接项目。网站中信息量庞大,相关内容全面并有条理。工作量大,但是完成时成功感较强!

设计实战:影视类门户网站、音频类门户网站、游戏类门户网站、讯息类门户网站、下载类门户网站

网上商城

当今盛行的购物平台,焦点图分部在页面上、中、下,全方位商品营销。

设计实战:综合类网上商城、单一类网上商城

第十二阶段 毕业作品整理与就业应聘

毕业设计指导与整理

讲师及经验丰富设计师指导你完成毕业作品,以备应聘时使用。对学习过的所有课程和自己做一个的总结。要求必须完成5整套网站作品。

就业应聘技巧与职业规范

就业形势分析及指导;毕业学员在应聘前应该做的准备;应聘注意事项、礼仪、技巧;从业后工作态度;人际交往等全面发展的技巧培训。

如果你想在北京参加Web前端培训,请来北京火星人教育学校,了解更多课程请访问北京火星人教育学校报名指定网站(http://wedqdpx.soxsok.com/) 同时也可以访问北京火星人教育学校手机(http://m.soxsok.com/Wedqdpx/) 24小时咨询热线:4009938834   QQ:3245126578

在线报名
  • *您的课程
  • *您的姓名
  • *您的电话
  •   备注说明
立即提交
立即填写信息

有疑问联系客服为您解答
点击联系客服

预约试听

只要一个电话我们免费为您回电

关于我们 | 招生信息 | 新闻中心 | 学校动态

版权所有:搜学搜课(www.soxsok.com)