全部试看小节
随着web3.0的到来，技术的不断迭代，前端技术在越来越多的地方发光发热，前端未来的前景一片大好。本章带你快速从零认识前端。
每个编程学习者都从 hello world 开启。本章从开发工具到如何搭建基本网页骨架，更全面的让你成功从0 体验开发属于自己的第一个网页，跨过学习的第一个门槛。
网站少不了的图文内容，如何制开发出来的呢？本章学习搭建网页必备核心标签，让你学会知识的同时，通过实战训练图文的HTML的搭建。
企业中正式网页开发前，需要准备好图片资料，那如何从设计稿中获取需要的图片是一项重要的技能，本章从PS 安装、基础操作，以及切图技巧，高效掌握网页切图。
网页中很多地方需要输入、按钮等，本章通过仿QQ邮箱登陆，从案例分析与拆解，掌握制作思路以及运用核心知识输入、按钮、文字等搭建HTML。
HTML 搭建网页的整体结构内容，如果想让网页看起来很美观，需要CSS 进行网页美化。本章带领大家掌握CSS 基本样式设置。
光会 CSS 基础样式设置还是不够的，只能制作网页一些简单的图文样式、大小等，更重要的是对网页进行结构化布局。本章学习盒子模型、浮动，本通过仿B站导航实战，掌握核心布局技能。
通过经典背景图文列表实战，运用CSS 图文样式、定位等知识，能制作图片、文字类型网页布局
本章通过首页单屏案例实战，掌握网页布局重点，标准流和非标准流，以及不同定位方式，能应对大部分通用的布局效果。
本章通过腾讯视频首页新片预告案例实战，掌握网页布局中，圆角制作，百分比演示设置，元素变行内、变块、变行内块样式等，能应对特殊效果的布局效果。
本章通过京东导航条带下拉效果实战，掌握导航条触碰下拉效果、未访问链接、已链接激活伪类制作、导航条触碰时光标改变效果。
本章通过仿qq空间留言板案例实战，掌握文本域实现留言板的输入框、单选框、多选框的制作、框架标签的制作。
通过PC端企业网页的综合实战，采用标准化的开发流程，掌握从0到1独立开发PC端基础网页的能力。
JS 是网页交互的必不可少的内容，本章讲解JS基础知识，让大家快速进入到JS世界。
浏览器窗口操作在网页中经常操作，本章讲解 window 对象、js中轮循定时器与延时定时器的使用、打开与关闭浏览器的方法等。
本章通过打字机效果实战，掌握JS基础运算操作。
DOM 是 JS 操作和控制的重要环节，本章讲解document对象与点击事件、选取和控制元素的方式等。并通过改变链接的指向实战和广告弹窗效果 进行实战。
本章通过用户名密码的登陆框案例 实战，掌握 JS 中的IF 判断语句，以及与等判断方法。
通过“前端选项卡案例”实战，掌握 JS 中流程控制语句 for、switch 等。
通过两个案例“留言板案例”和“星级评分案例”实战，掌握 JS 创建、插入、删除、获取节点、子节点等方法实操。
通过“模拟短信发送案例”实战，掌握 JS 鼠标移入、移出、按下、双击、事件捕获、冒泡等事件实操。
通过“web便签拖拽效果”实战，掌握元素高宽、距离等设置，以及拖拽效果的实现。
通过“简易文字查询修改器”实战，掌握字符串连接、转换方法、查找索引、替换内容方法、去掉空格、字符串转数组方法。
通过“元素拖拽回放效果”实战，掌握查询连接、数组转字符串、数组截取方法、数组万能、排序方法和数组循环方法。
通过“购物车效果”实战，掌握JSON转字符串方法、字符串转JSON方法和属性操作-in 与 删除属性。
本章讲解JS中事件监听、委托、事件监听兼容原理，通过“事件委托版拖拽效果”实战，掌握和巩固所学内容。
本章讲解JS中eval、parseInt、parseFloat、数学方法、三目运算符、isNaN 等，通过“网页随机抽奖效果”实战，掌握和巩固所学内容。
本章讲解JS中 对象的不等性、私有属性、new 方法、引用机制、原型、原型链等JS重要内容。进一步提升JS 开发能力。
本章讲解JS中 this、call、apply、bind 、原型和属性继承等JS重要内容。进一步提升JS 开发能力。
本章讲解JS的模块化开发概念、JS模块化选择器模块化优化封装、JS模块化方法使用优化封装、JS模块化链式操作封装，通过“面向对象版拖拽封装案例”实战，掌握和巩固所学内容。
本章通过拆解选项卡案例，带大家从头部按钮、内容、切换事件、切换颜色、自动播放模块封装，一步步封装实战。
综合运用前面所学的 HTML+CSS 等布局知识，通过系统的PC端电商网页，从0到1开始搭建，掌握网页整体开发流程，以及综合知识的灵活运用。
综合运用前面所学的 JavaScript 等知识，通过系统的PC端电商网页，从0到1开始搭建网页动态交互效果，如城市选择、右侧导航触碰、滚动吸顶、点击加载、右侧跟随等动态交互效果，掌握网页核心的动效制作。
HTML5+CSS3 可以制作出炫酷的动态效果，本章讲解CSS3 圆角、阴影、变现等知识，通过始终案例实战，巩固所学知识。
本章讲解CSS3 景深、变形、3D等知识，通过始终酷炫3D旋转案例实战，巩固所学知识。
CSS3 新增了相邻、属性、高亮、伪元素等选择器，更好的设置和操作网页中的元素。
HTML5 新增了音视频标签，通过视频播放器实战，能制作通用的视频播放器，带有全屏、播放、进度条、声音控制等功能。
认识HTML5音视频标签，通过钢琴效果实战，巩固音视频知识与实战能力。
移动端开发能力是前端，必不可少的能力，本章学习移动端基础知识，掌握基础布局知识。
移动端布局很多方式，弹性盒子是常用的一种，通过仿慕课网首页展示模块移动布局实战，掌握移动端弹性盒子布局方式。
通过慕课网首页制作，系统掌握移动端网页开发流程，以及布局实战。
通过慕课网移动端首页JS交互特效实战，如轮播图、滚动吸顶等效果，掌握移动端动效开发。
前后端数据如何交互，本章学习 AJAX ，掌握如何get\post 请求方式，封装AJAX函数，实战在线翻译接口。
JS 交互方式很多，本章讲解 form 表单交互，fetch 的请求，jsonp跨域、通过仿360搜索栏下拉菜单实现，掌握不同的交互方式。
本章学习Axios库，掌握Axios框架 post 请求、函数写法、并发请求等知识。
通过登陆注册交互接口开发、搜索页面制作数据交互接口开发，综合用户JS 交互知识，掌握前面所学数据交互知识。
课程总结与展望，以及学习路径。
全部试看小节
李游Leo
Web前端工程师
前端布道者，10 年大厂前端开发经验和移动端开发经验，曾任职： 百度 FE研发算法工程师、乐视移动产品研发部JS端高级软件开发工程师。20万 学员教学经验，提炼前端成长模型与有效的学习方法，帮助更多的学习者顺利攻克前端。
向您推荐
如无法下载使用图片另存为
下载海报选课、学习遇到问题？
扫码添加指导老师 1V1 帮助你！
添加后老师会第一时间解决你的问题