web前端实训报告

web前端实训报告

一、什么是实训报告

实训报告是指包含实训目的、实训环境、实训原理、实训过程、实训结果、实训总结等方面内容的书面汇报材料，类似于理科课程的实验报告。实训报告主要用于加深学员对知识和技能的理解和认识。

实训，即“实习（践）”加“培训”，源自于IT业的管理实践和技术实践；引入到“营销管理”和“商务管理”专业实训，是对现有理论、事实的检验。

二、web前端实训报告（精选7篇）

在生活中，报告的使用频率呈上升趋势，不同种类的报告具有不同的用途。你还在对写报告感到一筹莫展吗？以下是小编精心整理的web前端实训报告（精选7篇），仅供参考，大家一起来看看吧。

web前端实训报告1

一、实习目的

通过对Java语言、JavaWeb、Oracle数据库应用设计及SQL语言的复习和锻炼，并且通过使用MyEclipse开发平台设计库存管理系统项目，以达到充分熟悉开发平台及其应用设计。

同时掌握并实践软件项目设计规范及其开发流程：需求分析、概要设计、详细设计、代码编写、系统测试及软件手册编写，以便提前适应软件公司开发流程、环境和工作要求

二、实习内容

1、公司管理规则，程序员素质，程序员编码规范;

2、需求开发与管理;

3、面向对象分析与设计，面向对象编程的特性;

4、javaSE、javaWeb

5、数据库设计、SQL应用

6、软件需求分析与设计

7、项目实战

三、实习总结

通过这一期的实训，虽然倍感折磨，但是收获却很大的，学习中我不但有了学习成果的喜悦，而且自己也日渐成熟，有种说不出的喜悦。

当我们正式准备学习实训java编程技术时，让我倍感兴奋，虽然以前大学学的是.Net方向，但毕竟Java是自己以后想主攻的技术，所以自然也就非常的亢奋。

感觉肩上责任之重大，那一刻起，我就决心带领我们小组，奋战我们的实训路。

当然开始学习后也并非是想象中那样顺利，开始的学习让我异常感到学习任务的艰巨，因为学习中我们遇到了很多以前未曾遇到的难点，有时难免冥思苦想也无济于事，通过我们小组的积极努力协作，同时请教老师和其他同学，我们顺利的化解了一道道的障碍。

这让我不断的.对学习技术又有了新的认识：学习中我们必须边总结边学习，开始阶段对老师交代的任何方法和类都不要放过，不管是否简单与否都要乐于地接受，因为老师肯定有他的道理，相信老师走过的路比我们长，那么其经验也就肯定比我们丰富。

上课时一定要专心听讲，一个关键的知识点听漏了，可能会使一个人在课下花很多时间去消化，这样也就会花掉做其他事情的大量时间，同时也使得学习不能和老师的讲的课程同步，以至出现以后就跟不上老师讲课的进度而掉队。

所以学习中我们宁可劳其筋骨，苦其心志，恶其体肤，也不能掉队跟不上学习进度。

在学习的过程中也体会到，遇到问题也要请教。

不然的话自己一个人去做的话会花很多的时间，我在做这个在线考试的项目中，其中也问到过许多问题，通过同学的帮助下解决了，提高了程序的开发进程。

其他的同学有问题的话我也是给他们尽量解决。

我认为学习知识的过程当中就应该是相互学习相互进步的。

Java是面在的主流技术我会努力将它学好，现在我缺乏的是坚持不懈的精神，周贤军给了我很大的影响，我会向他学习，虽然学习java的路还很找，但我会继续走下去。

在这里，我非常感谢实训的指导老师，在老师的帮助和指导下，我克服了Java学习上的一道道难关，课上认真听讲，摘好必要的笔记，并通过自己课后的不断消化学习，现在自己已经基本掌握了java的基础知识，并等待知识的进一步提升。

实训即将结束了，我非常怀念在达内科技的实训，在实训的这4个半个月时间里，我每一天过的都市踏实的，充实的;我相信，只要我秉持艰苦奋斗，为理想拼搏的精神，尽管在未来的java路上荆棘丛丛，我一定可以披荆斩刺，度过重重难关，实现自己未来的理想!

web前端实训报告2

所谓行万里路，必先始于足下。刚开始学习WEB前端基础的时候，老师说，其实你们学的这个后面真正去工作的时候可能也不是很会用到，所以就有很多人会问，既然我们都用不到，那干嘛还学呀？其实，对于一个程序员来说，你不仅要有很好的后端专业能力，你还应当具备一定的前端素养，知道一些起码的前端知识。

