の地止：

www.888it.top

40+精选案例专项训练，从简单到复杂循序渐进，
步步为营夯实你的基础实操能力

9个HTML+CSS案例基础实战

技能：搭建、PS切图、美化、PC布局等
目标：你将具备从0 到1搭建网页的能力

12个JavaScript案例基础实战

技能：基础、动效、交互、JSON等
目标：你具备网页动态交互效果开发能力

11个JavaScript案例进阶实战

技能：模块化、封装、事件、对象等
目标：你将具备企业级高效代码开发能力

8个HTML5+CSS3案例进阶实战

技能：3D、音视频、移动弹性盒子布局等
目标：你将具备多场景炫酷动效开发能力
移动端网页布局能力

3个前后台数据交互实战

技能：AJAX、跨域、Axios、后台交互等
目标：你将具备前后端数据交互能力

多领域项目综合实战，实现技术和知识融合贯通，
助你在实战中锤炼真功，精进你的企业原生开发能力

收获：

采用标准化的开发流程，从0到1独立开发
PC端基础网页的能力

主要内容：

PS 切图技巧

基础布局技巧

图文混排技巧

焦点导航布局

底部导航布局

上下左右布局

收获：

系统的PC端网页布局与通用JS交互特效独
立开发能力

主要内容：

加载瀑布流效果

滚动吸顶条效果

右侧导航触碰效果

右侧跟随购物袋效果

城市选择交互效果

商品分类效果

收获：

系统的移动端响应式布局、JS特效与AJAX
后台数据交互独立开发能力

主要内容：

响应式布局与技巧

注册登陆数据交互接口

Banner 轮播效果

搜索页数据交互接口

答疑+交流+作业+测评+资料，
学习有保障、过程更顺畅，为你提供超乎期待的学习帮助

答疑服务

解决疑难杂症

作业任务

强化训练巩固技能

阶段测评

检测学习效果

交流互动

与老师同伴亲密互动

配套资料

提供工具、案例资料
提高学习效率

适合人群

新手人群

0基础、基础不扎实、缺乏实战
想快速从事或学会前端

转行人群

前端职业前景好、潜力大
想转行为自己未来拼搏
实现职业重生与抱负

拓宽技术人群

不同领域的技术者
想拓宽技术的宽度
提升竞争力与晋升机会

第1章 认知篇：带你走进前端的世界

随着web3.0的到来，技术的不断迭代，前端技术在越来越多的地方发光发热，前端未来的前景一片大好。本章带你快速从零认识前端。

第2章 体验篇：你的第一个网页【梦开始的地方】

每个编程学习者都从 hello world 开启。本章从开发工具到如何搭建基本网页骨架，更全面的让你成功从0 体验开发属于自己的第一个网页，跨过学习的第一个门槛。

第3章 案例1： 仿百度图文列表实战【HTML篇】

网站少不了的图文内容，如何制开发出来的呢？本章学习搭建网页必备核心标签，让你学会知识的同时，通过实战训练图文的HTML的搭建。

第4章 案例2：前端必备技能--PS网页切图【PS篇】

企业中正式网页开发前，需要准备好图片资料，那如何从设计稿中获取需要的图片是一项重要的技能，本章从PS 安装、基础操作，以及切图技巧，高效掌握网页切图。

第5章 案例3：仿QQ邮箱登陆实战【HTML篇】

网页中很多地方需要输入、按钮等，本章通过仿QQ邮箱登陆，从案例分析与拆解，掌握制作思路以及运用核心知识输入、按钮、文字等搭建HTML。