我适合学WEB前端吗?
丰富的教学特色抢先看
课程具有含金量,紧扣行业需求
课程模块 | 课程详情 |
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个学时的不收费课前辅导 |
技术大牛点拨,经验倾囊相授
选择软帝教育,选择成功!