网站前端实训心得体会

倚栏轩整理的网站前端实训心得体会（精选4篇），提供参考，希望对您有所帮助。

网站前端实训心得体会 篇1

所谓行万里路，必先始于足下。刚开始学习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学习的那几天，自己的消化还是很好的，自己去独立完成练习的时候也是没有太大难度的，但是不知道是为什么，到后面学习JS JQ的时候，操作CSS时居然会吧CSS和HTML弄的有点混淆，这一点一直没做好。CSS的学习还有一个地方就是浮动，因为存在块元素和行辈元素，块元素因为其本身特性，一个块元素标记他要占用一整行的空间，而一个行内元素他只能占用行内的一些空间，但是在实际操作中，很多时候我们却要想将多个块元素排在同一行，或者将多个行内元素排在不同行，这时候就可以使用浮动的方法来实现，浮动最主要做的就是这个，唯一要记住的一点就是做了浮动之后，如果他的父元素是没有进行匡高的设定的话，是不是要进行清除浮动，防止下面的操作也是有浮动的。

第三部分：重点学习JS

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

第四部分：JQ及Bootstrap

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

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

网站前端实训心得体会 篇2

仔细想来，在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前端工程师了呢。

网站前端实训心得体会 篇3

写代码的时候要伴随技术文档，不管是方便自己以后的阅读和快速回顾，还是方便他们对代码进行重构编辑，都是非常必要的。

一个人的对手不是别人，而是自己，不是自己的智商，而是自己的懒惰。惰于思考。

踏实：关于踏实，今天才算是有了比较深刻的理解。不是嘴上说自己踏实能干，不盲目着急，不做一点把握都没有但是对自己影响很大的事情，不要想着什么事情赌一把也许会有好的结果。于是我决定自己的实习如果有机会就要延长，不要匆匆结束，而且不止要延长，要再接下来的工作中有所得，有所建树，有所收获，有所贡献。

前端工程师要有基础和潜力：基础可以是根正苗红的科班出身所学的技术。潜力就是踏实，务实的精神。我操真不是在嘴上说说的傻玩意儿。

如果遇到瓶颈难以突破（WEB前端工作了2—3年左右），可以考虑丰富自己的文笔，让自己的代码或者想法可以清晰的表现在人前。

作为一个WEB前端工程师要了解HTTP协议，为了与后台打交道，可以更直观的把握全局，也需要适当的学习设计模式那些东西，与产品打交道。

“我对Web开发人员最大的建议就是：热爱你的工作。热爱跨浏览器开发带来的挑战、热爱互联网技术的种种异端，热爱业内的同行，热爱你的工具。互联网发展太快了，如果你不热爱它的话，不可能跟上它的步伐。这意味着你必须多阅读，多动手，保证自己的才能与日俱增。下了班也不能闲着，要做一些对自己有用的事儿。可以参与一些开源软件的开发，读读好书，看看牛人的博客。经常参加一些会议，看看别人都在干什么。要想让自己快速成长，有很多事儿可以去做，而且付出一定会有回报。”

年轻的工程师需要更多的了解需求和设计、产品经理更要懂得软件迭代规律。对于前端工程师来讲更是如此，多学习交互设计和UI，多了解网络协议和软件迭代模型，更能帮助前端工程师和需求方沟通、和后台的衔接、以及控制版本的迭代。

刚出道的校招同学往往更加心高气傲，以为自己有改变世界的本事，一定要参与一个牛逼的团队做一款光鲜靓丽受人追捧能给自己脸上贴金的项目。如果你有这种想法，趁早打消掉这个念头，当然，我们这里先不讨论创业的情形。

第一，如果你刚毕业就加入一个牛逼团队，说难听点，你就是团队中其他人眼中的“猪一样的队友”，不创造价值且拖项目后腿（显然大家都要照顾你的成长啊），按照271理论，你没有理由不是这个1。至少相当长一段时间内是这样。

