上课方式

面授

上课校区

招生对象

在职人员进修

课程目标

成为一名合格的web前端工程师

课程详情

授课机构

教学点

同类课程

学员评论

该课程适合对于Web前端技术感兴趣的学员学习，该课程对于Web前端的讲授是非常详细的，课程分为几个阶段逐步进行，分模块针对性学习，在教学过程中使学员能够由浅入深的提高，课程内容丰富，能够使学员学到很多实用性的技术与当下先进的Web前端技术，在将来的职场上将有非常大的帮助。

该课程适合哪些人学习

我要就业
毕业等于失业?学新的前端技能，做最酷的IT人。
我要转行
工资低，没上升空间？转行轻松打开职业前景。
我要创业
大前端课程，多方面提升能力为自己打工选择。
我要加薪
天天加班不加工资？提升实力理直气壮加薪。

WEB前端项目简介

Web前端技术体现出来的是产品的“门面”，所以学生学习的兴趣是有的。相对于一些“枯燥”的语言、算法课来讲，这门课程在吸引学生的学习关注度上具有一定的优势。 Web前端开发课程不同于之前的C语言，JavaWeb开发等课程那么单一，它涉及HTML，CSS，Javascript三部分内容，这三个知识各成体系，每个体系的知识点都很多。同时，进行Web前端开发时，除了要让他们三者相互作用，还会引入时下流行的各种框架库进行协同工作。所以学生开始学习单个知识体系还能掌握，学到几个知识体系同时融合作用时就容易在庞大的知识点矩阵中下阵来。

武汉软帝WEB课程内容

页面设计
JavaScript
Node开发
SPA开发

课程模块	课程详情
HTML基础	HTML基础，HTML发展史，HTML语法规则，网页结构，字符与字符集，单标签与双标签，文字标签，字体标签，图片标签，列表标签，表格标签，表单标签，链接标签，相对路径，绝对路径，HTML语义化标签
CSS基础及选择器	CSS语法，样式块与样式表，标签选择器，类选择器，ID选择器，兄弟选择器，后代、子代选择器，属性选择器，星号选择器，伪类、伪元素选择器使用与区别器区别，选择器权重
CSS样式及布局	基本属性，精灵图，盒子模型，流式脱流，浮动与定位，子绝父相，字体图标的使用，弹性盒子性，弹性布局，弹性切割，媒体查询与响应式布局，移动端设计稿的计算与使用，移动端界面规范及注意事项
CSS3高级属性	过渡，变换，3D变换，透视，动画与帧动画，线性渐变，径向渐变，圆锥渐变，多列布局，grid网格布局，计数器，阴影，裁剪，滤镜，BFC现象及处理方式
CSS工具类的使用	Animate.css的使用，tailwind.css的使用，cdn使用，页面缓存与优化，SEO优化
UI设计与交互	photoshop的安装及使用，常用操作，PS素材的导入与导出，PS切图与快捷键，PS图标处理，切图，色彩搭配，宽度计算，设计规范，AI软件的安装与使用，AI适量图标处理，pxcook软件的使用，sketch的使用

课程模块	课程详情
JavaScript基础语法	JavaScript发展史，JavaScript与EMCAScript的关系，JavaScript引入，async引入与defer引入，标识符，核心关键字，变量，数据类型，数据类型转换，数据类型检测，运行符与表达式，条件分支与循环语句，JSON，流程控制，数组，经典算法与数据结构，函数与闭包，arguments，立即执行函数，debug断点调试
JavaScript面向对象	面向对象概念，JS对象创建方式，工厂模式创建对象，构造函数创建对象，原型及原型链，继续，instanceof检测，call/apply/bind的使用，对象this，堆栈原理，深浅原理，内置对象，包含对象，Math对象，Date对象，正则表达式，执行上下文解析，函数式编程
DOM/BOM编程	DOM模型，DOM获取方式，NodeList与HTMLCollection，DOM属性及方法，Node与Element，offset/scroll/client的区别与使用，Event基础，0级事情与2级事件，冒泡与捕获，事件委托，自定义事件，BOOM对象，图像/音视频API接口，移动端API接口，storage与cookie
JS库与UI框架	Ajax原理，Ajax典型应用，JSON对象，Fetch请求，WebSocket通讯，数据可视化，jQuery，jQuery的DOM操作，事件操作，jQuery插件，jQuery扩展方法，jzepto的使用，bootstrap框架的使用，bootstrap常用布局，bootstrap响应式与栅格系统，bootstrap函数库的使用
ECMAScript 6	let与const，解构，字符串扩展，展开运算符，数值扩展，正则扩展，数组扩展，函数扩展，箭头函数，Map与Set，Symbol类型，BigInt类型，class与extends的使用，Reflect反射与Proxy代理，Iterable迭代器，for…of的使用，Promise，async/await的使用，CommonJS模块化与ESModule模块化

