【前端】精品各行业项目库介绍


前端项目库中,目前包含8个项目,8个项目设计到了各个领域和行业,能够帮助同学您丰富各个领域和行业的业务和业务的实现逻辑,提高个人开发经验、前端技术水平,从而提高自己的核心竞争力,为您的跳槽、加薪,助一臂之力!

 

一、微金所响应式开发项目

响应式开发项目同时适配于PC端和移动端设备,该项目的实现主要是通过HTML+less进行网页布局和样式展示,运用CSS3媒体查询实现在不同屏幕尺寸下部分样式的改变,使用Bootstrap响应式开发框架实现项目的部分布局和功能效果。响应式开发体现开发一套网站,同时适配不同的终端,具备了更友好、更快、更省的项目开发体验。在项目的最后讲解了rem和使用rem实现优惠活动案例。

 

二、移动端京东电商项目

该项目使用HTML+CSS页面布局和样式展示,使用原生JavaScript 实现项目相关功能,通过zepto.js实现轮播图效果,使用Fastclick.js插件解决移动端Click事件延迟,使用Swiper.js插件实现轮播图滑动效果,通过Iscroll.js插件实现内容滑动效果。项目所涉及的技术点比较多,能够让学员学到移动Web开发完整的专业知识和开发技巧。

 

三、豆瓣电影项目

本项目使用jQuery和jQuery相关插件实现项目的功能需求,比如:城市切换、table栏切换、分页、加载更多等功能,同时使用Ajax和Chrome浏览器跨域插件请求第三方电影提供的API,把电影相关的数据渲染到页面中。通过本项目培养学员运用jQuery、 jQuery相关插件以及Ajax请求的综合能力以及网站开发能力。

 

四、H5购物网站项目

本项目是一个购物网站专题页,由8个页面组成,通过Fireworks 进行辅助项目开发,每个页面使用HTML/HTML5 + CSS/CSS3进行网页布局和样式展示,项目中的页面可以通过fullPage.js 实现页面竖向滚动,在滚动的同时每个页面中通过jQuery+CSS3实现动画效果,让购物的流程变得更加生动、形象,促进了用户的购买兴趣。

 

五、黑马博客项目

本项目是一个基于后端渲染的博客项目,项目的所有页面全部通过ejs模板引擎进行渲染,界面样式主要是通过Bootstrap框架进行展示,用户的表单数据会通过Node+Express+SQL等逻辑存入到MySQL数据库、运用cookie+session进行登录退出及状态保存,用户可以通过markdown在线编辑器进行博客的编写,文章的信息会保存到MySQL数据库,最后将开发完成的博客项目发布到服务器上。

 

六、移动端黑马商城项目

本项目是一个完整的基于Vue的移动商城项目,项目中页面布局主要使用移动端组件库Mint UI实现,项目中包含的功能非常丰富,比如:轮播图、图片预览、详情页预览、加入购物车、立即购买等功能,本项目的技术是从Vue2.0+版本的核心API开始讲解,通过案例对Vue技术点进行汇总与运用;在Webpack基本配置和使用的基础上,通过一个移动商城购物网站项目完成项目搭建到项目部署上线,完成Vue技术栈与ES6语法的综合运用,助你掌握Vue技术栈以及Vue项目实战经验。

 

七、 ReactNative电影项目

本项目是开发一款移动端电影APP,通过这款APP可以展示豆瓣电影信息,该项目首先需要搭建ReactNative相关环境,使用React-Native初始化项目,使用React语法进行业务逻辑的实现,运用ReactNative中的组件实现相应的布局和部分功能,同时也实现table栏切换、头像选取和拍照等功能,使用fetch获取电影列表数据,把电影信息渲染到APP中,通过以上一系列的开发,最后发布该APP。

 

八、全栈式在线教育后台管理项目

本项目主要通过前端+后端知识相互结合共同开发一个在线教育项目的后台管理系统,该后台管理系统可以对在线教育的课程、讲师、广告等信息进行相关增删改查以及筛选等操作,该项目中主要通过Express搭建后台服务,使用nunjucks模板引擎进行页面渲染,使用MongoDB操作数据库,并通过Mongoose来操作MongoDB提高开发效率,对数据库中的数据进行增删改查等操作。

 

师资团队
  • 前端讲师
    讲师
    前端开发工程师和软件开发工程师, 具有多年软件开发项目经验,曾就职于某大型外企,在软件开发和培训方面积累了丰富的经验,擅长Ajax、Linux、ThinkPHP、Yii、SVN、jQuery、Redis、Mysql、XML等,上课语言幽默,逻辑清晰。