html5移动端布局实战开发课程

⑴ 5做移动端开发有什么优势

HTML5的前景是非抄常好的，企袭业现在安卓、iOS开发人员都在学习HTML5混合开发，节约成本、一专多能是未来很多企业用人趋势！HTML5工程师在今后的工作中与Android、iOS工程师对接的几率非常大。混合式开发思想培训出来的学员比单一课程学员薪水高至少2000元，同时企业也更愿意去花更多的钱来聘请那些了解比较全面的开发人员！混合式开发讲师需要同时精通Android、iOS、HTML5等多门课程，这样才能在教学过程中融合混合式开发思想，让学员能够同时了解一些与本课程最相关的技术，为学员今后在工作中的对接和配合工作提供极大助力，对学员今后的职业发展也会有很大帮助。可以参加HTML5培训班的学习，拥有“混合式开发特聘讲师”这一大特色的，混合式开发课程对讲师的要求非常之高，至少同时具备3年或以上教学和技术经验的讲师才可以胜任，这是其他机构无法提供的！学习主要也是靠自己的，现在HTML5很火，前景未来5~10年内绝对好，好好学习拿高薪工作是没问题的。

⑵ 主流HTML5移动web开发框架

肯定使用框架啊，不然还原生 JS、自己写样式？

H5 做移动开发也分两种，一种就是正常的网版页，权一种是封装的成 App 在手机上跑的。下面我只大致介绍一下又哪些框架，具体的特性不是三两句能说完的，题主可以自行搜索相关资料。

后者比较知名的框架就是 PhoneGap、MUI 等等了。

而前者具体分的话还分 CSS 框架和 JS 框架。样式框架有很多了，常见的有 jQuery Mobile、Bootstrap、Kendo UI、Amaze UI 等等。JS 框架一般是 AngularJS、Backbone、ReactJS 等等，但说实话这些 JS 框架都比较繁重，一般是为比较复杂的场景设计的，如果你的页面需求很简单，那么大可以不用它们只用样式框架就好了。

值得一提的是国内 BAT 三大巨头也分别有自己的 H5 框架，并且都已经开源了，网络的是 GMU（Global Mobile UI）、Clouda+、EFE 这三个，阿里的是 Kissy Mobile，腾讯的是 Frozen UI。

⑶ 使用5开发移动端应用采用什么框架

随着使用智能手机的人越来越多，手机网站开发项目也成为一种潮流。可是您知道机网站开发框架有几种吗?

1. LungoJS

这个是被认为开发移动网站最好的HTML5开发框架，使用 HTML5/CSS3 和 JavaScript 技术。可帮助创建基于 iOS、 Android、 Blackberry 和 WebOS 平台的应用程序。该框架可利用当前移动设备的高级特性，可捕捉事件包括滑动、触屏、长按等。无需使用图片，全部采用向量声称。

Lungo.JS 无需服务器端支持，可帮助实现 HTML5 特性，包括 WebSQL、Geolocation、 History、 Device orientation 等等。这是一个完全可定制的框架，可用来创建应用、游戏等程序。

2.Kendo UI

Kendo UI是一个HTML5平台，开发者利用它可以开发新颖的、交互的移动应用程序和网站。该框架提供了大量的动画和丰富的拖拽功能、模板功能以及提供了将近10款客户端常用的数据绑定小部件，如图表、组合框以及常用表格。

3.Jo

该框架可以创建像本地一样的应用，并且兼容任何 *** 作系统，无论是Blackberry、iOS还是Android。并且提供许多HTML5小部件。使用它可以解决任何动画设计方面的问题。

4.Sencha Touch

Sencha Touch是第一个基于HTML5的移动应用框架，利用JavaScript、HTML5和CSS3来构建移动应用程序，该框架利用本地代理存储离线数据，具体使用HTML5来渲染视频和音频组件。

可以让你的Web App看起来就像本地应用程序一样。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的Web标准，全面兼容Android和Apple iOS设备。

5.52 Framework

52 Framework拥有16列的网格模板。该框架来自于CSS3样式里的新“Selection”、阴影、圆角以及有效的HTML5标记。该框架还提供了一些特殊的脚本和样式用于IE6。

6.LimeJS

LimeJS 是一个 JavaScript 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。允许开发者创建基于 HTML5 的游戏，支持主流浏览器包括iOS。

7. G5 Framework

如果你想要快速实现Web开发，并且想要重用ant主题或应用程序或网站项目，那么G5 框架是您最好的选择，因为该框架旨在提升开发效率、减少代码。该框架采用特色的PHP激活类、SEO优化技术。除了G5自身所带的这些功能特性外，它还集成其他许多功能，例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等。

8.jQuery Mobile

jQuery Mobile(jQueryMobile)是 jQuery在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。我们将尽全力去满足这样的需求。

9.Phone Gap