第二，你在所谓牛逼团队中的创造性受限，因为创新多来自于团队中的“资深“和大牛们，你参与讨论但观点通常不会被采纳，他们只会给你这个菜鸟分活干，想想看，你如何能花两到三年就超越身边的大牛们？甚至连拉近与他们的距离都难。

第三，如果身在牛逼团队，自然心理对周围的牛人们有所期待，希望他们能灌输给你一些牛逼的知识和牛逼的理念。这种思想上的惰性在职场生涯之初是非常危险的。要知道技术和知识本身是很简单和淳朴的，只不过披上了一个光鲜项目的外衣而让人感觉与众不同。

第四，由简入奢易，由奢入简难，做过一个看似光彩的项目，心理再难放*稳，去踏实的做一个看上去不那么酷的产品。这种浮躁心态会严重影响今后的职业发展和成长。

第五，光鲜靓丽的项目被各种老大关注，是难容忍犯错误的，傻瓜都知道犯错误在成长之初的重要性。

就我所看到的情形看，一开始加入看似很牛的项目组，三年后得到的成长，比那些开始加入一个不被重视的项目的同学要小很多，而后者在能力上的弹性却更大。所以，道理很简单，你是要把一个很酷的项目做的和之前差不多酷，还是把一个不酷的项目做的很酷？项目是不是因为你的加入而变得与众不同了？

从这个角度讲，不管是转行的新人还是刚出道的秀才，最好将自己当作“匠人”来对待，你的工作是“打磨”你的项目，并在这个过程中收获经验和成长。付出的是勤奋，锻炼的是手艺，磨练的是心智。因此，你的价值来自于你“活儿“的质量，“活儿”的质量来自于你接手的项目之前和之后的差别。做好活儿是匠人应有的职业心态。想通这一点，内心自然少一些纠结，才会对自己对项目的贡献度有客观的认识，不会感觉被项目所绑架。

网站前端实训心得体会 篇4

通过为期10天的实训，我学习了很多关于Java Web的知识。在老师的正确指导下，顺利的完成了我的实训内容。在此，也有同学的帮助，在他们的帮助下我也受益匪浅。最终，能顺利完成实训的任务也很高兴。

在实训生活中，我了解开发项目的需求、设计、实现、确认以及维护等活动整个过程，让自己开始懂得一点软件工程的知识点。

首先，了解需求分析的重要性，比如：需求分析就是分析软件用户的需求是什么。如果投入大量的人力，物力，财力，时间，开发出的软件却没人要，那所有的投入都是徒劳。如果费了很大的精力，开发一个软件，最后却不满足用户的要求，从而要重新开发过，这种返工是让人痛心疾首的。（相信大家都有体会）比如，用户需要一个for linux的软件，而你在软件开发前期忽略了软件的运行环境，忘了向用户询问这个问题，而想当然的认为是开发for windows的软件，当你千辛万苦地开发完成向用户提交时才发现出了问题，那时候你是欲哭无泪了，恨不得找块豆腐一头撞死。所以，需求分析是成功的第一步，就是要全面地理解用户的各项要求，并准确地表达所接受的用户需求。

然后呢？确实客户的需求的以后我们要做什么呢，那当然是设计和分析。此阶段主要根据需求分析的结果，对整个软件系统进行设计，如系统框架设计，数据库设计等等。软件设计一般分为总体设计和详细设计。好的软件设计将为软件程序编写打下良好的基础。

接下来是代码实现，此阶段是将网站项目设计的结果转换成计算机可运行的程序代码，我们这个项目为4个模块，1.界面，2.逻辑层。3.实现层。4.数据库及使用说明文档，分别为4个小组成员完成。这阶段我学到很多编程的思想，如：分层思想、MVC、三大架构的整合、dao的编写。

编号程序之后就是软件测试了，此时在软件设计完成后要经过严密的测试，以发现软件在整个设计过程中存在的问题并加以纠正。由于时间有限，我们测试是简单的使用一下每一个功能。