来到XX的第一个月，我们是以基础为主吧，因为大家到这里的基础都不一样，有一些本身就具备很高水准的人，也有很多像自己一样从小白开始的人，所以，对我们而言，XX开设的这种双元模式对我们是有很大用处的。我们从最基础的开始学习，在学习HTML的时候，我们还延续着很古老和古老的表格制作网站，然后到后面的CSS学习，用CSS样式去进一步完善我们制作的网址，再到着一期的难点JS课程体系，一级最后的JQ和BOOtstrap，可以说这个过程其实也是一个循序肩颈的过程，有简到难的过程。

第一部分：HTML的学习

其实HTML的四天学习的话，重要的就是一个标记的学习，这大概是学习一门语言最基础的一部分吧。但是也不是说背一背就解决问题的，选择IT，程序员这一方面，只要多练习，多敲代码感觉就好了，所以熟练的使用这些标记其实不是很大的问题，对自己来说，比较难的是一个表格和框架，也许会有人说，表格有什么难的，就行列的问题啊，但是不知道为什么，在学习的那几天对于表格的学习和接受能力都没有别的那么好，表格的整体框架能搭出来，但是就是对于表格的美化总做不到自己心里所预期的那样。其实练习的话也是挺多的，对于表格的网页练习做了应该也有一二十个的，但是就是没那么理想，所以这方面的话也是需要自己多加练习和修正的，因为表格的用处还是挺大的。HTML的学习方面还有框架和表单，框架的话，就是一个网页的主体了，网页的大致形式基本上从你的框架结构就可以知道的，学习框架，重要的就是网页的布局如何划分，然后利用框架的嵌套，浮动就可以解决的，学习过程也不会是很大的难度。

想想HTML还学了些什么呢？表单！表单对前端开发来说还是挺高的，因为我们能在一个网页中看到很多的表单应用。包括用户的注册啦，密码验证啦，还有搜索栏之类的，几乎全是表单的应用。表单学习比较重要的地方应该就是那十来个表单控件的应用，这些表单控件进一步区分的话还有就是单边标记和双边标的的表单控件，因为很多单边标记的表单，他的值一般只能是存在value当中，如果不注意的话，很多时候我们会忘记写上这个value。这个阶段的表单感觉并不是那么难，当然，学到后面的JS之后，相对于表单验证之类的才感觉难了很多。

第二部分：CSS学习

对我来说，CSS课程虽然只有三天，但是却是更应该学好的一个模块。因为我们都知道，其实一个网站的WEB前端，就是用

加CSS来写的，不是用之前的表格来写的，足以见得CSS的重要性。CSS就是网页样式，一个网页的整体美感，在你确定了框架之后，就看你的CSS样式的添加了，所以一直以来都很想把CSS学好。记得CSS学习的那几天，自己的消化还是很好的，自己去独立完成练习的时候也是没有太大难度的，但是不知道是为什么，到后面学习JSJQ的时候，操作CSS时居然会吧CSS和HTML弄的有点混淆，这一点一直没做好。CSS的学习还有一个地方就是浮动，因为存在块元素和行辈元素，块元素因为其本身特性，一个块元素标记他要占用一整行的空间，而一个行内元素他只能占用行内的一些空间，但是在实际操作中，很多时候我们却要想将多个块元素排在同一行，或者将多个行内元素排在不同行，这时候就可以使用浮动的方法来实现，浮动最主要做的就是这个，唯一要记住的一点就是做了浮动之后，如果他的父元素是没有进行匡高的设定的话，是不是要进行清除浮动，防止下面的操作也是有浮动的。

第三部分：重点学习JS

JS是相对于这整个月学习的重点吧，也是很多人没办法很好接触的地方，当然，自己在这里的学习也是有不足的地方。像一些对属性的操作的标记之类，懂得怎么用，但是不是很熟悉，所以经常在操作的'时候要去查手册。学的最不好的一个地方应该是将数组中的元素按照一定的规则或者顺序添加到指定或对应的表格中，这中题型是自己做的比较少的，也是掌握很不好的地方，所以也希望用放假的这几天好好练习一下，不能拖到下一个阶段去。个人对JS的理解其实就是大量算法的集合，因为很多时候你都会用到函数，只是多了一些找元素和对元素绑定标记的过程，最重要的还是构造函数，调用函数的过程！

第四部分：JQ及Bootstrap

对于JQ和Bootstrap的学习来说，其实就是一个应用的过程吧，所有的函数都帮你写好了，你只需要学会调用就好了的。当然。调用他，其实对于JQ来说，学习的过程没有具备很大的难度，只是尝试着去多写写，写两三次基本就记住怎么用了。最后还有一天的Bootstrap学习，写过一些案例，只要会改，基本没有太大的难度。