PhoneGap是一个开源的开发框架，使用HTML，CSS和JavaScript来构建跨平台的的移动应用程序。它使开发者能够利用iPhone，Android，Palm，Symbian，Blackberry，Windows Phone和Beda智能手机的核心功能——包括地理定位，加速，联系人，声音和振动等。

⑷ HTML5移动前端webapp有什么推荐的书籍或者建议

《响应式Web设计—HTML5和CSS3实战》

封面是一只瓢虫，这本其实响应式的东西讲得比较少，大半内容是内关于介绍h5和css3的基础知识，全书主要是带领读者做一个小网页来写的，适合新手入门，如果同时想了解h5和css3和响应式设容计入门，这本还不错

《响应式web设计实践》

《跨终端web》

《5触摸界面开发与设计》

⑸ 5移动端网页开发和pc端的区别

pc端目前仅使用5部分功能做渐进增强，移动端针对智能机开发则可以完全迁移到内5上来，容低端java手机使用wap技术开发。明确一个概念，5 = 新版标记语言 + css3 + 脚本API；但从标记语言来比较5 和 4之间的差别： 1 更加语意

⑹ 5怎样做移动端开发

随着互联网的高速发展，软件行业更加火爆，几乎高薪职位都与软件行业挂勾，回程序员成了高薪的标志。答HTML5作为近几年非常火的软件开发语言，更是得到了多人一致的好评和青睐。既然HTML5这么火，学习这门课程当然前景更可观。

只要努力学到真东西，前途自然不会差。如果你想学好HTML5开发语言，一般在2w左右，应该根据自己的实际需求去实地看一下，先去试听之后，再选择比较适合自己的，希望能给你带去帮助。

⑺ 5混合app开发需要掌握哪些技术

HTML5开发就业班：

全栈：HTML5 + PHP + MySQL

第一阶段：前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局；

第二阶段：JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发；

第三阶段：PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发；

第四阶段：移动端项目开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp；

第五阶段：混合（Hybrid）开发：各类混合应用开发；

第六阶段：NodeJS全栈开发：WebApp后端系统开发。

HTML5开发好程序：

不会原生开发（iOS、Android），后端应用（NodeJs、Java、PHP）开发，游戏开发的HTML5工程师不是一个好的工程师。

全栈工程师：

大前端：HTML5（Web前端）、Android（Native前端）、Hybrid（混合前端）。

后端：多栖后端（NodeJs、Java、PHP）。

第一阶段：前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局；

第二阶段：JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发；

第三阶段：PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发；

第四阶段：移动端项目开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp；

第五阶段：混合（Hybrid）开发：各类混合应用开发；

第六阶段：NodeJS全栈开发：WebApp后端系统开发、基于Socket.io聊天系统开发。

第七阶段：游戏开发：游戏类项目开发（植物大战僵尸、捕鱼达人等）。

第八阶段：Java开发：企业级开发技术架构实战、商城项目整站开发。

第九阶段：PHP开发：微信管理系统、商城系统、主流PHP免费系统的使用。

第十节段：Android开发：外卖系统开发、Android混合开发项目。

从某件事情上得到收获以后，就很有必要写一篇心得体会，这样有利于培养我们思考的习惯。那么心得体会怎么写才恰当呢？以下是我收集整理的html5实训心得，希望能够帮助到大家。

html5实训心得 篇1

风尘仆仆的来到了大连，来参加汇博组织的HTML5培训，从HTML5基础讲起，起初并不以为然，想这HTML这个平常上课也经常接触到的东西，但是听完第一堂课后，

后面的兴趣越来越浓厚，尤其是讲到HTML5的新特性时候，讲到canvas画布时候，突然感觉HTML的功能远远超出了我的想象，超出了我的预期，当自己做完第一个实例的时候，就想以后一定要把这个充满未来潜力的东西传到学校，学生一定会感兴趣。

当老师简单讲完CSS和JS时候，然后将HTML5+CSS+JS结合起来的时候，就感觉这是个强大无比的组合，不次于使用C#在VS平台上实现的功能。

尤其是其在游戏和动画上的效果，使得页面可以轻松抛弃Flash的枷锁也同样能够实现强大的动画效果。

最后一天Intel的老师讲到如何将HTML5的APP上传到不同平台的应用商店时候，这时候就更感到自己学到的东西有意义了。

不像以前单纯教学，为了完成教学任务而教学，通过应用的上传，可以更加鼓励学生的积极性，激发他们的学习动力，嗯，不错的思路，把这个思路用在教学上，一定能有所收获，学生一定能感兴趣。

这次培训对于自己在今后教学过程中提出了一个新的思路，我们的教学可以找到学生的兴趣点，像欧美国家教育环境那样能够激发出学生自身的兴趣，而这个激发就需要我们老师和企业共同想办法能为学生由被动学习变为主动激发资深兴趣去学习。

这才是最重要的，才能培养出高质量人才。