课程模块	课程详情
Node.js基础	node.js环境安装与介绍，node.js内置模块，fs、path、os等模块，node.js事件驱动，非阻塞IO机制，宠任务与微任务，任务调度机制，npm与yarn的使用，package.json分析
TypeScript语言	TypeScript与JavaScript的区别，TypeScript编译环境，TypeScript数据类型，运算符，流程控制，TypeScript元组，泛型，接口，类，命名名空，d.ts的使用
模块化工程化	Sass/Less/Stylus预编译器的Gulp/Webpack/Vite打包，Babel目录转换，postcss，ESLint风格，git/svn版本控制
MySQL/Mongodb	数据库概述与安装，图形操作工具使用，数据类型，内置函数，SQL语句，关联查询，高级查询，视图，索引，B+树，约束，事务，MySQL读写分离，数据库可编程性，数据库设计与建模工具PowerDesigner，设计范式，NoSql与Mongodb的使用，MongoClient的使用
Node.js服务器编程	express构建后台报务器，静态容器，模板引擎，art-template，express路由，前后端传值，get/post/put/delete请求处理，路径变量，RESTful接口规范，JSON处理，session与cookie，拦截器，上传与下载，验证码技术，JWT接口安全机制，oAuth2.0规范，MVC原理，koa2与egg.js

课程模块	课程详情
vue3开发	vue2与vue3介绍，数据绑定，指令，自定义指令，侦听器，深度侦听，过滤器，动态样式，属性绑定，组件及组件传值，动态组件，插槽，Virtual DOM开发，vue过渡与动画，生命周期与钩子函数，vue-router，嵌套路由，路由传值，SPA开发，element-plus,vant/antd框架使用，vuex全局状态，vue.config.js，vue全家桶，SSR服务端渲染，composition API的使用，vue的SFC使用，Provice/Inject
React开发	React与vue的对比，jsx语法，数据绑定，条件渲染，样式处理，React事件，React组件，生命周期，React数据传递，context，state及props，React状态管理，React CSS Module，React-Router，路由传值，嵌套路由，HOC高级组件， React Hook Api开发，React开发配置，Redux与Mbox全局状态管理
微信小程序	小程序注册及开发工具，小程序配置文件及，项目结构解析，组件，模板语法，样式，事件，数据请求，生命周期，自定义组件，插件开发，API使用，路由使用，小程序分包机制，运行机制，条件编译，性能优化，小程序云开发，云数据库及云函数的使用，小程序的发布与维护，包机制，运行机制，条件编译，性能优化，小程序云开发，云数据库及云函数的使用，小程序的发布与维护
职业素质课程	编程基础能力考察，项目经验考察，HR综合软素质考察，组件，高分简历制作，如何在面试中发挥实力，面试复盘，数据请求，国内外公司推荐（阿里巴巴、小米、斗鱼、京东、华为…）
Web前端实战训练营	开课前，对于学习有困难的同学，增加40个学时的不收费课前辅导

选择软帝教育，值得信赖

1 混合式开发

混合式及跨平台研发培训课程体系，几个月的时间，就可与拥有2年工作经验的工程师相媲美！当其他机构仍在采用传统课程体系时，软帝已在原有混合式开发培训课程体系的基础上再次全面升级课程大纲，确保学员学习水平。

2 就业服务

软帝就业团队平均从业时间6年以上，团队拥有数千家企业资源，遍布全国各个地区，曾帮助数万名学员实现高薪就业。软帝更与智联招聘、猎聘、58同城等大型招聘网站建立战略合作关系。

3 师资雄厚

软帝拥有一支平均从业经验超8年的教学团队，小米、360、百度、中石油等名企项目经验丰富。各学科更有教学总监、教学主管亲自授课，对于学习不理想的学员，坚持对每位学员进行跟踪与评估，确保学员教学质量。

如何选择web前端机构

（1）课程设置。课程方面主要体现在知识点以及项目上，靠谱的培训机构，其课程设置一定是科学合理的，知识点全而新，课程项目契合企业需求。
（2）就业服务。大部分人选择web培训无非是为了找个工资高前景好的工作，想要知道一个培训机构的就业好不好，过往学员更有发言权，大家在考察的时候，可以看看该机构的就业榜单，有条件的话，也可以咨询一下毕业学员，能真实的了解一个机构的就业实力。

关于我们，你了解多少

关于软帝教育你了解多少

软帝集团于2006年成立，是一家具有鲜明技术特色的互联网+、软件服务、教育培训为一体的集团化软件服务企业，经过10多年的发展，目前员工几百人。公司总部坐落于武汉光谷智慧园，下设西安分公司、广州分公司。研发中心分布在北京、上海、杭州、南昌、福州、南京、深圳等城市。