后续：其实对于WEB前端的学习的话重要的就是多用，很多东西我们上课听得时候其实都基本听得懂，但是更重要的是在于你课后的练习，离开了老师的一个思维引导，我们该怎样去完成项目才是我们该学会的。这一个月的学习难度系数都不是很高。但却是一个比较繁杂的过程，因为作为前端来说，我们需要不断的优化，不断的修正，美化整个页面。不管是前端还是后端，都希望自己能好好学！

web前端实训报告3

进入XXweb班近一个月了，从一无所知的小白到现在也完成了京东详情页的一个小项目。学习过程中除了偶尔遇到困难，总体还算顺利。在这里主要想分享自己以一个文科生——零基础学员的角度来学习web前端开发的感受。

由于之前在大学里是学的旅游专业，和计算机毫无关系，来到XX时对自己有些半信半疑。不少人甚至怀疑XX是行骗机构。在做了全面的了解之后，我劝服家人同意我来这里学习。另一方面，我向老师咨询了自己学习的方向，考虑到自己从文科到计算机专业跨度较大的转变，我在Java与web之间选择了web。相对于Java，web的学习更基础，容易入手，就业的机会也非常多。

Web开班第一天，老师即从网页基础、HTML入手，攫取重点，给我们介绍了它的相关知识。我们主要学习了HTML5，里面有很多的新特性且时下较为流行。它相当于一个网页界面的宏观架构。如果把一个网页的实现比作是一座建筑的建造过程，那么HTML即是这座建筑里的钢筋混泥土，搭建起整个建筑的框架、承重。

之后，我们又学习了CSS基础样式，仍然借用上面的比喻，CSS则相当于建筑里各个房间的不同结构，它们使得这座建筑更加的多样化。且相对于HTML，它更加的复杂、多样化，呈现的效果也具有更多的可能性。老师向我们推荐了《CSS禅意花园》这本书，里面列举了丰富且多种多样的CSS样式。

作为今后可能成为的优秀前端工程师，仅仅学习自己内部的知识是远远不够的。因此，第一个月中我们也学习了UI中PS绘图制作基础，这对于一个前端来说也是非常重要的，在今后的工作中，我们可能会面对各种各样的问题，如果掌握部分PS尤其是切图技术，在和UI的接触中可以减少很多不必要的繁琐工作。

总之，作为一个前端工程师，我们所要掌握的知识是全面的，当我们写代码时的思维是缜密的。HTML和CSS是基础中的'基础。之后我们会学习更多的JavaScript相关知识和其他，希望自己在这过程中仍能保持谦逊的的心态，去学习前人留下的珍贵宝藏。

web前端实训报告4

仔细想来，在Web前端开发方向实习已经一年多了，从最初的DIV+CSS学起，到JavaScript、jQuery、Bootstrap框架等等，前端要学习的东西很多。接下来就总结一下我在学习过程中的一些经验吧。

第一、学好基础知识，做一个基础扎实的开发者。在IT行业，每年都会有很多新的技术诞生并且得到广泛的推广，前端技术也不例外。所以无论学到多深的程度，扎实的基本功肯定是必不可少的。

（1）HTML：尽量掌握尽可能多的标签。必须掌握的标签有等，这些虽然平时比较少用甚至几乎不用，但是当你学到Boostrap框架时，你会发现Boostrap框架为这些标签赋予了特定的功能与外观。除此之外，新增了很多标签和属性，使得HTML语言更加强大。还有很多新的内容，需要初学者更多的接触并掌握。

（2）CSS：对各个属性以及一些属性之间结合使用的技巧应该多钻研。CSS能够统一有效地对页面的布局、字体等网页中的各个元素显示属性进行控制，可以方便快捷地实现精美的页面表现效果。你会用CSS技术的使用技巧解决下列问题吗？清除浮动有哪些方式？比较好的方式是哪一种？当容器中具有浮动元素时，如何为容器设置边框或背景颜色？怎样让块级元素在容器中水平居中？当多个连续块级元素的浮动布局影响了原本不想浮动的对象时该如何处理？容器内部的对象如何实现相对于容器的自由定位？为什么要初始化CSS样式？

（3）CSS+div布局模式：许多布局模式的基础，也是大部分前端开发人员接触到的第一种布局方式。这种布局模式对于PC端页面的设计是非常有帮助的，同时对于后面将会遇到的“移动端布局”、“响应式布局”等，这种布局方式都具有一定的指导意义。