总之，感谢Intel，感谢微软，感谢汇博给我们提供了这次培训，期待下次培训。

html5实训心得 篇2

一、了解HTML5前端开发技术

HTML指的是超文本标记语言(Hyper Text Markup Language)，标记语言是一套标记标签 (markup tag)，HTML使用标记标签来描述网页。

HTML5区别于HTML的标准，基于全新的规则手册，提供了一些新的元素和属性，在web技术发展的过程中成为新的里程碑。

HTML5被推广用于Web平台游戏开发，及手机移动领域，国内，腾讯手机QQ浏览器、WEBQQ、QQLive，手机新浪，优酷视频等都在支持HTML5。

从市场来看，无论是桌面应用还是移动应用，HTML5都是当下Web技术中最炙手可热的新宠，是创新的主旋律，在不久的时间里一定会大有作为。

二、课程能让你学到什么?

从前端开发的基础出发，学习使用HTML，CSS，JavaScript等一系列前端技术，实现动画特效。

以开发实例展示为主导，循序渐进让学员掌握HTML5技术的应用。

强化学员基础，尤其是要针对JavaScpript基础的强化从而掌握HTML5新功能API。

构建开放的教学环境，鼓励相互的技术交流，让学员树立良好的持续学习态度，分享最新前端技术革新和理念。

为学员在这一领域能有进一步的发展和造诣提供帮助和机遇。

三、胜任的岗位:

前端开发工程师，Web开发工程师，JS/AJAX工程师，人机交互设计师

四、培训模式:

项目开发实训+网络课程

前端培训课程不是轻松听课就可以，而是必须能动手 *** 作，达到熟练使用的要求和效果，为了保证学习效果，课程以理论和实例相结合的方式进行授课。

除了上课后，学员还可以通过网络课程对知识进行课前预习和课后巩固，学会并掌握是学员要达到的目标。

html5实训心得 篇3

通过近一个多月的对HTML的学习，我们已经能够熟练得使用HTML中的一些常用的标签以及页面的布局，我们这一期的课程安排只是要我们能够初步熟悉HTML。

所以书本上的介绍也很详细。

第一章主要介绍了HTML的主要结构，以及一些基本的标签，这一章需要记的东西稍多一点，因为每个标签都要记它的用法和单词。

我觉得这一章最好玩的标签应该就算是“marquee”这个标签了，因为它可以使文字或图片动起来。

第二章整个章节都是在介绍表格的用法。

表格在网页设计中很重要，它可以算是整个页面布局的半个灵魂(因为后面还有一个DIV)。

这一章不光要了解表格的建立方式，还要了解表格中涉及到的一些属性及其用法。

另外我觉得学好这一章为我们以后借鉴别人的作品也很有帮助。

第三章主要介绍了两个部分，一个是表单，在表单里涉及到了几个控件，如:文本框，密码框，单选按钮，复选框，下拉列表框，多行文本，提交按钮和重置按钮。

这些为我们以后什么登录系统时很有帮助。

这一章的另一个部分是框架，框架可以实现网页局部的刷新。

第四章又是这一本书的另一个重点，就是CSS样式表。

网页就是一个门面，做为门面当然要漂亮，而CSS样式就是来装扮门面的彩妆。

样式表可以实现网页编码和美工的分离这样即方便了编码人员的修改又方便了后来人员对代码的阅读，同时他还可以实现一些很炫的效果，

例如鼠标停在某个超链接上时超链接的背景发生变化，设置文字有背景色，雾状显示图片等。

第五章和第六章主要是介绍了一个设计工具-Dreamweave，它是一款可视化的编写工具，并且提供一些控件，这就很大程度上方便了网页的编码量。

当然在第四章中还介绍到了DIV层的使用，这个也是很重要的。

上面说到表格是页面布局的半个灵魂，现在表格+DIV就是页面布局的整个灵魂。

可见DIV的重要性，当页面部局规则的话可以使用表格，当页面部局不规则的话我们的DIV就要登场了。

另外在第五章中还介绍了一些IIS的配置和网站发布的方法。

HTML可以说是许多门语言的基础，因为和他同宗的就有很多，如:XML、SHTML……。

甚至近几年刚出现的ajax技术也是使用HTML进行编写的。

随着B/S模式系统的发展，HTML也就成为了作为一个IT人必须要掌握的语言。

刚开始学这门语言的时候老师要我们在记事本里面写，现在想起来确实是很必要的，因为有了那样的一段经历你才会记住那些以前看上去让人眼花缭乱的标记，以前见过一些人打开记事本就写代码，让人觉得有点高不可攀，现在想来也只能自嘲的笑笑罢了。

小事加小事要合理安排才能成大事，我把这一个多月里的每一天用表格和层进行了布局。

也许只做一块感受很简单，但如果是一整页呢?结束时的项目实战和网页设计大赛还真让我头痛了一把，另外还总遇到些“奇怪”的问题，什么表格拖不了了，布局没问题，浏览就出问题了……

