课程介绍
想在前端职业发展的更好走的更远，基础必需扎实。前端虽易学，但大部分人浮于表面不扎实，花费大量时间和精力，却学无所用，尤其缺乏基础实战能力。本课 LEO老师提炼10年大厂实战和20万+学员教学经验，为想学习前端技术的同学，专门设计从0到1 统学习三大必备技术（HTML+CSS+JS）课，精选40个实战案例，覆盖PC、移动端，涉及电商、教育等多领域，手敲每行代码，吃透前端基础技术，奠定前端领域职业发展基石。
第1章 认知篇：带你走进前端的世界
随着web3.0的到来，技术的不断迭代，前端技术在越来越多的地方发光发热，前端未来的前景一片大好。本章带你快速从零认识前端。
第2章 体验篇：你的第一个网页【梦开始的地方】
每个编程学习者都从 hello world 开启。本章从开发工具到如何搭建基本网页骨架，更全面的让你成功从0 体验开发属于自己的第一个网页，跨过学习的第一个门槛。
第3章 案例1： 仿百度图文列表实战【HTML篇】
网站少不了的图文内容，如何制开发出来的呢？本章学习搭建网页必备核心标签，让你学会知识的同时，通过实战训练图文的HTML的搭建。
第4章 案例2：前端必备技能–PS网页切图【PS篇】
企业中正式网页开发前，需要准备好图片资料，那如何从设计稿中获取需要的图片是一项重要的技能，本章从PS 安装、基础操作，以及切图技巧，高效掌握网页切图。
第5章 案例3：仿QQ邮箱登陆实战【HTML篇】
网页中很多地方需要输入、按钮等，本章通过仿QQ邮箱登陆，从案例分析与拆解，掌握制作思路以及运用核心知识输入、按钮、文字等搭建HTML。
第6章 案例4：仿B站导航条案例【基础样式】【CSS篇】
HTML 搭建网页的整体结构内容，如果想让网页看起来很美观，需要CSS 进行网页美化。本章带领大家掌握CSS 基本样式设置。
第7章 案例4：仿B站导航条案例【布局】【CSS篇】
光会 CSS 基础样式设置还是不够的，只能制作网页一些简单的图文样式、大小等，更重要的是对网页进行结构化布局。本章学习盒子模型、浮动，本通过仿B站导航实战，掌握核心布局技能。
第8章 案例5：经典背景图文列表【CSS篇】
通过经典背景图文列表实战，运用CSS 图文样式、定位等知识，能制作图片、文字类型网页布局
第9章 案例6：首页单屏案例实战【CSS篇】
本章通过首页单屏案例实战，掌握网页布局重点，标准流和非标准流，以及不同定位方式，能应对大部分通用的布局效果。
第10章 案例7：仿爱奇艺视频首页新片预告案例实战【CSS篇】
本章通过腾讯视频首页新片预告案例实战，掌握网页布局中，圆角制作，百分比演示设置，元素变行内、变块、变行内块样式等，能应对特殊效果的布局效果。
第11章 案例8：仿京东导航条带下拉效果实战【CSS篇】
本章通过京东导航条带下拉效果实战，掌握导航条触碰下拉效果、未访问链接、已链接激活伪类制作、导航条触碰时光标改变效果。
第12章 案例9：仿QQ空间留言板案例实战【CSS篇】
本章通过仿qq空间留言板案例实战，掌握文本域实现留言板的输入框、单选框、多选框的制作、框架标签的制作。
第13章 综合案例10：企业首页实战项目【PC端网页布局】
通过PC端企业网页的综合实战，采用标准化的开发流程，掌握从0到1独立开发PC端基础网页的能力。
第14章 加油站：网页是如何交互【初识JavaScript】
JS 是网页交互的必不可少的内容，本章讲解JS基础知识，让大家快速进入到JS世界。
第15章 案例11：如何让自己的百度百科点击量突破5w？【JS操作浏览器窗口】
浏览器窗口操作在网页中经常操作，本章讲解 window 对象、js中轮循定时器与延时定时器的使用、打开与关闭浏览器的方法等。
第16章 案例12：打字机效果-JS中的基础操作【JavaScript篇】
本章通过打字机效果实战，掌握JS基础运算操作。
第17章 案例13、14：广告弹窗效果【DOM基础操作】【JavaScript篇】
DOM 是 JS 操作和控制的重要环节，本章讲解document对象与点击事件、选取和控制元素的方式等。并通过改变链接的指向实战和广告弹窗效果 进行实战。
第18章 案例15：用户名密码的登陆框案例【JS流程控制】【JavaScript篇】
本章通过用户名密码的登陆框案例 实战，掌握 JS 中的IF 判断语句，以及与等判断方法。
第19章 案例16：前端选项卡案例【JS流程控制】【JavaScript篇】
通过“前端选项卡案例”实战，掌握 JS 中流程控制语句 for、swITch 等。
第20章 案例17、18：留言板效果案例【JavaScript篇】
通过两个案例“留言板案例”和“星级评分案例”实战，掌握 JS 创建、插入、删除、获取节点、子节点等方法实操。
第21章 案例19：模拟短信发送案例【JS事件操作】【JavaScript篇】
通过“模拟短信发送案例”实战，掌握 JS 鼠标移入、移出、按下、双击、事件捕获、冒泡等事件实操。
第22章 案例20：web便签拖拽效果【JavaScript篇】
通过“web便签拖拽效果”实战，掌握元素高宽、距离等设置，以及拖拽效果的实现。
第23章 案例21：简易文字查询修改器【字符串方法集】【JavaScript篇】
通过“简易文字查询修改器”实战，掌握字符串连接、转换方法、查找索引、替换内容方法、去掉空格、字符串转数组方法。
第24章 案例22：元素拖拽回放效果【数组方法合集】【JavaScript篇】
通过“元素拖拽回放效果”实战，掌握查询连接、数组转字符串、数组截取方法、数组万能、排序方法和数组循环方法。
第25章 案例23：购物车效果【JSON对象数据】【JavaScript篇】
通过“购物车效果”实战，掌握JSON转字符串方法、字符串转JSON方法和属性操作-in 与 删除属性。
第26章 案例24：事件委托版拖拽效果【事件深入】【JS进阶篇】
本章讲解JS中事件监听、委托、事件监听兼容原理，通过“事件委托版拖拽效果”实战，掌握和巩固所学内容。
第27章 案例25：网页随机抽奖效果【JS常用全局方法】【JS进阶篇】
本章讲解JS中eval、parseInt、parseFloat、数学方法、三目运算符、isNaN 等，通过“网页随机抽奖效果”实战，掌握和巩固所学内容。
第28章 加油站：JavaScript中对象理解【JS进阶篇】
本章讲解JS中 对象的不等性、私有属性、new 方法、引用机制、原型、原型链等JS重要内容。进一步提升JS 开发能力。
第29章 加油站：javascript中面向对象【JS进阶篇】
本章讲解JS中 this、call、apply、bind 、原型和属性继承等JS重要内容。进一步提升JS 开发能力。
第30章 案例26：面向对象版拖拽封装案例【面向对象模块化封装】【JS进阶篇】
本章讲解JS的模块化开发概念、JS模块化选择器模块化优化封装、JS模块化方法使用优化封装、JS模块化链式操作封装，通过“面向对象版拖拽封装案例”实战，掌握和巩固所学内容。
第31章 案例27： 封装面向对象版选项卡【javascript模块化】【JS进阶篇】
本章通过拆解选项卡案例，带大家从头部按钮、内容、切换事件、切换颜色、自动播放模块封装，一步步封装实战。
第32章 案例28：仿唯品会官网首页制作【布局篇】【PC端综合实战】
综合运用前面所学的 HTML+CSS 等布局知识，通过系统的PC端电商网页，从0到1开始搭建，掌握网页整体开发流程，以及综合知识的灵活运用。
第33章 案例28：仿唯品会官网首页制作【JS效果篇】【PC端综合实战】
综合运用前面所学的 JavaScript 等知识，通过系统的PC端电商网页，从0到1开始搭建网页动态交互效果，如城市选择、右侧导航触碰、滚动吸顶、点击加载、右侧跟随等动态交互效果，掌握网页核心的动效制作。
第34章 案例29：炫酷时钟案例-前端HTML5 + CSS3【进阶】
HTML5+CSS3 可以制作出炫酷的动态效果，本章讲解CSS3 圆角、阴影、变现等知识，通过始终案例实战，巩固所学知识。
第35章 案例30：3d盒子的制作【CSS3进阶】
本章讲解CSS3 景深、变形、3D等知识，通过始终酷炫3D旋转案例实战，巩固所学知识。
第36章 知识加油站：CSS3新增选择器系列【CSS3进阶】
CSS3 新增了相邻、属性、高亮、伪元素等选择器，更好的设置和操作网页中的元素。
第37章 案例31：自定义视频播放器【HTML5进阶】
HTML5 新增了音视频标签，通过视频播放器实战，能制作通用的视频播放器，带有全屏、播放、进度条、声音控制等功能。
第38章 案例32：网页钢琴效果制作【HTML5进阶】
认识HTML5音视频标签，通过钢琴效果实战，巩固音视频知识与实战能力。
第39章 案例33：移动端布局【移动端】
移动端开发能力是前端，必不可少的能力，本章学习移动端基础知识，掌握基础布局知识。
第40章 案例34：弹性盒子【移动端】
移动端布局很多方式，弹性盒子是常用的一种，通过仿慕课网首页展示模块移动布局实战，掌握移动端弹性盒子布局方式。
第41章 案例35：慕课网移动端首页制作【布局】【移动端网页】
通过慕课网首页制作，系统掌握移动端网页开发流程，以及布局实战。
第42章 案例36：慕课网移动端首页制作【js部分】【移动端网页】
通过慕课网移动端首页JS交互特效实战，如轮播图、滚动吸顶等效果，掌握移动端动效开发。
第43章 案例37：前后台交互AJAX 【后台交互】
前后端数据如何交互，本章学习 AJAX ，掌握如何getpost 请求方式，封装AJAX函数，实战在线翻译接口。
第44章 案例38：其他交互方式【后台交互】
JS 交互方式很多，本章讲解 form 表单交互，fetch 的请求，jsonp跨域、通过仿360搜索栏下拉菜单实现，掌握不同的交互方式。
第45章 知识加油站：Axios库学习【后台交互】
本章学习Axios库，掌握Axios框架 post 请求、函数写法、并发请求等知识。
第46章 案例39、40：慕课网移动端首页数据交互实战【JS部分】【移动端后台交互】
通过登陆注册交互接口开发、搜索页面制作数据交互接口开发，综合用户JS 交互知识，掌握前面所学数据交互知识。
第47章 课程总结
课程总结与展望，以及学习路径。
声明：本站所有资源收集于互联网，该资源作者与Binge办公不享有任何版权，如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