第二、将JavaScript作为前端学习的重点。JavaScript是目前大多数主流浏览器支持的面向对象的脚本语言，它可以在不与服务器交互的前提下对HTML的页面内容进行修改。JavaScript控制着网页的行为，决定着网页“做什么”。系统学习过JavaScript的同学们，你看看下列问题你能准确的找到答案吗？通过表达式来系统阐述“==”和“===”这两个运算符的区别。把某个元素移除你的视线的方法有哪些？你对JSON了解吗？通过哪个函数可以判断从文本框中获取的内容是不是数字？DOM操作——怎样添加、移除、移动、复制、创建和查找节点？怎样判断是否为整数？运算符都能删除哪些内容？在脚本中，this有几种使用情况呢？

第三、多练习多操作，实践是检验真理的唯一标准。IT编程是需要多加实践的，要不断反复进行上机操作，是学习编程开发的唯一方法。

这些问题的答案就是我的实习心得，经过这段时间的实习，我觉得自己可以独当一面，当一个web前端工程师了呢。

web前端实训报告5

作为web前端工程师，在XX工作了5个月，自己从刚开始的一名新人到最后和大家融为一体，为组内贡献自己的一份力量，我经历了很多，成长了很多。

刚进到公司，我内心是很惶恐的。我对自己没有一个正确的定位，对公司的环境也是那么的陌生。我不知道自己能不能胜任公司的工作。我所能做的就是努力再努力，用自己的勤奋来掩饰自己内心的慌张。

很欣慰的是我们组内有一个女生。她性格很柔和。每次，和他请教问题他都会耐心的帮助你。我和他成为了闺蜜，我经常的去问他问题，一些环境的配置，系统的某部分业务或者其他的问题等等。很感谢她，他帮助我尽快的去熟悉了系统的环境及业务。除了组长，组内还有李大牛和许小牛。后来许小牛走了，又来了两名同事，工作期间，他们都对我有很大的帮助，无论是工作上还是生活上，很欣慰能够遇到他们并共事一场。

工作中不是那么的顺利。别人是因为任务重，工作压力大。而我则是因为任务太轻而烦恼。我的任务总是比较简单，我很快就能做完，我体现不了自己的价值，我不开心。我去向组长争取机会，赢得了自己的第一份比较有挑战性的工作。

我要做一个webservice接口。这个任务的需求很不明确，需要我去和接口使用方进行沟通。我对系统的数据库了解甚少，对自己的库就不太了解，将他们的库对应到我们的库就更困难了。加上交流也不是很有经验，我最后搬出我们组长去跟他们沟通确定需求才开始进行开发。需求的确定用了好长时间，之后的验证也用了好久。当时开发时，接口由于没有数据，只用一条数据进行了验证，但到部署到现场时出现了好多的"问题。客户天天催，自己的压力好大。好几天都加班到好晚。这件事情比较曲折，后面的博文会详细讲述这件事情。

最后一个月，我们组要进行封闭开发。这是我在XX的最后一个月了。刚开始我以为不会给我分配什么有含量的活了。这里非常感谢组长，他并没有让我的这一个月荒废。我有我的任务，而且也很重要。因为这些，我可以和大家共同奋斗。全组成员一起加班到晚上两点那次，虽然很累，但是我很开心。这是一件很值得回忆的事情。曾经，我们也疯狂过。

web前端实训报告6

记得初到公司时，我对公司的了解仅仅局限于公司网站的简单介绍，除此之外，便一无所知了。但是，在领导和同事们的支持和帮助下，我不仅加深了对公司的了解，而且很快就掌握和熟悉本岗位工作的要求及技巧，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时，减少页面中冗余的代码，保证页面的加载速度。

自从担任web前端工程师以来，虽然在工作中取得了较好的成绩，但也还存在一些不足之处。例如：工作中没有充分领会领导的意图，有时会忽视公司的工作流程等等，这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。

在今后的工作中，我将努力提高技术水平，克服不足，朝着以下两个方向努力：

1、在以后的工作中不断学习技术知识，通过多看、多学、多问、多练来不断的提高自己的各项业务技能。

2、提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。

短短三个月的时间，我学到了很多专业的知识，能够得心应手开展工作；在一个和谐的环境下，开心的工作；可以说都是受益于各位领导的栽培和各位同事的赐教。总的来说，由于本人工作经验不多，能力还有欠缺。虽然能胜任本职工作，但是社会在不断的进步，技术在不断的更新，我还需要更多的磨砺。为此，今后在工作中，我需要进一步增强开拓创新精神，刻苦钻研新的技术。在上级的正确领导下，努力拼搏，扎实工作，以更好的质量、更高的效率、更扎实的作风做好本职工作，为我们这个光荣的集体、辉煌的事业做出应有的贡献。