原来要裁一件漂亮的“衣服”还真难呀!

这一个多月过得还是很有趣。

总会遇到一些奇怪的小错误，然后一堆人去那儿抱头苦思，最后发现原来少了一个尖括号,严密的逻辑思维和对思节的注意是对作为一个IT人的基本要求。

我觉得编程很有趣，尤其是做出一个程序后会觉得很有成就感。

所以我会努力。

html5实训心得 篇4

时光飞逝，转眼间在千锋学习html5开发生活半年了，如今学成毕业找到心仪的工作，最要感谢的莫过于千锋了。

起初刚来千锋还是有些不适应，习惯了大学散漫的生活，突然正经的按时上课，每天学习那么久的时间，觉得好累，还记得第一天上完课完成作业是21:15，那时候我感触特别深，上了3年的大学都从没有认真学习到这个点的时候，真是奇迹，当时还兴奋的不行，觉得不可思议，直到后来，在千锋的学习，才知道这是家常便饭，也习以为常。

从起初的不适应觉得不现实，到如今的每天主动学习，到关教学楼才会回寝室，这对于我来说就是从一个学渣逆袭成为学霸，千锋成就了我。

有缘遇见，助教华哥尽职尽责

来到千锋先认识的就是我们26班的助教华哥，其实来千锋学习最终收获满意的成果最要感谢的莫过于华哥了，初入千锋远离家人，不懂不会的好多，华哥都会尽心尽力的帮我们解决，无论生活还是学习，就是我们的大哥哥，带领我们学习，还记得当初有问题，问华哥，为我们改问题找错到好晚，

一直陪着我们学习，9.30下晚自习就可以回去休息的他，每天陪我们到关教学楼，是班级最后一个走的人，周六我们上自习，还来陪我们给我们解决问题。

用自己休息的时间来带我们，真的是尽心尽力，从未遇见这么负责的老师。

后来来到了32班，又有缘遇见华哥，那时候正是3阶段，最关键的时候，华哥每天晚自习考我们面试题，给我们讲面试题，让我们找到一个好工作，真是尽职尽责。

昨日的付出，才有今日的成绩

还记得我们不学好不会你认真讲解的样子，还记得我们贪玩不认真，你跟我们着急生气的样子，还记得我们拿到心仪的offer，你高兴的样子，还记得太多太多，都是你带给我们的，没有你当初陪我们激励我们学习，也就没有今天的我们，在此特别感谢华哥。感谢千锋的老师。

还记得做项目期间cookie不会，想抄以前的代码改一改，高老师就坐在我旁边，一步一步的教我怎么写，直到我自己写出来为止，我回来为止。

在我自己想放弃的时候，高老师都没有放弃我，而是带着我，一步一步的讲解，耐心的给我教会，也让我重拾了信心，还有鹏哥，知道我们几个人基础差，每次讲完课都会下来问一遍学会了没有，没听懂就再讲一遍，一遍不会讲两遍，午休给我们讲，晚自习还给我们讲，直到我们学会了为止。

尽心尽力从无怨言。

真的有你们昨日的付出，才有我们今日的成绩。

感谢遇见这样的团队，这样的老师。

如今，已完成这半年的艰苦奋斗，终于‘修成正果’。

找到理想的工作，是千锋成就了我，给了我希望，给了我未来。

在这里特别向千锋致敬，感谢有这么负责的教育机构，同时希望千锋越来越好，培养出更多的人才。

html5实训心得 篇5

HTML5在网页开发上，赋予网页更好的意义和结构，更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。北京恒泰博远软件开发公司对HTML5的解释是，为开发者提供了一个跨平台的移动apps开发方案，并且该方案具有很好的扩展性和灵活性。

由目前it行业使用html5开发app来看，如今国内使用html5开发app应用技术尚有欠缺，因为在手机开发app上，html5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎。

JavaScript引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂，已预订了一个UI工具包去使用。

纯HTML5手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽管不是很多人愿意去做这样的优化，但依然可以去尝试。

HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原生应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。

html5实训心得 篇6

回顾这一个月来的实习生活是一件很值得纪念的事，这是我第一次在外实习，第一次在网上投简历能收到回复。对于我们这样的艺术设计学生，我深刻的体会到单单是学校教的远远不够，学校教的很笼统，很抽象，很大概，如果可以，我希望这个专业的师弟师妹们，有空多多到图书馆充实自己，静下心来充分自学。在外实习前，第一件事是把自己卖出去，包装自己，所以简历很重要，务必属实，因为你有多少两重，阅人无数的人事主管和老板在面试的交谈中很快就能从你各方面行为和语言中找到答案。既然要面试，衣服当然要穿正装，其实我也想的只是大二实习期没有大三的三个月那么长，就那么一个月。这样短期的工作其实根本没有什么公司愿意招聘，所以我感觉到万分荣幸能够进到这一支专业的创业团队，真的是一件了不起的事，而且这个岗位与我学习的和自己喜爱的科目对的很准，我自己也十分乐于这份工作。

