知远网整理的web前端技术学习心得（精选6篇），希望能帮助到大家，请阅读参考。
web前端技术学习心得 篇1
21世纪的时期，中国的网络正在实飞猛进，大多的企业都是通过建立网站来进入企业宣传，通过企业网站来打广告，宣传产品、品牌推广，促进销售等 方法来实现企业营利的目的。所以，中国的互联网在中国的近几年来，有了非常大的发展空间，如“网上商店”“网上服务”“网络资源”非常的流行。所以网页设计师中一个紧缺的人才。对一个企业来说，做好一个网站是必不可少的。我们现在作为电子商务专业的，我们的最终目标是针对全球这个大的市场，还有这个网络市场。作为一个企业的管理者，应当为自己设计一个能够促进销而且能够代表我们企业的形象、宣传我们企业最新出来的产品的这么一个网站。
我们学了一个学期的网页设计，这周我们开始实践我们专用的计划如下：
第一天：网页设计与布局。网页的题材自己定，可以任选。
第二天：准备材料。建立站点，将所有的题材放到自己所建立好的站点里去，以便在做的可以更方便、快捷的应用到网页中，提高速率。
第三天：将所在准备的材料一起联接起来，放到自己的所设计的布局结构中。再做二级网页，建立超链接，把一级和二级网页连接起来。
第四天：将所做的网页进行整理、调试、发布。在网站上申请一个空间，将自己做的网页传到网上去。
第五天：写实习报告。将写好的实习报告打成电子文档，传到老师处，审查。
网页的布局：
网页的布局指的是网页的整体架构，也就是排版。在一个被别人打开网页之后，如何才能突出我们网站里面最重要的内容，即让用户第一眼就看到这个网页所想要传达的信息和内容。这首先就要从网页布局做起。 我觉得网页布局应当注意以下几点：
1、整个网页的长和宽的比例。
2、导航条的设置。
3、正文的框架结构。
我的这个上网页中，我的大体布局就是“F“型的。从我的首页上看上去虽然有点乱的感觉，但整个的布局是清楚的，乱而有型。在大多数企业网站中的布局都是大同小异，但是它们做出来的效果显得非常的完美，所也是他们企业的成功之处所在。因此，一个网页布局是一个非常重要的一个工作。
网页的设计：
网页的设计不仅需要学好网页设计软件的方法，还需要和其它的软件一起使用，如动画设计软件，静态图像处理软件，等等。所以学习起来的确有点困难，所以需要有有点耐心去学习，不要是因为一时的好奇而去做网站，那肯定是不得行的。当我们遇到问题的时候要总要想着自己去面对解决，不要掉入技术的陷阱，如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是介于平面设计和编程技术两者之间的"边缘科学。"不仅涉及到美学，心理学，平面构成，色彩搭配等平面设计的方面的知识，还涉及到html，javascript，css，asp，php等编程语言技术方面的'知识。只有综合运用多种知识，才能设计出视听特效，动感十足，富于个性的web页面，才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。
网页的整个形象：
在一个网页做成之后，就要去找开看下网站的整个效果。首先是给视觉效果人视觉效果的，而在视觉效果中又最注重是颜色的，所以色彩的配合是必不可少的知识。在调整好之后，到网上去申请一个空间，传到网上去，看下效果。
总结：
从我不知从何下手做网页时到现在学习了一学期和这个专用周结束，总算有一个大体的方向和设置的格式了。我一开始对什么网页的布局和设置啊，什么都着落，对于一个好的网站的是如何做出来的和它所应用的方法都大概有一个认识。比如说那些动画、流动的窗口和按钮、弹出图片等等一些广告、视屏之类的。在我们的课本中没有多少的代码，只有文字性的操作步骤。还有那些什么JAVA代码一个都没有。然而在我们制作过程中，我们很多的时候都需要使用那些JAVA代码，我们又不知道，只有到网上去找。但是这并不是一件坏事。我们还可以学到很多东西，这也是我们所需要的。我觉得我现在做出的网页虽然不是很好，但是通过了这一周的实习，我收获也是不少啊！
web前端技术学习心得 篇2
进入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前端技术学习心得 篇3
过这五周的学习，在老师的精心教导下和同。
以前我一直在做网页，不过是在博客上，那里提供了模板，只需要自己在里面添舔改改就行了，对一些代码我更本就看不懂，现在好了，虽然我不是很会，但是可以看懂一些了，也能改一些代码了。
通过这五周的学习，在老师的精心教导下和同学们的帮助下，以及通过自己在平时的学习和实践，对ASP动态网页知识有了初步认识。
通过学习ASP动态网页，不但增加了我的知识面，还使我学会了很多以前不会使用的工具，当然这样还不够，因为我还有很多需要学习的`地方，ASP课程虽然上完了，但是在以后的时间里我一定会继续努力，争取做更多的精美的网页出来。
通过ASP动态网页的学习还让我明白了做网页时页面不一定要很复杂，但留白的地方不能很多，这样看起来就不会觉得呆板，反面显得有层次，比较高档，而且百看不厌。
网页的特点就是要有一副漂亮的背景图，整个页面看起来就比较舒服。
网页的文字要排得整齐紧凑，这样才能给人一种舒服的感觉。
在网页适当的地方可以加一些图片，每张画面再加一些不同的文字说明和加一些不同的文字效果，再加一些小动画，这样网页会显得更加的精美。
这次做的网页虽不是很好看，可是我花了很多时间来按成它，所以呢它对我以后做网页有很大的帮助。
在此次做网页的过程中也让我学到了很多东西，所以呢从我内心来说我是很满意我的这次经历，同时也要谢谢老师安排这样的考试，为什么呢?因为在制作过程中我不仅学到了书上没有的东西，也培养了我独立思考问题的能力，同时还增强了同学之间的团结互助的友谊。
因此，不论从哪个角度来说，老师此次布置的任务是上大学以来唯一把知识用于实践的第一回，再一次谢谢你老师。
web前端技术学习心得 篇4
这两个星期是我们的网页设计实训时间，这正是考验我们实力的时候了。
经过一个学期的网页设计的学习，我们的专业基础更加扎实了，我们对于自己的专业学习更加有信心了。一开始对于网站设计我是抱着好奇以及兴趣认真地学习，刚开始接触网页设计会觉得很神奇，平时上网接触到的网页可以通过自己的努力来建成。一心想着设计一个美观大气的大网站，可以与其他网站媲美。对于我这种初学者，有这种天真的梦想促使我更努力。
平时老师授课，讲解了有关网页设计的理论知识以及实际操作的示范。网页设计更着重于实际操作，我们在机房通过每次上课的学习运用，已经有了一定的基础。一开始我们都是看着别人的网站去模仿建设，到后来每个人在设计自己的网页时都有自己的人个人风格，这就是网页设计的乐趣。他不仅可以激发同学们的兴趣，还可以把自己的风格更大胆地展示出来，是一个可以展示自我的空间，使我们更有成就感。
这两个星期我们实训课让我们更清楚地认识到自己的.建站水平。实训任务是建立自己班级的网站，刚开始觉得两个星期足够我们去建成一个网站，但是我们都太高估我们自己了。一开始设计网站时不知道从何下手，之前老师上课讲的知识一时不知道怎么灵活运用起来，我才发觉对我软件功能的不太熟悉，除了基本的框架构建，其他的设计都需要比较长的时间去思考以及翻查书本。但是同学们都很积极地向老师提问，把自己存在的问题一一的解决掉。虽然建立网站不是很顺利，也只有这样我们才可以正视自身，把平时半桶水的听课方式给改掉。在这次的网站建设过程中，我发现自己对于知识不能灵活运用，不能巧妙地结合起来，对代码的不熟悉，这更加是一个大问题。建站过程中会遇到代码出错，代码位置写错之类的问题，当测试的时候出现了错误但是不能看懂出错原因，只能靠网上搜索。因为对于这种程序的东西我会比较抗拒，从小就不喜欢思维性太强的学习，所以建站会遇到比较多这种问题，但是我只能积极去面对才能完成任务，毕竟这是我的专业，为了专业而专业，不能说不喜欢就不愿意去学，这次实训我反省了自身的存在问题。我们建立网站的时候都发挥自己的创新力、想象力，用心地完成这个大项目。会遇到很多的问题，经常因为一个细小的步骤而出错，做动态网页的时候会遇到更多类似的问题，通常都会花费我很多时间来解决出错原因。打个比方，我会一个上午都在弄留言板，因为不知道出错原因，当请教老师或是同学的时候才恍然大悟，原来是这么简单的。当然，最终可以解决困难我还是很欣慰的。
当我真正建立起自己的网站的时候，我看着自己的作品非常地兴奋，这是我用心血完成的只属于自己的网站，特别地欣慰。因为过程的困难，我更加珍惜自己第一次的作品，做每一步都会小心翼翼，就像母亲生怕会失去自己的孩子一样，我就是这样的感受。
我可以说网页设计给了我很大的收获，我是用我的热情去学习，也是用我的真心去设计，属于自己的东西永远是最美好的。网页设计不是用嘴巴就可以设计的，更需要的我们的坚持、创新、用心，才能收获更大的胜利。
web前端技术学习心得 篇5
经过这几个月的实习努力，我做的几个网站已经挂到了网上，很欣慰，有进步，继续加油。
我的第一份工作是在深圳E医院工作，我归属于网络部网页设计开发兼优化推广等，在深圳E医院网络部，我主要是负责的是：网页设计（如网站的改良工、设计新的专题网站等），兼顾优化与推广。
磨炼了二个多月，逐渐的接触网站的设计与改良，全部的网站都重新排版与设计，同时，得采用优化角度考虑布局和运用CSS+DIV来构建心里苦涩，CSS+DIV，我还没学到家吖，看来还得努力学习，就这样，白天专心做好工作事项，晚上专心恶补CSS+DIV、优化知识等。终于自己设计的网站成功上线，很欣慰，无愧于此。
原本想让自己休息一阵子，可是无聊和休闲不太适合我，于是到第三天，开始网站投简历，意料不到，隔天就收到深圳市z科技有限公司的面试通知，最后面试完不久，又接到该公司成功录取（很开心也很兴奋，嘻嘻，因为我不用做无业游民了）。
3月14日，我又重新展开我的职业生涯，勇敢向前冲。在刚到新公司报到，一切都得从零开始，同时，要学习知识方面也逐渐地扩大。蒋副总和主管给我两周左右的时间适当环境与熟悉一下最近辅助软件等，终于在第三周起，我逐渐地开始接触公司布置的任务，刚开始，着手设计并规划公司的门户，因为目前公司成立将近四年多，还没有一个能真正给大众能一目清晰的公司性质与发展方向等。
其实，自己在负责设计与制作公司门户，其中碰到不少问题，因为如今采用布局框架，唯独CSS+DIV，因此，过程中碰到的问题不单单只是CSS规范写法，同时得考虑写法是否引起兼容性的错乱等等。
当初成品网站提给老总和副总等人浏览时，其中错误不断，而且也出现编写脚本错误等等，让我无比的无奈，因为我在编写与设计过程，基本会考虑到IE、FF等常见的BUG问题，没想到在本机测试时，基本都正常，但在给不同用户体验时，时常会出现脚本错误提醒和一些属性中在不同浏览出现的BUG……
经过不断地测试与修改，终于，完成了该站，结束为期半个多月的'任务，同时，公司门户也如期更新与使用。事后主管也跟我说，经过这次CASE中，自己要多想想并做好总结，那些是自己日后该避免，那些是自己目前得加强与巩固等等，让自己的设计与制作水平提高一定层次，切记骄傲滞前！
在独自完成这个CASE中，我也发现自己需要恶补的东西，很多很多，例如，如何能做到尽快克服各浏览器中的BUG，怎样使得布局按照优化角度来设计，怎样让用户者体验舒服，怎样让呆板的网页赋有生机，让大众感觉尽管内容虽少却不失想浏览之心或内容过充实却不会造成冗余等等，而其中就借助JavaScript、aJax、Jquery等脚本的编写……这些知识是我目前最为缺乏的，也是最需要恶补的知识，所以，一旦有时间，我得努力地学习与逐渐地应用实际操作上，让自己做到懂得一举反三等等，而不是过于呆板引用等。
总之，经过这半年工作实践与体验，虽在不同公司性质中实习，但确实让自己成长了不少，也明白不管在学校还是在社会上，如果要让别人肯定你，聘用你等，关键在于自己是否有一门技术吸引着别人或让别人想收为己用的心态等，同时，主管也跟我说起：自己要懂得，如果想要在IT行业长时间发展，不单单只需要良好的WEB前端技术，同时也需要一门动态语言来补充着自己，让自己不过于依赖别人，尝试让别人依赖自己，这样，处于IT网页制作行业中，就不轻易让人淘汰等。
在调整好心态，努力工作下，目前在该公司独自做好几个CASE，现在又接手做子公司站，希望自己能越做越好，加油，为美好的明天，勇敢向前冲！
web前端技术学习心得 篇6
我在网上进行的逻辑教学工作已经完成了，闲暇无事之余，便想将个人的主页——《思东书屋》重新进行一下规划和设计，为此购买了几本有关网页设计和制作的书籍，开始学习网页的基本语言HTML。尽管网页制作方法早已经从最简单的文本编辑器发展到可视化的网页编辑工具，但是，编辑形式的改变并没有影响到HTML语言的整体结构，它只是简化了编程方式，用直观的具体形式取代了传统的不可见的抽象形式。
这就如同哲学理论自身发展的两个阶段——理性的思辨和直观的图像一样。目前，人们对用图像解说认识过程和逻辑规则还缺乏深刻的认识，总是习惯于语言表达方式，不知道语言表达的缺陷是片面性和抽象性，而图像形式则具有直观性和具体性这一特点。如今我们生活的时代已经进入到互联网的动漫时代，此时抽象的语言表达方式与时代发展的脉搏呈现出极不同步的状态，这种表达方式远远落后于时代科学技术创新和发展取得的成果，它明显地缺乏与时俱进的特点。人们只要看看有关系统论的教材，就会被书中展示的图形和图像所吸引。由此看来，作为时代的哲学理论也应该充分利用电脑给人们带来的多媒体技术，通过编制幻灯片、动画片和电脑仿真模式展开既直观又生动的教学，只有这样做才能使哲学理论跟上时代发展的步伐，真正做到与时俱进。
从互联网的操作平台和编程语言的发展过程中我们可以清楚地看到，逻辑思维在当今时代具有的重要作用和能够发挥出来的巨大威力。没有逻辑思维能力的提高，就不会导致多媒体的产生和动漫世界无处不在的现象出现。互联网的发展不仅改变了当今的世界面貌，它同时也改变了人类自身固有的静态思维模式。在当今时代，老子大道强调的真实逻辑在互联网的演化过程中已经充分显露出来。
从框架结构、层次关系和语句之间的嵌套关系中，我们可以看到老子的一个圆圈模式自身具有的应用价值。如果我们将人类思维具有的三种逻辑规则以直观形象的实例展示出来，那么，语言逻辑就是人们在日常生活和工作中使用的逻辑规则，例如刑侦逻辑，它总是强调分析和判断的结果要与真实的作案过程同一起来。表述形式要求清晰性、条理性和无矛盾性，可见，强调无矛盾的同一律是语言逻辑的特点：思维和存在二者直接同一是语言逻辑的属性，表述形式和表述内容之间不允许出现对立性和矛盾性。由此构成形式逻辑同一律的实质。
数理逻辑是计算机硬件自身具有的逻辑规则，它把握了中央处理器CPU、信息交换的存储器、记载时间和次数的计数器以及丰富多彩的'颜色区分模式之间的相互关系，它直接通过逻辑真值表、二进制的语言和编码结构展示出来，这是纯粹抽象的逻辑规则在现实中的应用模式。其鲜明特征是：它把握了思维和存在二者本质同一这一属性。
哲学逻辑则体现在计算机软件上面，例如电脑的操作系统平台以及网页设计和制作的具体方法，它是真实逻辑模式的体现。电脑中动画图像的制作就是通过层次来把握过程和系统，把握繁杂的关系网模式。从而实现了互联网模式与客观存在模式二者之间的同一性，它们全都以“多样性的统一”这一模式出现，不是理性思辨强调的“从一到多”的发展和演变模式。其理论根据在于：互联网的根基是建立在相互联系和相互作用的关系上面，它不是单纯的存在物自身具有属性，而是以关系网形式出现的新事物。可见，随着互联网的发展，人类思维就会从直观的具体存在提升到间接的关系网模式这一高度。而老子的哲学理念恰恰就建立在系统联系的关系网基础上，可见它与时代发展的气息是紧密联系在一起的。通过网页制作中的逻辑规则这种形式理解和把握老子大道的哲学理念，将是破解老子大道之谜的一条捷径。人们在学习网页设计和编程语言的过程中就可以把握住老子讲述的逻辑规则。二者之间只有表现形式不同，在逻辑规则环节绝对同一，没有本质的区别。
这就是人类的智慧，它在远古时代就把握了复杂多变的关系网。然而，只有在互联网充分发展的今天，人们才能够深刻地理解老子大道的内涵，才能够揭示出真实逻辑自身具有的一个圆圈模式。
从老子大道的终极谜底中人们看到，真实的逻辑模式是一个将四种逻辑规则有机结合在一起的关系网。它与互联网的存在模式和运行模式完全一致。其中存在模式表现为大小圆圈环环相套，大圆圈就相当于服务器，小圆圈则相当于终端的电脑。整体的运动模式则体现出对立统一的矛盾关系。操作系统相当于基础理论：它是本质环节的工具，各种软件则是它的具体应用工具。
如果我们用逻辑图的形式将三种逻辑规则和相互之间的关系展示出来的话，它是这样的形式：
┌属性：思维和存在直接同一，无矛盾的关系
┌语言逻辑┤具体环节：经验理论
│ └形式：如日常交流、刑侦破案，无概念的形式
│ ┌属性：抽象的本质关系，无矛盾的形式
逻辑┼思辨逻辑┤本质环节：计算机硬件中的逻辑规则：图形、符号理论
│ └形式：符号逻辑、数理逻辑、模式逻辑，知识理论
│ ┌属性：具体存在的关系模式，无矛盾的模式
└真实逻辑┤系统环节：计算机软件中的逻辑规则：图像、概念理论
└形式：哲学逻辑、辩证逻辑、逻辑模式，可视化编程
从这个逻辑图中人们看到，逻辑的属性是强调思维和存在的同一性，它是实现思维和存在同一性的手段、方法、形式。不同的逻辑规则把握思维和存在的同一性程度不同，它分为三种形式：具体环节是形式同一，理性环节是本质同一，系统环节是模式同一。亚里士多德的《工具论》就停留在形式同一环节，德国古典哲学上升到本质同一的高度。老子的大道以隐藏形式把握了模式同一，《思维工具论》将这种模式同一从隐藏形式转化为直观的显露形式。由此构成人类逻辑思维发展演变的全过程。
随着互联网的普及，网页制作技术的广泛应用，人们对于逻辑规则就不会感到陌生，因为HTML语言结构已经将哲学的逻辑模式以可视化的形态展示出来，同时也将哲学逻辑自身具有的应用价值和能够发挥的巨大威力展示出来。此时，“逻辑”对于懂得电脑知识的人们来说已经不再是一个抽象的名词概念，而是帮助人们迈进网络世界大门的思维工具。
以框架结构的逻辑规则为例，它充分体现出思维规则：两个层次、两种形式的对立统一。
这就是思维规则在网页制作中的具体应用。人们只要通过学习网页制作的方法，就能够理解《思维工具论》讲述的逻辑规则。这就是电脑与人脑在逻辑规则上面具有的高度同一性。它就是谢林哲学强调的“绝对同一”理念。
逻辑属于抽象的形式联系，它不涉及里面的具体内容，属于科学的思维方法和工具。网页语言结构恰恰将逻辑的属性、形式和特点全面地展示出来。它扬弃了里面的内容，只考虑抽象的结构和形式之间的关系，无论是文本，图片、还是动画，都可以作为“同一的事件”看待起来，具体内容的变化与逻辑形式、逻辑规则无关。可见，人们在学习网页制作的时候只要反思一下里面的逻辑规则，就会把握住科学的思维方法。只要将编制网页的方法应用到各种理论问题的分析过程中，就能够摆脱经验理论的束缚，从而上升到科学理论的高度。
逻辑是方法、手段、工具，它是人类智慧创造出来的精神财富，是认识论规律的表现形式。人们的头脑中如果没有逻辑规则的话就会偏离真理的轨道，就会停留在经验理论和生活常识中，不能迈进科学理论的门槛。
这就是老子讲述的不言之教包含的丰富内容，它是科学的认识方法、认识模式、逻辑规则、思维工具。