icon
web前端开发人员如何规划自己的职业？
icon
web前端工程师和网页设计有什么区别？
icon
web前端开发初学者如何增加项目经验？
icon
想做web前端的工作，应该先学什么？
触屏滑动插件
响应式布局框架
全屏滚轮插件
渐进式框架
字体图标
特效插件
| 第一阶段 web网站布局实战 | |
| Day01 |
web前端介绍及规范 HTML语法符号及规范，熟悉HTML符号，HTML标签初识 HTML标签，HTML5实用布局标签，实用表单标签，HTML常用标签 |
| 布局常用，HTML常用标签-表单常用CSS语法符号及规范，CSS语法符号认知 | |
| CSS属性，CSS3属性使用，CSS选择器 | |
| CSS属性继承性，选择器的优先级 | |
| Day02 | CSS布局实用属性 |
| 浮动布局 | |
| 定位布局 | |
| flex布局，显示类型，溢出处理 | |
| 浮动模块，定位模块 | |
| 父级塌陷及解决方案 | |
| Day03 | 媒体查询和响应式布局 |
| 手机移动端响应式网站整站实战 | |
| 第二阶段 JAVASCRIPT&JQUERY 交互实战 | |
| Day04 | JAVASCRIP语法，JAVASCRIPT用法，JAVASCRIPT输出，document对象的write()方法，window对象的alert()方法，元素属性innerHTML属性用法，console控制台 |
| JAVASCRIP对象和方法，Math对象的PI，Math对象的random()方法，Math对象的floor()方法 | |
| Browse对象方法，document对象的title属性，window对象的location属性，window对象的prompt()方法，DOM对象方法getElementByI()方法，元素style属性 | |
| JAVASCRIPT变量，变量的声明，变量值的类型，JAVASCRIPT函数，利用函数打包提示框功能 | |
| JAVASCRIPT事件，事件触发弹框功能，JAVASCRIPT运算符，数学预算法，比较运算符，逻辑运算符 | |
| JAVASCRIPT条件语句，条件语句判断客户的选择 | |
| Day05 | JAVASCRIPTswicth语句，swicth使用语句进行筛选，JAVASCRIPTfor循环语句，for循环中的break子句，for循环中的continue子句 |
| JAVASCRIPT数组对象，数组的声明，数组的赋值，手机品牌名称数组例子，数组length属性 | |
| JAVASCRIPT数据类型，string类型，number类型，boolean类型，object类型，数据类型的转换 | |
| 表单验证，验证数据不能为空，验证邮箱格式，验证电话号码 | |
| JAVASCRIPT定时器，定时关闭广告，循环定时器 | |
| Day06 | JQUERY语法，JQUERY选择器，JQUERY标签选择器，JQUERY类选择器，JQUERYid选择器，JQUERY属性选择器 |
| JQUERY事件，JQUERY鼠标事件，JQUERY键盘事件，JQUERY表单事件，JQUERY窗口事件 | |
| JQUERY效果，JQUERY显示隐藏效果，JQUERY淡入淡出效果，JQUERY滑动效果，JQUERY自定义动画效果 | |
| 回调函数，JQUERY操作HTML，JQUERY捕获设置，JQUERY添加删除 | |
| JQUERY改变CSS属性，JQUERY添加类删除类 | |
| JQUERT遍历，JQUERY找父辈，找同胞，找子级，JQUERY过滤，JQUERYDOM方法index() | |
| Day07 | JAVASCRIPT案例，语句类，条件语句巩固案例，随机数基础应用，消息框，确认框，信息提示框 |
| 函数，带参数的函数，函数的返回值 | |
| 循环，循环输出标题，break/continue子句巩固案例，循环遍历数组 | |
| 错误处理，鼠标事件，图像映射 | |
| 函数内调用定时器，日期对象，输出客户端日期，1970年至今的毫秒值，获得年，获取星期几，电子时钟巩固案例，日期对象巩固案例 | |
| 字符串对象，字符串长度，字符串位置，返回查找的字符，替换字符串，字符串对象方法巩固案 | |
| 数学对象，round四舍五入，floor下舍入取整，ceil上舍入取整，random随机数巩固案例 | |
| 数学对象基础方法，掷筛子 | |
| Day08 | JS&JQUERY交互模块实战，导航菜单类 |
| 下拉菜单案例，收展菜单案例，层级菜单案例，手机导航菜单案例 | |
| 选项类，选项卡案例，分类选项案例 | |
| 图片广告类，产品图片效果切换，定时切换广告 | |
| 上下页切换广告，页码切换广告 | |
| 网站常用浮窗广告，页头广告，返回顶部 | |
| Day09 | 音视频控制，控制音频播放，控制音频暂停，滚动信息类，定时滚动新闻，无缝滚动新闻 |
| 表单类，菜单列表选择，多选菜单 | |
| 多级选择，未填写及数字验证巩固案例 | |
| Day10 | 页面向下滚动导航固定在窗口，电子时钟巩固案例，倒计时 |
| 首尾字的切换，名单抽奖案例，随机漂浮广告 | |
| 进度条效果，自动搜索案例 | |
| Day11 | 游戏特效，掷筛子游戏巩固案例 |
| 幸运大抽奖 | |
| 打地鼠游戏 | |
| 歌词的奇幻之旅 | |
| 天降红包效果 | |
| 第三阶段 web前端设计实用插件及框架 | |
| Day12 | 触屏滑动插件swiper，swiper引用，swiper使用，swiper版式制作，swiper箭头导航功能，swiper页码导航功能 |
| swiper自由模式，swiper每屏滑块数，swiper滑块的间距，swiper方向功能，swiper滚动条，swiper栏的划分，swiper嵌套，swiper循环重复个数限制 | |
| swiper淡入淡出效果，swiper立体效果，swiper透视效果，swiper镜像效果，swiperAnimate切换动画 | |
| 全屏滚轮插件fullpage，fullpage文件引入，fullpage使用 | |
| Day13 | 动画插件anime.js，anime的使用，anime可用参数，anime指定动画参数 |
| anime定义动画开始和结束，anime动画控制，anime动画运动路径 | |
| awesome字体图标引入，awesome大图标，awesome列表图标，awesome动态图标，awesome旋转和反转图标，awesome堆叠图标 | |
| awesome固定宽度图标，awesome品牌图标，awesome图表图表，awesome货币图标，awesome方向图标，awesome文件类型图标，awesome表单图标，awesome手势图标 | |
| awesome医疗图标，awesome付款图标，awesome加载中图标，awesome文本图标，awesome交通工具图标，awesome音视频图标，awesome web应用图标，awesome图标参考手册 | |
| Day14 | 响应式布局框架bootstrap，bootstrap安装使用，bootstrap网格系统，等宽列，等宽响应式列，不等宽响应式列，平板桌面端，偏移列 |
| bootstrap文字排版，标题字默认设置，标题display类，small标签，mark高亮显示，bootstrap颜色，文本颜色类，背景颜色类 | |
| bootstrap表格，基础表格，条纹表格，带边框表格，鼠标悬停状态表格，黑色背景表格，bootstrap图像形状，圆角图片，响应式图片 | |
| bootstrap信息提示框，提示框加链接，关闭提示框，提示框动画，bootstrap按钮，按钮样式，按钮元素，按钮边框，按钮大小，块级按钮，按钮状态，bootstrap按钮组，按钮组大小，垂直按钮组，内嵌按钮组 | |
| bootstrap徽章，徽章颜色，药丸形状徽章，徽章插入元素，bootstrap进度条，条纹进度条，动画进度条，bootstrap分页，当前页，不可点击，分页大小，面包屑导航 | |
| bootstrap列表，激活禁用状态的列表项，链接列表项，bootstrap卡片，卡片的头部和底部，标题文本和链接，图片卡片，文字覆盖图片 | |
| bootstrap下拉菜单，下拉菜单分割线，菜单向上弹出，bootstrap折叠菜单 | |
| bootstrap导航，导航的对齐，垂直导航，选项卡导航，胶囊导航，等宽导航，胶囊导航下拉菜单 | |
| 动态选项卡，bootstrap导航栏，垂直导航栏，品牌logo，折叠导航，导航栏使用下拉菜单，导航栏的表单按钮，固定导航栏 | |
| bootstrap轮播，轮播加描述，bootstrap模态框，bootstrap提示框，指定提示框位置 | |
| bootstap相册页 | |
| bootstrap博客页 | |
| bootstrap轮播页，bootstrap表单验证，bootstrap满屏首页，bootstrap数据报表页，bootstrap登录页 | |
| Day15 | VUE渐进式JavaScript 框架，VUE定义元素数据方法，VUE模板语法，VUE输出文本，VUE输出html，VUE修改html属性 |
| VUE表达式，VUE属性，VUE事件，VUE过滤器语法 | |
| VUE缩写，VUE条件语句v-if，VUE循环语句v-for数组，VUE循环语句v-for对象，VUE循环语句v-for整数 | |
| VUE监听属性watch，VUE样式绑定，VUE事件处理器绑定方法 | |
| VUE时间处理器内嵌javascript，VUE事件处理器修饰符，VUE表单，VUE导航实例 | |
| VUE编辑文本实例，VUE产品价目实例 | |
| 第四阶段 项目实战 | |
| Day16 | 带swiper轮播模块的企业网站实训项目，项目来源：互联网科技公司企业网站需求。调研科技公司网站版式及内容模块，进行UI界面的设计。使用媒体查询技术完成响应式网站页码的搭建，并使用swiper制作完成页头通栏轮播广告模块 |
| Day17 | swiper全屏全景汽车展示产品宣传类网站实训项目，项目来源：汽车企业想要在众多品牌中被客户所青睐，必须进行全新版式设计及交互设计的更新。调研发现，汽车品牌多以大图高清或视频动效类交互形式来展示品牌产品吸引消费者。使用swiper插件中的mousewheel模板可快速完成客户所需要的效果 |
| Day18 | 高级UI设计师个人营销博客网站实训项目，项目来源：当互联网进入每个人的生活，人人都需要拥有自我营销的意识，UI设计师们也不例外。网站使用最新版式设计，需完成响应式布局的要求和交互实现 |
| Day19 | bootstrap全系模板页实训项目，为了更好的理解和制作出企业需要的商业模块设计，我们将bootstrap提供的所有模块进行视觉再造，并使用bootstrap完成视觉效果图的实现过程 |
| Day20 | swiper全屏全景餐吧网站实训项目，项目来源：小资生活是每个人所向往的，有这么一些店铺，装修时尚，菜品味道好而不贵。我们需要为餐吧设计制作个性化的展示网站，选择swiper的全屏全景模板最为合适 |
产品上线
WEB前端设计在产品上线过程中的作用越发重要，因此需要专业的前端设计人才才能实现更好的效果！
前端技术
WEB前端设计对设计师提出了更高要求，涵盖的知识非常广泛，既有具体的前端技术，又有抽象的设计理念！
用户体验
WEB前端设计的主要职能就是把网站的界面更好的呈现给用户，有突出的视觉美感，同时也有良好的用户体验。
前台
学习区
咨询区
哈尔滨Web前端培训学校
介绍
课程背景
随着互联网发展的壮大，Web前端技术也逐渐成为了IT行业中备受追捧的热门技能。为满足市场对Web前端开发人才的需求，哈尔滨Web前端培训学校应运而生。
课程特色
1. 专业师资：由经验丰富的Web前端开发工程师担任授课教师。
2. 实战项目：结合实际项目模拟真实开发场景，让学员掌握实用技能。
3. 个性化辅导：针对学员的学习差异，提供随时调整的个性化教学方案。
课程目标
1. 掌握Web前端技术核心知识，包括HTML、CSS、JavaScript等。
2. 能够独立完成Web前端的基础设计、开发与调试工作。
3. 具备扎实的理论知识和实际操作能力，能够胜任Web前端开发岗位。
学习对象
适合有一定计算机基础的学生、IT行业初学者以及对Web前端开发有兴趣的人员。
课程内容
1. HTML基础
2. CSS样式设计
3. JavaScript核心技术
4. jQuery框架
5. Web前端性能优化
6. 移动端开发
7. 实战项目
学习时长
课程时长为3个月。
收费范围
学费范围：3000元-8000元不等。可联系在线客服咨询详细信息。
学习收获
在哈尔滨Web前端培训学校的学习过程中，学员将通过专业的授课和实战项目的实践锻炼，掌握Web前端开发的核心技术和实用技巧，具备成为一名优秀Web前端工程师的基础。同时，还将结交到一批志同道合的学习伙伴，激发自己的学习热情和动力。
结语
以上信息仅供参考，如需了解更多课程信息或预约免费体验课，请联系在线客服或前往校内咨询。我们期待与您共同探索Web前端开发领域的奥秘。
培训项目：UI设计培训、java培训、软件测试培训、web前端培训、linux云计算培训、网络运维培训、网络营销培训、云计算培训、人工智能培训、C培训、C++培训、嵌入式培训、UE培训、网络安全工程师培训
￥1980013949人关注
￥198004810人关注
￥询价3646人关注
￥询价4305人关注
￥询价1447人关注
￥19800起11180人关注
￥19800起17335人关注
￥18800起44392人关注
￥2280012407人关注
￥23800起24239人关注
勤学教育网