在编写代码时，由于自己技术知识水平不广，常常遇到技术难题；还有自己没有良好的编程习惯，不注释，有时连自己也看懵了；编程的结构不好，维修和修改代码是很慢。这次实训让我意识到了自己做为计算机软件工程专业的学生，要想在以后的职业中崭露头角，除了要有过硬的理论知识，健康的体魄外，还必须具备良好的心理素质，使自己在以后的途中无论经历什么样的困难，都立于不败之地。“纸上得来终觉浅，绝知此事要躬行！”在这短短的时间里，让我深深的感觉到自己在实际应用中所学专业知识的匮乏。让我真真领悟到“学无止境”这句话的涵义。而所学的，都是课本上没有而对我们又非常实用的东西，这又给我们的实训增加了浓墨淡采的光辉。我懂得了实际生活中，专业知识是怎样应用与实践的。

在这次实训中，我不仅知道了职业生涯所需具备的专业知识，而且让我深深体会到一个团队中各成员合作的重要性，要善于团队合作，善于利用别人的智慧，这才是大智慧。靠单一的力量是很难完成一个大项目的，在进行团队合作的时候，还要耐心听取每个成员的意见，使我们的组合达到更加完美。实训过程中，除了要专业知识，包括人际交往，沟通方式及相关礼节方面的内容，对于团队开发来说，团结一致使我深有体会。团队的合作

注重沟通和信任，不能不屑于做小事，永远都要保持亲和诚信，把专业理论运用到具体实践中，不仅加深我对理论的掌握和运用，还让我拥有了一次又一次难忘的开发经历，这也是实训最大的收获。

这次实训带给我太多的感触，它让我知道工作上的辛苦，事业途中的艰辛。让我知道了实际的工作并不像在学校学习那样轻松。让我学到了很多课堂上更本学不到的东西，仿佛自己一下子成熟了，懂得了做人做事的'道理，也懂得了学习的意义，时间的宝贵，人生的真谛。明白人世间一生不可能都是一帆风顺的，只要勇敢去面对人生中的每个驿站！这让我清楚地感到了自己肩上的重任，看清了自己的人生方向，也让我认识到了做软件应支持仔细认真的工作态度，要有一种平和的心态和不耻下问的精神，不管遇到什么事都要总代表地去思考，多听别人的建议，不要太过急燥。

人非生而知之，虽然我现在的知识结构还很差，但是我知道要学的知识，一靠努力学习，二靠潜心实践。没有实践，学习就是无源之水，无本之木。

这次实训让我在一瞬间长大：我们不可能永远呆在象牙塔中，过着一种无忧无虑的生活，我们总是要走上社会的，而社会，就是要靠我们这些年轻的一代来推动。

从初出茅庐，到现在可以熟练的按照流程开发软件，这都与我组每个成员的努力是分不开的。在实训中，教会了我们很多东西，同时也锻炼了大家踏实、稳重、沟通的能力，每个人都很珍惜这来之不易的实训机会。

在这学期的实训中，我受益匪浅，不仅专业知识增长了，最主要是懂得了如何更好的为人处事、团队合作，感觉自己比以前成熟多了。正因为学习上有所收获，思想上也就豁然开朗起来。通过这次实训，我觉得要改变以前错误的思想，想把各项工作做好，就必需要不断的学习，不断的充电，也只有不断的学习、充电，才能提高自已的工作能力。古人云，“活到老、学到老”，这句话是很有道理的。社会的.竞争是激烈的，我想我们应该好好把握住大学学习的时间，充实、完善自我，全面发展，攻破电脑，

争取做一名出色的程序员。我们深刻的了解到，只有经历过，才知道其中的滋味。对于我而言，可以说通过这次实训，真真切切的让我了解了什么是软件、网站开发，什么是软件、网站，让我对于软件最初的观点也有了本质性的改变！程序员不仅仅是一份职业，更是一份细心+一份耐心+一份责任心=人生价值的诠释。