记得刚开始的一个多星期，公司并没有让我马上投入工作，因为当时对产品了解不熟悉，要从学校的圈子走出来到商业模式去还是有点顾虑，但是当你接触到这商业化的东西，你会发现，学校的东西远远不足。所以一般公司会进行些培训，很感激william杨，他提供了很多设计的书籍给我自学阅读，可惜在我深刻读完《瞬间之美--web界面设计如果让用户心动》(点击跳到本人的读书笔记)一书后，就再也很难抽取一点时间来阅读了。

在接下来的这个月里，除了必要的培训以熟悉公司及其产品知识外，我也开始忙碌起来，因为产品的第一个内部版本需要再X月X日这个好日子发布。刚开始的两个星期，因为对产品并不熟悉，一直以来在学校设计的作品都很“学校”但是商业设计比较少，出头设计的时候真的抓破头脑，因为习惯了学校的生活，习惯了客户给要求按照客户的想法去做。至于什么叫很学校呢，就是一种填鸭式的，根据参考去模仿设计，然而在社会上涉及很多版权问题，所以商业上的设计基本上都是原创或者参考过后进行大幅度的提高审美设计，其次因为涉及商业利益，在商业的角度上，商业的资金来源是客户，所以他们的需求来源于客户，注重用户感受的设计，是一个好设计。其实设计是件看起来简单，但是 *** 作起来却感觉很漫长的一件事情，每一个细节自己不断的琢磨推敲，自己就会让工作时间变长，效率变低，却又希望哪天能像那些设计家门随心所欲的设计出自己喜欢，人们喜欢，客户满意的东西。设计来源与生活，应用于生活，我还需要多多积累。

X月X日这个内部版本中，我主要的工作就是设计界面，然后photoshop切图，然后继续傻傻的使用习惯的notepad2++手写html和css。经历这样的蠢事之后，我决定还是回到dreamweaver的怀抱，因为毕竟知识不够强，在兼容性方面还需要有dreamweaver来实时的告诉我，以提高我的工作效率。期间william杨还多次与我熟悉，很感激他们都关心我，提醒我应该有自己的就业方向，3年5年XX年的计划，说长不长说短不短的大学2年已经过去了。我应该有怎样的人生，我有想过，但却还没如此认真的付出着。我想起老板那句，你喜欢设计?你觉得设计适合你吗?我真的很需要考虑我的以后，但目前设计还是我喜欢的事情，我也愿意身心的投入到其中，有时候可以不必得到回报，只是为了满足我小小的心灵。

当X月X日一过，为庆祝产品大卖，公司还组织爬山活动，然而平常我们在深山中休养学习的多，爬山的少。爬山是锻炼毅力的一种好方法，工作之余不能忘了生活，忘了自然。这次高强度的爬山活动从下午3点一直爬到了晚上10点多才下到山脚，经历的时间之长，让我感受到一个人在公司里，不仅要有强硬的专业知识，还需要强壮的身体支撑来效益公司，而下山mk的那段话，真的让我感受到他们很关心我，因为毕竟他们都是过来人，谢谢他们的指导。

产品的初步版本确定之后，就要开始慢慢的改进了。william作为产品经理，不仅要领导着整个团队，还要协调工作的进度。他会制作出甘特图，通知每个人需要做什么事情，大概需要多长时间来完成。在其中，我会不时的停滞，因为某些小bug会导致我去转牛角尖，而这样会导致拖慢整个进度，然而在这个环节，我学会的最多的事，做事情要分优先级。总体要现出来，大方向，模糊地对，细节的错，慢慢改。而那个定律资源一定了，时间也定了，只能减少的剩下特性。

从X月X日开始到XX日，又是另一个版本的小跨越，一个星期里做的事并不多，除了不断配合小杨完善页面的重构和美化工作，还要检查最繁琐的兼容性问题，心里知道很多房地产经纪人使用的电脑基本上都是深度、雨林木风、电脑公司特别版的ghost系统，所以基本上都是ie6 ie7为主流的浏览器，兼容性方面的确在工作上成为一个重点。

XX日的第二个小版本后，会议总结了3页的分条建立修改文件，当看见满是修改意见的一行行文字，写上我负责的q，心理是有点担心，是否能在期限内完成工作，然而15日这次的爬山活动并没有参加，因为我知道我应该更加抓紧时间处理问题，一天下来最让我自己感到满意的是导航，亲力亲为的感觉，颇有成就感。一方面不仅要不断的完善页面的布局，一方面还要抽时间设计虎之翼公司的logo和网页，他们真是替我捏了把汗似的，都有种压力很大吧。我感觉还好吧，不过脑子真的要转的很快了，因为没有创作来源，让我在上下班的途中朝思暮想的想着设计，充分利用上下班的塞车时间，不断的'观看经过车窗的各型各类的广告来寻来创意来源。最后还是有惊无险的完成这些工作。除了这些工作，公司越来越多人了，刚进去的时候只有我和sandy，后来多了好多个人，很羡慕参数组，能有说有笑的工作，但是我这项工作，我不是一个人在战斗。再后来，开始招聘销售，因为产品到XX号就要正式发布了，有点让我走也走的不放心的感觉，要配合销售展开小单张的宣传。时至XX日，才基本完成。

