整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
程介绍
两套Web前端开发课程，一套是极客学院的移动开发课程，主要是HTML和CSS3部分
另一套是Web前端开发入门，第二套课程可能不是整套的，只是其中一部分的。
-------------------课程目录-------------------
第一套 极客学院前端移动开发基础（HTML5、CSS3）
1.1HTML5开发前准备.mp4
1.2开发前的准备-快捷键.mp4
2.10HTML5列表的使用.mp4
2.11HTML5块元素标签的使用.mp4
2.12HTML5布局的使用.mp4
2.13HTML5表单的创建.mp4
2.14PHP环境搭建.mp4
2.15HTML5表单与PHP交互.mp4
2.16HTML5框架.mp4
2.17HTML5背景.mp4
2.18HTML5实体.mp4
2.19XHTML的规范化.mp4
2.1HTML5 简介.mp4
2.2HTML5 集成开发环境搭建.mp4
2.3HTML5 基础详解.mp4
2.4HTML5元素简介及使用方法.mp4
2.5HTML5属性使用方法.mp4
2.6HTML5格式化及使用.mp4
2.7HTML5样式的使用.mp4
2.8HTML5链接属性及使用.mp4
2.9HTML5表格使用.mp4
3.10CSS样式-列表.mp4
3.11CSS样式-表格.mp4
3.12CSS样式-轮廓.mp4
3.13CSS盒子模型-概述.mp4
3.14CSS盒子模型-内边距.mp4
3.15CSS盒子模型-边框.mp4
3.16CSS盒子模型-外边距.mp4
3.17CSS盒子模型-外边距合并.mp4
3.18CSS盒子模型-盒子模型应用.mp4
3.19CSS定位-定位.mp4
3.1CSS基础-介绍及语法.mp4
3.20CSS定位-浮动.mp4
3.21CSS定位-浮动的应用.mp4
3.22选择器-选择器详解(1).mp4
3.23选择器-选择器详解(2).mp4
3.24CSS常用操作-对齐.mp4
3.25CSS常用操作-分类.mp4
3.26CSS常用操作-导航栏.mp4
3.27CSS常用操作-图片.mp4
3.28CSS动画-2D丶3D转换.mp4
3.29CSS动画-过渡.mp4
3.2CSS基础-派生选择器.mp4
3.30CSS动画-动画.mp4
3.31CSS动画-多列.mp4
3.32CSS瀑布流效果.mp4
3.33HTML与CSS简单页面效果实例.mp4
3.3CSS基础-id选择器.mp4
3.4CSS基础-类选择器.mp4
3.5CSS基础-属性选择器.mp4
3.6CSS样式-背景.mp4
3.7CSS样式-文本.mp4
3.8CSS样式-字体.mp4
3.9CSS样式-链接.mp4
4.10Javascript语法-跳转语句.mp4
4.11Javascript函数-了解函数的用途.mp4
4.12Javascript函数-定义函数.mp4
4.13Javascript函数-调用函数.mp4
4.14Javascript函数-带参数的函数.mp4
4.15Javascript函数-带返回值的函数.mp4
4.16Javascript函数-局部变量和全局变量.mp4
4.17Javascript异常捕获.mp4
4.18Javascript事件.mp4
4.19Javascript-DOM简介.mp4
4.1Javascript基础-介绍丶实现丶输出.mp4
4.20Javascript-DOM操作HTML.mp4
4.21Javascript-DOM操作CSS.mp4
4.22Javascript-DOM EventListener.mp4
4.23JS事件详解-事件流.mp4
4.24JS事件详解-事件处理.mp4
4.25JS事件详解-事件对像.mp4
4.26JS内置对像-什麽是对像.mp4
4.27JS内置对像-String字符串对像.mp4
4.28JS内置对像-Date日期对像.mp4
4.29JS内置对像-Array数组对像.mp4
4.2Javascript基础-语法和注释.mp4
4.30JS内置对像-Math对像.mp4
4.31JSDOM对像控制HTML元素详解-1.mp4
4.32JSDOM对像控制HTML元素详解-2.mp4
4.33JS浏览器对像-window对像.mp4
4.34JS浏览器对像-计时器.mp4
4.35JS浏览器对像-History对像.mp4
4.36JS浏览器对像-Location对像.mp4
4.37JS浏览器对像-Screen对像.mp4
4.38JS面向对像-认识面向对像.mp4
4.39JS面向对像-JS面向对像(1).mp4
4.3Javascript基础-变量和数据类型.mp4
4.40JS面向对像-JS面向对像(2).mp4
4.41JS瀑布流效果-布局.mp4
4.42JS瀑布流效果-1.mp4
4.43JS瀑布流效果-2.mp4
4.4Javascript语法-运算符(1).mp4
4.5Javascript语法-运算符(2).mp4
4.6Javascript语法-条件语句if...else.mp4
4.7Javascript语法-条件语句switch.mp4
4.8Javascript语法-循环语句for循环.mp4
4.9Javascript语法-循环语句while循环.mp4
5.10使用Canvas制作炫酷的效果.mp4
5.11SVG-介绍.mp4
5.12SVG-绘制矢量图形.mp4
5.13引入外部svg文件.mp4
5.14Web存储-客户端存储数据新方法.mp4
5.15Web存储-localStroage.mp4
5.16Web存储-sessionStroage.mp4
5.17应用缓存与Web Workers-应用缓存.mp4
5.18应用缓存与Web Workers.mp4
5.19HTML5服务器推送事件-介绍.mp4
5.1HTML5音频播放.mp4
5.20HTML5服务器端推送事件-实现.mp4
5.2HTML5音频视频-编解码工具.mp4
5.3HTML5音频视频-视频播放.mp4
5.4HTML5拖放.mp4
5.5HTML5拖放本地资源.mp4
5.6HTML5Canvas标签-创建Canvas.mp4
5.7HTML5Canvas标签-绘制图形.mp4
5.8HTML5Canvas标签-绘制图片.mp4
5.9认识CreateJS.mp4
6.1响应式布局介绍.mp4
6.2实现响应式布局效果.mp4
6.3响应式布局实例操作.mp4
6.4响应式布局之Bootstrap介绍.mp4
6.5css丶组件以及JS介绍.mp4
6.6响应式布局之使用Bootstrap.mp4
7.10jQuery效果-淡入淡出.mp4
7.11jQuery效果-滑动.mp4
7.12jQuery效果-回调.mp4
7.13jQuery HTML-捕获.mp4
7.14jQuery HTML-设置.mp4
7.15jQuery HTML-添加元素.mp4
7.16jQuery HTML-删除元素.mp4
7.17jQuery CSS-jQuery CSS方法.mp4
7.18jQuery CSS-jQuery盒子模型.mp4
7.19jQuery遍历之向下遍历.mp4
7.1jQuery库简介.mp4
7.20jQuery遍历之向上遍历.mp4
7.21jQuery遍历之同级遍历.mp4
7.22jQuery遍历之过滤.mp4
7.23jQuery AJAX-异步访问.mp4
7.24jQuery AJAX-加载片段.mp4
7.25jQuery扩展-jQuery扩展.mp4
7.26jQuery扩展-noConflict.mp4
7.27jQuery瀑布流-布局.mp4
7.28jQuery瀑布流-图片位置摆放.mp4
7.29jQuery瀑布流-滚动加载.mp4
7.2jQuery库简介.mp4
7.3jQuery的基本语法.mp4
7.4jQuery选择器和事件-选择器.mp4
7.5jQuery选择器和事件-事件之事件常用方法.mp4
7.6jQuery选择器和事件-事件之绑定丶解除绑定事件.mp4
7.7jQuery选择器和事件-事件之事件目标与冒泡.mp4
7.8jQuery选择器和事件-事件之自定义事件.mp4
7.9jQuery效果-隐藏与显示.mp4
8.10jQuery UI Widgets-AutoComplete.mp4
8.11jQurey UI Widgets-Datepicker.mp4
8.12jQuery UI Widgets-Dialog.mp4
8.13jQuery UI Widgets-progressbar.mp4
8.14jQuery UI Widgets-menu.mp4
8.15jQurey UI Widgets-slider.mp4
8.16jQuery UI Widgets-spinner.mp4
8.1jQuery UI简介.mp4
8.2jQuery UI的下载.mp4
8.3jQuery UI的使用.mp4
8.4jQuery UI Interractions-draggable .mp4
8.5jQuery UI Interactions-droppable.mp4
8.6jQuery UI Interactions-resizeable.mp4
8.7jQuery UI Interactions-selectable.mp4
8.8jQuery UI Interactions-sortable.mp4
8.9jQuery UI Widgets-Accordion.mp4
9.10jQuery Mobile Widgets(2)-popup.mp4
9.11jQuery Mobile Widgets(2)-selectmenu.mp4
9.12jQuery Mobile 事件.mp4
9.1jQuery Mobile-认识与下载jQuery Mobile.mp4
9.2jQuery Mobile-创建移动设备.mp4
9.3jQuery Mobile-使用jQueryMobile.mp4
9.4jQuery Mobile Widgets-page.mp4
9.5jQuery Mobile Widgets-button.mp4
9.6jQuery Moblie Widgets-checkboxradio丶collapsible.mp4
9.7jQuery Mobile Widgets(2)-grid.mp4
9.8jQuery Mobile Widgets(2)-listview.mp4
9.9jQuery Mobile Widgets(2)-navbar.mp4
10.10CreateJS控件-MovieClip.mp4
10.11CreateJS控件-Sprite.mp4
10.12CreateJS控件之DOMElement.mp4
10.13CreateJS TweenJS-CSSPlugin.mp4
10.14CreateJS TweenJS-Ease.mp4
10.15CreateJS TweenJS-MotionGuidePlugin.mp4
10.16CreateJSTweenJS-Tween.mp4
10.17CreateJS与flash交互中使用Flash生成js文件.mp4
10.18CreateJS与flash交互中加载图片资源.mp4
10.1CreateJS介绍-EaselJS.mp4
10.2CreateJS介绍-TweenJS.mp4
10.3CreateJS介绍-SoundJS.mp4
10.4CreateJS介绍-PreLoadJS.mp4
10.5CreateJS基础-EaselJS容器.mp4
10.6CreateJS基础-EaselJS绘图.mp4
10.7CreateJS基础-EaselJS事件.mp4
10.8CreateJS控件-Text.mp4
10.9CreateJS控件-BitMap.mp4
第二套[Web前端] 零基础Web前端开发工程师高端培训
hack
理解像素
分辨率
理解图层以及熟悉PS
ps工具运用
条件注释
选择选择修改类工具(1)
选择选择修改类工具(2)
倒三角丶滑动门及IE6的那些常见bug(一)
倒三角丶滑动门及IE6的那些常见bug(二)
倒三角丶滑动门及IE6的那些常见bug(三）
倒三角丶滑动门及IE6的那些常见bug(四)
行业网站综合实训(一)
行业网站综合实训(二)
行业网站综合实训(三)
行业网站综合实训(四)
行业网站综合实训(五)
行业网站综合实训(六)
实训微博注册页面切片（一）
实训 微博注册页面切片(二)
实训 微博注册页面切片(三)
实训 微博注册页面切片(四)
人问我前端课程难吗？这怎么说呢！天下事有难易乎?为之,则难者亦易矣 不为,则易者亦难矣。
能不能自学成功贵在自我的坚持当然还有配合正确科学的方法。我负责科学的方法你负责坚持。
首先你需要一台个人电脑，最好不要是台式机，笔记本更佳，MAC系统的毕竟本更好，如果你的财力允许的话。笔记本更便于携带，几乎每个前端工程师都有自己的笔记本电脑，Mac系统更稳健好用，不像Windows运行几年就变慢了。
其次你需要安装一款适合自己的前端开发软件，也就是你的开发工具。
”假舆马者，非利足也，而致千里；假舟楫者，非能水也，而绝江河。君子生非异也，善假于物也。”--《劝学》
有一刻合适的开发工具会让你的效率提高很多，事半功倍。那么有哪些开发工具呢？
Dreamweaver是个由Macromedia公司所开发的著名网站开发工具，一个很古老的前端网站开发工具，多数前端工程师都用他起步的，DW的好处是，有设计和源码两种模式，所见即所得，功能齐全，非常适合刚入门的工程师，但不推荐大家使用DW ，虽然他功能强大但很多功没什么实际用处，所见即所得的开发方式也不利于工程师成长，重点是不免费啊，还的费劲儿去找破解版。
Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮，功能强大很多插件，安装方便，重点是免费，但还是不推荐初学者使用。
Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器，虽然 一个轻量级的编辑器，但有丰富的插件和第三方支持，插件需要翻墙安装，对于初学者也不是太合适，不推荐使用。
WebStorm 是一款比较Nice 的JavaScript开发工具，被众多前端工程师誉为“Web前端开发神器” 主要是各种提示比较给力，而且除了代码管理，还提供了对ES6的支持。打开有点慢。可以选择使用。
hbuilder是一款知名的且广受好评的专门为前端研发的开发工具，而且全中文，语法库齐全和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。。其强大全面的提示功能、调试等功能，让程序员用起来感觉非常顺手，而且是免费的，推荐初学者使用。
没错记事本也能做为前端的开发工具，但很少有人使用这玩意儿，完全不推荐初学者使用。
好了工具装完了，完事具备了只欠东风，是不是就可以开始学习了呢？
莫慌，我们再看看网络上有哪些能帮助我们学习的网站。初级阶段不用花钱看免费的资料就行。网络上一抓一大把，主要是你的学会找到这些资料。
在线教育机构有很多，他们会提供一些免费的视频和成体系的课程，不过也是鱼龙混杂，死了一批活了一批。我推荐给不错的网站，供大家参考。
声明：所有排名不分先后
成立于2014年02月
极客学院也是一家纯粹做线上的在线教育平台，开设课程有前端，Python，go，Android和iOS。极客学院不同之处在于其模式类似于硅谷的培训机构Udacity，通过包月与包年的会员制，为学生提供相应的课程视频、文档资料。并且试水“一对一”的在线教育模式，当然了极客的模式和传统的“一对一”有所不同，极客学院的“一对一”主要指老师为学生一对一批改作业等，而在授课方式上，采取的依然是一对多模式。。
成立于2012年05月
麦子学院是比较纯粹做在线教育的IT培训教育平台，课程体系根据用户人群需求不同分为自学课和企业直通班（有导师进行跟踪辅导，基本上可以看做是把线下的培训模式实现了在线化），开设的课程种类非常的多，几乎涵盖了互联网的各个领域。
教学模式纯粹的在线化，课程可以在官网上找到，课程制作相对比较优质。
成立于2013年8月
慕课网主打免费IT技能培训，当然了现在也有收费的实战项目课程。慕课网在所有的在线培训平台中算是口碑比较良好的一个吧，这可可能和其免费优质的策略有关。就课程体系而言慕课网也几乎涵盖了所有的课程分类，课程特色为其规划好的一些职业体系，方便一些自学入门的用户可以按部就班的获得一个系统的知识体系。其次慕课网内置的代码编辑器也是非常的出色，所见即所得不需要配置本地环境，更加快捷，省去了很多的麻烦。
成立于2016年4月（进入国内的时间）
优达学城是一家来自硅谷的在线教育机构，“骨骼清奇”和硅谷多家世界知名企业达成合作，这也展示在其课程上，像人工智能，自动驾驶等课程算是国内独树一帜，但是对于国内大部分的学习者来说，其英文的课程是一个不小的挑战。优达学城独具特色的地方在于课程免费， 对一些认证考试和就业介绍进行收费，作为其盈利点。
在其进入国内，根据国情也对少数的课程添加了汉语字幕，其次也努力的和国内的一些互联网企业寻求合作，目标群体基本上定位在专业度高计算机基础稳固的人群。
当然还有很多其他在线教育的网站，不过大多上来就弹窗，问你要不要报名啊，想尽办法让你花钱，烦。
不喜欢看视频的同学可以选择 W3C 菜鸟教程。这个教程简单易用，非常适用于初学入门者。
首先学习html5 了解各种标签的使用以及什么是语义化。当然只看html5是远远不够的，接下来就是css了。html5只是页面的结构编写更多美好的工作还需要css来完成，具体的学习周期大概2~3周，大家就能记的差不多了。
大家在菜鸟教程中可以到css和css3两种教程，学习顺序别搞错了是学完css再学习css3,因为css3是作为css的一个补偿存在的。
学习完css3就到了JavaScript学习阶段了
JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。JavaScript之后还后ECAMScript6 哈哈
ES6的学习看看栾一峰的文件就可以了：http://es6.ruanyifeng.com/
这些都学完了就到框架阶学习段了，目前流行的前端框架有三种：
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 拥有较高的性能，代码逻辑非常简单 。
Angular2 是一款开源JavaScript库，由Google维护，用来协助单一页面应用程序运行。Angular2 是 Angular 1.x 的升级版本，性能上得到显著的提高，能很好的支持 Web 开发组件。Angular2 发布于2016年9月份，它是基于ES6来开发的。
建议学习Vue.js 目前比较盛行，不会Vue都不好意思说自己是前端工程师了。
资料和路径都有了你可以开始自学了。不过一个学习一但遇到问题就麻爪了，一个小问题卡住能停下一个星期。如果能组团一起学习可以进行交流。
还有如果有人带你一起做项目是不是会更快呢？
最好找一个行内人士为师，好随时进行指点，才可事半功倍。
欢迎关注，小故事演绎大前端。多多交流，一起学习。
参加html5培训班学习，想了解html5培训班都系统学习哪些内容呢？
想知道html5都学习哪些课程内容？小编分享千锋教育html5课程大纲给大家看看，相信对于想学习的同学一看就一目了然，再去学习的话，就会有大概的学习思路了。
html5学习路线图
千锋html5培训课程分采用进阶式学习，阶段性检测学员掌握学员学习情况。千锋的html5学科的课程体系能够适应市场需求、紧跟时代技术，完全满足市场对html5工程师的要求，大大地提升了学员的市场竞争力。学习内容包括7大学习阶段：
第一阶段：前端页面重构(4周）
内容包含了：（PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目）
第二阶段：JavaScript高级程序设计（5周）
内容包含：1）原生 JavaScript交互功能开发项目、面向对象进阶与 ES5/ES6应用项目、JavaScript工具库自主研发项目）
第三阶段：PC端全栈项目开发（3周）
内容包含：（jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目）
第四阶段：移动端项目开发(6周)
内容包含：（Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目）
第五阶段：混合（Hybrid,ReactNative）开发（1周）
内容包含：（微信小程序开发、React Native、各类混合应用开发）
第六阶段：NodeJS全栈开发（1周）
内容包括：（WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库）
第七阶段：大数据可视化
内容包含：（大数据可视化化基础与实战、一、数据可视化入门、二、D3.js详解、三、其他JS库）
html5开发是目前市场上较火的开发技术，90%的企业都在使用html5培技术，北京html5培工程师的平均工资达到11380元，零基础学习完就业薪资也达到了6670元，在企业工作一年，有1—2年经验的，薪资更是轻松破万，随着互联网的突飞猛进，预计html5培工程师的薪资会再上升一大截。
*请认真填写需求信息，我们会在24小时内与您取得联系。
