在线辅导，保障学习质量
每个班级配备专业辅导员，进行答疑解惑，提升学习质量。根据班级整体学习效果制定学习进度表。
搜索
询价
536人看过
面授
适合需要周末上课人群；零基础小白；已经有一定基础但急需提升职场竞争力的在职人群
帮助学员熟练掌握web开发的必备技能，了解web项目的操作技能及问题解决方案，提升学员web技能，提升学员web技术能力。
前端和Web前端有什么区别吗？
学web前端有前途吗？
web前端开发都包括哪些技术？
Web前端开发需要哪些工具？
web前端工程师和网页设计有什么区别？
HTML语言
CSS语言
特效插件
动画插件| 第一阶段 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的全屏全景模板最为合适 |
每个班级配备专业辅导员，进行答疑解惑，提升学习质量。根据班级整体学习效果制定学习进度表。
每个课程阶段都会进行考试，保障学员对知识的掌握与吸收。助教进行学习提醒，督促学员学习，避免落后。
每周在线直播串讲，解决学员的共性问题及学习难点。消除平台限制，与直播讲师互动，加强学习兴趣。
前台
学习区
咨询区
成立：2002年
课程背景
--为什么要开设福州web前端培训
随着互联网的不断发展，web前端技术逐渐成为了人们居家、工作中不可或缺的一部分。而在福州，web前端人才相对匮乏，市场需求却是很大的，因此福州web前端培训应运而生。
课程特色
--福州web前端培训的不同之处
①实践导向：福州web前端培训注重实践，让学员学以致用。
②师资力量：福州web前端培训拥有一批经验丰富、实力强的师资团队，能够提供不同层次、不同领域的前端教学。
③一对一辅导：福州web前端培训提供一对一辅导，确保每个学员都能得到专业的帮助。
课程目标
--福州web前端培训的学习目标
①熟悉前端开发的基本知识和技术。
②掌握前端开发的实用工具和框架。
③熟悉前端开发的工作流程和编程思想。
学习对象
--适合参加福州web前端培训的人群
①没有前端经验但有兴趣的人。
②已经入门但需要进一步提升的人。
③其他有前端需求的人。
课程内容
--福州web前端培训的课程内容
①HTML/CSS基础
②JavaScript基础
③jQuery基础
④Bootstrap UI框架
⑤Vue.js框架
⑥Webpack打包工具
⑦ES6语法
⑧前端开发实践
学习时长
--福州web前端培训的学习时长
福州web前端培训分为实体班和在线班两种形式，实体班时长为3个月，每周6天，每天8小时；在线班时长为6个月，学员可以根据自己的时间安排自主学习。
收费范围
--福州web前端培训的收费标准
福州web前端培训的收费标准因班级、形式、课程内容等不同而有所不同，具体可以到校咨询或者联系在线客服。同时，福州web前端培训也提供免费体验课，让学员可以先了解课程内容再做决定。
学习收获
--通过福州web前端培训可以学到什么
通过福州web前端培训，学员可以深入了解前端开发的基本知识和技能，掌握实用的开发工具和框架，了解前端开发的流程和思想，从而为自己打下坚实的前端基础。
结语
--以上信息仅供参考，实际情况以到校咨询为准
以上是福州web前端培训的基本信息，我们提供多种形式、多种价格的课程供学员选择。如果您有任何疑问，请联系在线客服或预约免费体验课，让我们一起开始前端的学习之旅！
学员评论
来自第三方
来自第三方
来自第三方