希望，我的能力能帮到公司，献出我自己一份的力量。

从开始的实习，让我体验到这个暑假回会过得更有意义，会特别漫长特别充实。的确学习是一个漫长的过程，学习要耐得住寂寞的抵住诱惑。通过这次的实习，不仅让我觉得我应该改变自己的内向，学会转变与人主动交流，才能解决问题，让我觉得设计还是不错的，但是自己的专业真的很需要培养与加强，感觉到学校教的和自己学的远远不够。而且在接下来的日子还要规划好自己的未来，才能更好得在岗位上发挥自己的才能。

最后感谢给我这么一个机会，留在公司实习，公司不仅需要各类型的人才，更需要一个有坚定和远见的老板感谢william，看过头像和手机桌面，女儿很可爱，想必是个和蔼的爸爸，从一开始便觉得他是个很会阅人的hr，但后来才知道是pm，不过没有变的，总是耐心地培养我，给我很多资料和很多网站，提高自己的审美和用户体验感受感谢mk，认真的时候很认真，玩的时候还像个大孩子，喜欢和参数组交流时逗逗我，调剂我，这点我最喜欢了，因为有你们整个公司才显得有活气，没有那么沉闷感谢kevin，虽然接触不多，感觉他很用心，是市场方面的主管，看的最多就是修空调，快递要发票的时候，会为公司的财政斤斤计较，到后来q总q总得叫我，真不好意思呢感谢小杨，能够和你愉快的合作，如果可以我也想学jsp，后来小白走了，你又要一个人辛苦了感谢adam，强硬的技术支持，我想没有你这位核心人物为公司撑下一片蓝天，可能我们这个产品就很难走下去了谢谢一起在虎之翼公司里工作的所有工作人员。

我很喜欢你们,喜欢这样的工作氛围，谢谢你们!

html5实训心得 篇7

学习H5我们不需要过度的关注细节，五柳先生的“不求甚解”的态度就很好，遇到能想起来，用到明白来源，不用作为扩展知识。

其次，H5的设计起点就是从实用出发的，也就是说很多特性都是怎么方便就怎么来。所以我们可以关注我们感兴趣的技术，但是开发的时候还是不要特意的使用H5，能用到而且兼容性也不错就用，用不到也不要“画蛇添足”，比如163邮箱就有用到nav标签等，但是如果自己不是很精通H5或者是没必要重构就不要去把一些东西改为H5的，比如编写JS的时候特意的用WebWorker，这就很不好!除非我们很明确的知道，这就是针对移动端这种基本上全面支持H5的Browser设计开发的功能。

最后，H5技术不复杂，它从来都不是什么新技术，只是HTML的延续，我认为的H5包括如下三点：

(1)改进及增强的HTML属性，新页面可以尝试使用。

(2)增强了的JS交互接口：WebWorker、WebStorage、Web DB、Offline Application、Geolocation、Canvas，可以说H5和JS相互增强更上一层，但是还是要小心使用!

(3)CSS3：改进增强CSS功能，让页面效果更绚丽，开发更简单，尤其是“移动先行”的现代互联网网页设计理念能让“响应式设计”越来越简单、流行，甚至出现了很多框架，比如bootstrap。

学习方法：

学习HTML这类的标记语言，我们需要从四个方面入手：

(1)语法：即怎样的书写格式是Browser接受和支持的，HTML技术的语法很简单，只要注意大小写在HTML、XHTML、H5中的一些细节不同就可以了。

(2)元素：也就是标签，这个就靠经验和记忆了，不求甚解多用就好。但是有一点，系统的学习和杂乱记忆的不同点就是：系统的学习会把元素分类。这样方便记忆、对比和使用，能让我们尽量减少不必要的错误嵌套。一般会把HTML标签分为文档结构标签、文本格式标签、字符格式标签、列表标签、链接标签、表格标签和表单标签这8类，有些标签不实用就不用看了。

(3)属性：知道每类标签都有什么属性，一般来说学习方法是知道有什么属性，然后了解下哪些标签不支持这些属性。其实，除了name、id、class、style外很多元素属性我们都很少用，涉及到格式的属性，我们都用CSS来代替了。这也是H5推荐的做法，那些属性在H5中都被废弃了，比如background属性。

