酒店网站的web设计，包括主页，关于我们，公司动态等等一些页面

基于vue实现移动端轮播图，主要功能手指触摸滑动滚动、自动轮播、无缝滚动、循环无回滚等。图片切换有过渡效果。适合前端初学者学习。欢迎有疑问的小伙伴私聊提问哦。

借鉴瓜子二手车平台自己创作的web前端课程设计，采用了css、js技术实现整体页面的整合（包括广告弹窗的弹出设计，时间同步等特效），大家可以在我的主页可以找到相应的文档，有页面展示。

此源代码，主要讲述如何将JavaScript和jQuery与html、css技术相结合，开发交互性强的网页，适用刚刚入门的小伙伴。

实训目标 1、HTML5语义标签搭建项目背景； 2、CSS3应用技术； 3、JavaScript以及小程序页面实战； 4、NodeJS后台服务器搭建； 5、项目实现与联调； 6、项目评比及学员交流。 实训模式 1)项目驱动模式 共享单车项目为互联网研发人员、软件研发人员提供的项目综合实训，以实际的案例开发项目来驱动实训，项目设计过程即实训过程。 2)团队合作角色模式 软件工程师实训采用团队合作开发模式+个人设计模式，学员在整个实训过程中，能够有机会担任项目团队大多数角色，如：界面设计、软件设计等，也能充分发挥学员的主动性及创造性。 3)阶段模式 第一阶段：H5知识储备(5工作日) 目的：通过学习HTML5以及CSS3常用基础，熟练使用页面布局，并且能够使用JavaScript语法达到与页面交互。通过AJAX实现NodeJS后台服务器交互。 第二阶段：综合项目实战（5工作日） 目的：搭建共享单车程序结构，运用H5前端技术完成界面，使用NodeJS实现后数据管理，并通过网页地图展示定位信息。

内含丰富的课程资源，教学PPT以及配套教材源码

前端开发，js,css, html ,H5课程作业，练习题

这是整理的一份Web前端框架的思维导图，如果你要系统的学习前端，你需要搞清楚你的侧重点，你的知识体系属于前端哪一块，你要做到心中有数，因此整理出这个思维导图，为前端学者尽绵薄之力！

在线效果：http://ynif.v099.10000net.cn/demo/shijian/1/shijian/index.html

Web大前端架构资料； Web系统运维高级架构师大数据方向资料； Web大前端基础到架构实战；