web前端实训报告7

此次只实训了短短的三周。虽说时间很短，但其中的每一天都使我收获很大、受益匪浅，它不但极大地加深了我对一些理论知识的理解，不仅使我在理论上对Java有了全新的认识，在实践能力上也得到了提高，真正地做到了学以致用，更学到了很多做人的道理，对我来说受益非浅。

除此以外，我知道了什么叫团队,怎样和团队分工合作;同时我还学会了如何更好地与别人沟通，如何更好地去陈述自己的观点，如何说服别人认同自己的观点。

这也是第一次让我亲身感受到理论与实际的相结合，让我大开眼界。也是对以前所学知识的一个初审吧!这次实训对于我以后学习、找工作也是受益菲浅的，在短短的三周中相信这些宝贵的经验会成为我今后成功的重要的基石;这对于我的学业，乃至我以后人生的影响无疑是极其深远的。

这次实训虽然是我们的第一次，不过同学们表现不错，由此看来，我们在进入大学的这几个月里学到了不少的专业知识，只是自己感觉不到而已。

对于所学专业，我们不能过于自卑和担忧，否则会妨碍自己学习。实训是学习Java的重要环节，有利于我们巩固专业知识、掌握工作技能，提高就业筹码。我把本次为期三周的实训看作是“理论与实践相结合的桥梁”。

通过这周的实训和学习，我知道了此次实训的目的，也清楚目前自己的不足，那就是缺乏相应的知识与经验，对所学的专业知识不能够很好地运用于实践操作。

正所谓“百闻不如一见”，经过这次自身的切身实践，我才深切地理会到了“走出课堂，投身实践”的必要性。

平时，我们只能在课堂上与老师一起纸上谈兵，思维的认识基本上只是局限于课本的范围之内，也许就是这个原因就导致我们对专业知识认识的片面性，使得我们只知所以然，而不知其之所以然!限制了我们网络知识水平的提高。

但是课本上所学到的理论知识是为我们的实际操作指明了方向、提供相应的方法，真正的职业技巧是要我们从以后的实际工作中慢慢汲取的。

而针对实际操作中遇到的一些特殊的问题，我们不能拘泥于课本，不可纯粹地“以本为本”。

在这次实训中我得到了许多收获，我第一次体会到Java工程师的工作是什么样子的，也发现了很多不曾注意到的细节，在实训的演示过程中，我对作为一名Java工程师注意的事项应该从小事做起、从基本做起。

把职业能力训练与职业素质有机的结合起来。

相信这对我接下来学习专业知识会起到很有效的帮助，在接下来的几个月里，我会以作为一名职业人的身份在这几个方面要求自己，严格自我，向Java工程师靠近。

而经过这次实训，让我明白如果是一个完整项目的开发，必须由团队来分工合作，否则，即费力又费时还做不好这个项目。因此不管在工作中还是在生活中要和老师、同学保持良好的关系是很重要的。做事首先要学做人，要明白做人的道理，如何与人相处是现代社会的做人的一个最基本的问题。

对于自己这样一个即将步入社会的人来说，需要学习的东西很多，他们就是最好的老师，正所谓“三人行，必有我师”，我们可以向他们学习很多知识、道理。

实训结束了感觉虽然辛苦，但很充实。我想这就是Java工程师的工作。我也体会到Java工程师成功地完成一个任务的那种兴奋，那种小有成就的感觉是只有置身其中的人才能体会的。

总之，这次实训为我提供了与众不同的学习方法和学习体会，从书本中面对现实，为我将来走上社会打下了扎实的基础。

作为在校计算机专业的学生，现在我能做的就是吸取知识，提高自身的综合素质，提高自己的职业技能，自己有了能力，到时候才会是“车到山前必有路”。我相信在不久的未来，会有属于我自己的一片天空。

我希望计算机专业的同学在以后的学习或工作中以务实的态度给提供更多的机会锻炼自己,为大家的成才与就业奠定坚实的基础;并希望同学们要做好角色定位，将自己所学的知识，学熟、学精。

多学习和收集与项目有关的资料，来提高自己的业务水平，同时多请教经验丰富的老师，使他们好的经验能够对自己起到借鉴作用，在他们的帮助下，能够很快的培养自己的管理技能及节省时间，避免做无用功，也可以让自己了解很多项目管理上的捷径，从而减少自己会遇到的挫折和错误。