(4)其他：其他的东西就是去了解一些额外的知识：历史背景、关联技术、深入技术，比如XML、DTD，甚至是Browser对页面的解析、渲染过程，DOM树的构建、Render Tree的构建过程，来帮助我们学习、开发高效页面。“课外知识”多了，自然就能做到“他强由他强，清风拂山岗”的境界了。

学习计算机技术，千万不能沉迷外家功夫!

HTML简单理解，他就是一个网页文件

详细一点：

HTML是用来描述网页的一种语言。

HTML指的是超文本标记语言 (Hyper Text Markup Language)

HTML不是一种编程语言，而是一种标记语言 (markup language)，标记语言是一套标记标签 (markup tag)

HTML使用标记标签来描述网页

HTML文档 = 网页

HTML文档描述网页

HTML文档包含 HTML 标签和纯文本

HTML文档也被称为网页

Web浏览器的作用是读取 HTML文档，并以网页的形式显示出它们。浏览器不会显示 HTML标签，而是使用标签来解释页面的内容：

<html>

<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>

</html>

这个就是一个简单的网页，是HTML做的网页，所以HTML就是网页！

上述代码解释：

<html>与 </html>之间的文本描述网页

<body>与 </body>之间的文本是可见的页面内容

<h1>与 </h1>之间的文本被显示为标题

<p>与 </p>之间的文本被显示为段落

HTML标签是由尖括号包围的关键词，比如 <html>

HTML标签通常是成对出现的，比如 <b>和 </b>

标签对中的第一个标签是开始标签，第二个标签是结束标签，开始和结束标签也被称为开放标签和闭合标签！

HTML是web前端工程师必须要学的

HTML和CSS还有JavaScript都是前端必学的，学完这三个还要学框架，例如：vue.js、jQuery、react、node、es6、mysql、backbone、angular.js等等框架都是做前端工程师需要学习的！

web前端的发展方向及前景

web前端的发展方向就是做网页，不管是电脑看到的网页，还是手机浏览的网页都是前端做的，现在是互联网高速发展的时间，很多企业都在线下转线上，那么他想在线上有一个好的平台就需要前端为他搭建一个平台，2016年前端被称呼为最有发展的程序工程师的行业！

web前端的学习路线：

学好前端不容易，前端一开始需要学HTML和CSS做为基础，掌握了HTML和CSS，会写静态页面后就是继续学JavaScript，有了HTML和CSS为基础，学JavaScript是快速的，当然自学肯定会遇到问题，自己学得自己自学速度慢，效率不高，自控能力不强等等问题，那可以的报班学，系统学习比自学快更加容易快速掌握前端技术，那么这个班在哪里找呢？ 我给大伙退键一个学习的新手叩群，号一开始是66壹，然后就是473，最后面的也就是一零八，加起来一起就可以了，前端学习不易，不是真心的就不要来了！前端学完前面的HTML和CSS还有JavaScript，就到前面我刚刚说的前端框架，ue.js、jQuery、react、node、es6、mysql、backbone、angular.js等等框架都是做前端工程师需要学习的！

入门

在我理解下的基础知识，就是我们可以写一些基本的样式，并能对页面的元素进行 *** 作。举例来说，就是我们用Spring和JSP写了一个博客，然后我们可以用jQuery来对页面进行一些简单的 *** 作，并可以调用一些API。因此，我们需要基本的HTML / CSS知识。只是要写好CSS并不是一件简单的事，这需要很多实战经验。随后，我们还需要有JavaScript的经验，要不怎么做前端呢？

同时，我们还需要对DOM有一些基础的了解，才能做一些基本的 *** 作，如修改颜色等等。在这种情况下，最简单的方案就是使用jQuery这样的工具。不过，如果可以自己 *** 作DOM是再好不过的了。

中级篇

中级篇就更有意思了，现在我们就需要对页面进行更复杂的 *** 作。Ajax和JSON这两个技能是必须的，当我们要动态的改变页面的元素时，我们就需要从远程获取最新的数据结果。并且我们也需要提交表单到服务器，RESTful就是必须要学会的技能。未来我们还需要Fetch API，ReactiveX这些技能。

除此我们还需要掌握好HTML的语义化，像DIV / CSS这也会必须会的技能，我们应该还会使用模板引擎和SCSS / SASS。而这个层面来说，我们开始使用Node.js来完成前端的构建等等的一系列动作，这时候必须学会使用命令行这类工具。并且，在这时候我们已经开始构建单页面应用了。

高级篇

JavaScript是一门易上手的语言，也充满了相当多的糟粕的用法。几年前人们使用CoffeeScript编成成JavaScript来编写更好的前端代码，现在人们有了ES6、TypeScript和WebPack来做这些事。尽管现在浏览器支持不完善，但是他们是未来。同样的还有某些CSS3的特性，其对于某些浏览器来说也是不支持的。而这些都是基于语言本来说的，要写好代码，我们还需要掌握面向对象编程、函数式编程、MVC / MVVM / MV*这些概念。作为一合格的工程师，我们还需要把握好安全性（如跨域），做好 授权（如HTTP Basic、JWT等等）。

工程化

这个标题好像是放错了，这部分的内容主要都是自动构建的内容。首先，我们需要有基本的构建工具，无论你是使用gulp、grunt，还是只使用npm，这都不重要。重要的是，你可以自动化的完成构建的工具，编译、静态代码分析（JSLint、CSS Lint、TSLint）、对代码质量进行分析（如Code Climate，可以帮你检测出代码中的Bad Smell）、运行代码中的测试，并生成测试覆盖率的报告等等。这一切都需要你有一个自动构建的工作流。

兼容性

虽然我们离兼容IE6的时代已越来越远了，但是我们仍然有相当多的兼容性工作要做。基本的兼容性测试就是跨浏览器的测试，即Chrome，IE，Firefox，Safari等等。除此还有在不同的 *** 作系统上对同一浏览器的测试，某些情况下可能表现不一致。如不同 *** 作系统的字体大小，可能会导致一些细微的问题。

而随着移动设备的流行，我们还需要考虑下不同Android版本下的浏览器内核的表现不致，有时候还要一下不成器的Windows Phone。除此，还有同一个浏览器的不同版本问题，常见于IE。

前端特定

除了正常的编码之外，前端还有一些比较有意思的东西，如CSS3和JavaScript动画。使用Web字体，可惜这个不太适合汉字使用。还有Icon字体，毕竟这种字体是矢量的。不过Icon字体还有一些问题，如浏览器对其的抗锯齿优化，还有一个痛是你得准备四种不同类型的字体文件。因此，产生了一种东西SVG Sprite，在以前这就是CSS Sprite，只是CSS Sprite不能缩放。最后，我们还需要掌握一些基本的图形和图表框架的使用。

软件工程

这一点上和大部分语言的项目一样，我们需要使用版本管理软件，如git、svn，又或者是一些内部的工具。总之你肯定要有一个，而不是zip这种文件。然后，你还需要一些依赖管理工具，对于那些使用Webpack、Browserify来将代码编写成前端代码的项目来说，npm还是挺好用的。不过就个人来说，对于传统的项目来说我总觉得bower有些难用。我们还需要模块化我们的源码文件，才能使其他人更容易开始项目。

调试

作为一个工程师来说，调试是必备的技能。大部分浏览器都自带有调试工具，他们都不错——如果你使用过的话。在调试的过程中，直接用Console就可以输出值、计算值等等。如果你的项目在构建的过程中有一些问题，你就需要debugger这一行代码了。

在一些调用远程API的项目里，我们还需要一些更复杂的工具，即抓包工具。在调试移动设备时，像Wireshark、Charles这一类的工具，就可以让我们看到是否有一些异常的请求。当然在这个时候，还有一个不错的工具就是像Chrome自带的远程设备调试。对于移动网站来说，还要有Responsive视图。

测试

我遇到的很多前端工程师都是不写测试的，于是我便把它单独地抽了出现。对于一个前端项目来说，正常情况下，我们要有单元测试、功能测试，还有要一些UI测试来验证页面间是否可以跳转。对于依赖于第三方服务的应用来说，还要有一个Mock的服务来方便我们测试。如果是前后端分离的项目，我们还需要有集成测试。

性能与优化

要对Web应用进行性能优化，可能不是一件容易的事，有时候我们还知道哪些地方可以优化。这时候人们就可以使用Yahoo的YSlow，或者我最喜欢的Google PageSpeed来检测页面的一些问题，如有没有开启GZip、有没有压缩、合并、Minify JS代码等等。

我们还应该借助于NetWork这一类的工具，查看页面加载时，一些比较漫的资源文件，并对其进行优化。在一些情况下，我们还需要借助如Chrome的Timline、Profiel等工具来查看可以优化的地方。

设计

前端工程师还需要具备基本的UI技能。多数情况下拿到的只是一张图，如果是一个完整的页面，我们就需要快速分割页面布局。而依赖于不同的页面布局，如响应式、网格、FlexBox布局也会有不同的设计。而有些时候，我们就需要自己规划，制作一个基本的线框图（Wireframe）等等。

SEO

如果以搜索引擎作为流量来源，我们还需要考虑页面的内容，除非你用的是竞争排名。像Sitemap可能就不是我们考虑的内容，而我们还要考虑很多点。首先，我们需要保证页面的内容是对于搜索引擎是可见的，并且对应的页面还要有基本的Title、Description和Keyword。然后在一些关键的字体，如栏目标题等等可以用H2之类的大字的地方就不要放过。同时在页面设计的过程中，我们还需要考虑一些内部链接的建设。

它即可以提供页面的可见度，又可以提高排名。最后，如果你是面向的是Google等支持结构化数据的搜索引擎，你还需要考虑一下MicroData / MicroFormat这一类东西。

---