如何正确有效的学习java前端（合集）

 

　　大量阅读

　　我是一个劲头十足的读者。所以，我的第一个关于学习JavaScript的技巧就是关于阅读，这绝不是巧合。书籍和其他的资源(如文章)可以在很大程度上帮助你学习JavaScript。通过实践学习，书籍是我学习新学科最喜欢的方式。在学习JavaScript的情况下，我将会向所有人推荐两本书。第一本是 Nicolas C. Zackas的《JavaScript高级程序设计》。这本书将会带领你从JavaScript基础到最高级的主题。当你看完这本书，并且练习你所学过的知识点时，你将会掌握扎实的JavaScript知识。如果你掌握了这本书里面的所有知识点，我相信它会让你离成为一个JavaScript专家更近一步。不过，这本书还不够。不要误会，这本书是很好而且包含了很多内容。问题就在于由于ECMAScript6的介绍很多都改变了。

　　这本书涵盖了之前版本的JavaScript，所以，如果你只看《JavaScript高级程序设计》，你可以学习JavaScript，但是你不能学到最新的JavaScript特性。这就是为什么会有第二本书。这本书是出自同一个作者的《了解ECMAScript》本书包含了有关JavaScript的前沿信息。阅读这本书，ECMAScript 6 将不再是你的问题。不过这有一个忠告，不要在阅读Web开发人员专业的JavaScript书籍之前阅读它。

　　理解ECMAScript会教你ECMAScript6的特点。但是你不会学到JavaScript基础。这就是你必须在理解ECMAScript之前先阅读Web开发人员专业的JavaScript书籍的原因。第二本书是建立在第一本书的基础上的。除了这两本书你还应该阅读关于JavaScript的文章和帖子。让你自己沉浸在JavaScript中。

　　有效的学习java前端的方法二

　　亲历亲为(勤动手)

　　众所周知，只阅读远远不够。此外，这也不是最好的记住新知识的方法。你不信?想一想你昨天所阅读的所有东西。你能记得多少?你还能记得多少事实和数字?你可能记得你所阅读过得文章的题目，你还可能大概记得那些文章谈论的是什么。但是，如果有人给你做一个测试去测试一些明确的事实和数字，你可能会失败。

　　毋庸置疑的事实就是你只阅读了这些文章一次。当你带着学习的目的去阅读的时候，你不止只看一次。你将会反复的阅读知道你记住为止。不过，我会认为阅读不是最有效的学习方式。无论你想要学JavaScript或者其他任何东西，都有很多更有效的方法让你去完成。这就是通过实践去学习。学习代码的最好的方法就是去编写代码。

　　我知道这听起来简单也相当合理。但是，通常我们更喜欢阅读而不是去实践。其中有一个原因可能是阅读更容易更舒适。而且，既然我们寻求舒适，那么阅读这些东西看起来是一个更好的选择。并不是!如果你想要学习JavaScript，而且是在短时间内，你必须亲历亲为勤动手，这是宜早不宜迟的。

　　通过实践来学习的好处

　　正如我所提到的，你练习你所学的你会学得更快。你会得到即时的反馈，看看有什么作用。这是书本所无法复制的东西，包括电子版的。当你下定决心通过阅读来学习JavaScript的时候，你必须相信书本里的结果。这些结果通常是对的。但是，仍然可能会发生某些代码段可能会产生不同的结果。特别是如果书中的一些语法已经过时了，在这种情况下，一些代码可能就不会运行。

　　事实就是编写和出版一本书籍需要花费时间。所以当这本书最后出版的时候，编程语言已经包含了不包含在本书中的更新，这不足为奇。因此，你正在学习可能已经过时的定西。如果你专注于练习，这就不太可能发生。如果你在学习JavaScript的时候使用一些在线编辑器(如CodePen)，你总是会使用这种语言的最新版本。JavaScript是一个很好的例子。

　　很长一段时间，并没有关于ECMAScript 6 的书籍。但是，如果您使用Babel等编译器，则可以使用此语法编写代码。在编程界，这相当普遍。通常书籍在出版的时候就已经过时了或者很快要过时了。留在技术前沿的唯一方法就是实践。通过实践学习JavaScript的另一个理由已经提到了，就是能得到即时的反馈和更好的信息保留。

　　当阅读JavaScript可能是危险的时候

　　这种反馈循环和改进的保留是为什么即使是最新的书也不会是最好的选择。此外，阅读实际上可以让你退步。当你读到一些的东西时，很容易让你说服自己你是在取得进步。为什么会这样呢?你正在浏览页面并深入其中。然而，这只是你自己认为的。如果有人给你测试怎么办?你能像你翻页那样轻松的通过吗?

　　在多数情况下，翻书比掌握书中包含的知识要容易得多。当我决定主要通过阅读书籍而忽视练习来学习JavaScript时，我意识到了这一点。而且我很快意识到，过了一段时间后，我会忘记我之前阅读的所有东西。因为很多东西我只看了一次。所以，这是延长我学习JavaScript旅程的另一个因素。换句话说，我掌握的信息非常糟糕。而且，我也没有得到反馈。

　　我曾经认为看书中的练习和亲自动手操作效果是一样的，但是大错特错!你可以从早到晚用你的脑子写代码。然而，除非你测试，否则你永远都不会知道你的代码是否有用。甚至连专家和有着多年经验的人都不会依赖他们的想法和猜测。他们测试他们的想法。如果你真的想学习JavaScript我建议你也这样做。

　　如果你不确定你该花多少时间去阅读和练习该怎么办?我的答案很简单。通常在练习上花费更多时间。如果你必须在阅读一些东西和练习上选择一个，选择后者。记住，阅读某事物会让你说服自己是在进步。不要购买这个错觉。

　　有效的学习java前端的方法三

　　尝试不同的学习方法

　　到目前为止，我们讨论了学习可以通过阅读或者实践。这两种方法足够可以帮助你学习JavaScript。不过，你可以使用更多其他方法来提高你的学习能力。有一种理论是这样说的，每个人都有不一样的学习方式。对这个理论的合理性有一些批评和持续的争论。谁知道呢，也许它只是起到安慰的作用。如果你想要，你可以尝试不同的风格，看看哪一种最适合你自己。

　　对于那些不相信学习风格存在的人呢?我依然想鼓励你们去尝试不同的方式。我理解你们喜欢书籍胜过视频。或者你们喜欢自己尝试，而不是阅读它们。最后一个最适合我，书籍排第二。使用各种学习方式学习JavaScript的原因很简单。你使用的方式越多，你就越沉浸其中。

　　多元的学习方法只为更深的沉浸在其中

　　然我们来谈一谈仅仅通过阅读来学习JavaScript。这种方式有一个问题。你会经常接触不到JavaScript。与学科定期接触是学习的关键。而且，接触的越频繁，你会学得越快。所以，如果你想更快的学习JavaScript，办法就是勇往直前。你需要显著的增加这个频率。换句话说，你必须沉浸在其中。

　　这就是为什么你需要尝试尽可能多的方式。你现在在读一些关于JavaScript的好书吗?这是一个好的开始!现在呢，怎么进一步呢?举个例子，你可以开始阅读关于JavaScript的博客文章。由Eric Elliott领衔的“this blog”和“JavaScript Scene)是开始的好地方。你也可以开始听关于JavaScript的播客。这里我向大家推荐两个：“JavaScript Jabber” 和 “JavaScriptAir”。

　　如果你更喜欢视频而不是声音该怎么办呢?没问题! JavaScriptAir 在 YouTube 上也有“its own channel”。另一个你可以学习JavaScript和其他关于网站开发技术的频道是 “LearnCode.academy”。下一个专注于JavaScript的频道是“JSConfEU”。如果你在寻找课程，使用搜索并选择你喜欢的。有上百种频道和视屏可以帮助你学习JavaScript。你也可以试试网页，比如“Lynda” 和 “Udacity”。

　　有些人会忽略会谈和博客，因为他们不认为这些是有用的。我不同意这个观点。这些资源常常使人们从多年的实践中学到很多洞察力和诀窍。此外，这些资源通常比课程和书本更通俗易懂和有趣。所以，你可以使用这些资源来放松，同时还能学到很多。

制作网站需要哪些技术_网站建设有什么制作技术

1、谈到网站制作技术，我们要站在用户角度来考虑，主要看我们做网站的时候要考虑到浏览者那端是否正常访问，这就是网站浏览器的兼容性问题。

　　目前处于浏览器的变化也非常的快，存在一个选择的问题，国内网民大部分使用老版本的IE浏览器比如IE6，但去年四月份的时候，微软宣布WindowsXP会推出历史舞台，其携带IE6会逐渐的退出，我们在制作网站的时候，建议着眼未来考虑，我们的网站至少要兼容IE8，也就是Windows7自带的浏览器版本。(要知道目前最新版本是IE11)，所以浏览器的兼容性是我们需要考虑的。

2、网站程序脚本，现在主流的网站制作技术是PHP+Mysql。

　　建议少用Flash，需要网页特技效果的话，我们最好统一使用jQuery。使用成熟可靠的Html5+Css3技术，这里需要注意的是，因为html5和CSS3目前还没有完全成熟，但其中有相当一部分技术已经成熟可以使用的。我们在网站制作的时候，可以有选择性的使用，前提是对这些技术有充分的了解与测试。

3、移动互联网这个大趋势，网站兼容手机浏览这个势在必行。

　　现在很多网站制作公司往往采用两个方案：一个是独立的手机网站，用来响应设计让一个网站自动适合不同尺寸的手机。当然这就用到网站制作公司的设计水平了，再就是一个针对电脑用户浏览的网站。

　　网站建设的知识技术

　　一、网站搭建原理

1、认识网站虚拟空间：虚拟空间是用来存放网站文件的。如：图片信息，html文件，php文件等。虚拟空间相当于一个硬盘空间，只是这个空间可以被互联网用户以网址或IP地址的形式访问。

2、认识域名的作用含义：域名可以理解为网站的地址，多个域名可以对应一个主机IP地址。最常见的还是一个IP对应一个域名。

3、动态网站的数据库支持：传统的静态网站无需数据库支持。而这是用来存放网站数据的空间，这里的网站数据可并非指的是网站的html文件、图像信息等，指的是如网站访客提交的留言，个人信息等。

　　二、建站基础知识

html:也就是超文本标记语言，这种语言是应用最广泛的一种语言，简单易懂，可以使得网站的文本和图像可以做到有机结合，形成一个整体。

table、div+css:每个网站都有着相当规范的布局排版，美观得体，这得益于table、div+css的布局技术，相较于table布局、xml的布局更加简单灵活、代码更加简洁。

Javascript技术：这是一种可以使得网站更加生动活泼的程序语言，如图片的自然切换，跑马灯等特效，让网站的页面更加有亲和力、生动形象。

　　三、平面设计

　　简单说来就是photoshop，一个优秀的网站不必可少的就是动人的设计，如网站的banner设计、logo图片、图标设计等都离不开优秀的平面设计来对网站进行图片的处理。

　　四、脚本语言

　　用来实现网站的一些基本功能，如用来完成动态网站的用户访问提交数据等，这种语言可以插入到html静态网页中，如php、asp等都是较为流行的服务器脚本语言。可以用来编写网站的后台用于管理网站，前台功能应用。

　　五、搜索引擎优化

　　制作网站的目的不仅仅是为了展示自己，更是为了获取更多的点击量以及转化量，更直接的目的是为了获得良好的搜索引擎排名。包括：SEO搜索引擎优化和SEM搜索引擎竞价推广，如网站结构的优化、代码优化、关键词布局等。都需要对网站进行不断完善。

　　六、编辑能力

　　简单的编辑能力只要会写文章即可，如果想让网站更有吸引力，优秀的文字功底必不可少，内容是网站的第一生产力，网站中原创的文章也是提高网站排名的助理。

　　七、代码质量

　　当创建一个网站，它是很好的做法，以符合标准。这通常是通过描述指定元件做什么。不符合标准的网站无法使用或容易出错的，标准可以涉及到正确的页面布局的可读性，以及确保适当地关闭了编码元素。

　　八、CMS建站

　　整站开发是一项浩大的工程，需要多人配合。制作网站CMS(内容管理系统)是再适合不过的、也是最为快捷的建站方式，很多优秀的CMS使得如今的网站建设更加智能化、简单易上手。只需要做出漂亮的前端，在页面中嵌入执行语句即可使得网站快速运作管理。

　　网站建设必须掌握的技术

1、图像处理软件

　　这样的软件有很多，用的最多的当属Photoshop，另外还有Fireworks、CoreldRAW、Illustrator、Freehand等等。当然，您如果都会最好，不过用好其中一个足以!

　　软件的具体学习我就不说了，您可以自己百度一下。

　　需要说明的是，如何利用图像处理软件设计网站界面(这也是一个不错的选择哦!在威客网上随便一个网站界面至少也得200rmb吧!我做过最高的一个是1000rmb，就一张图哦!)。

　　掌握软件的使用后我们需要考虑的是如何制作网站界面，这一点大家不用太着急，就像我们写文章一样。

　　抄——仿——创作

　　所以在界面设计方面首先也要抄，简单说呢，就是找您认为好的网站界面照着做，要完全自己做，尽可能做出来后一模一样。这样你每天做一个，做上半月应该可以了

　　然后您需要仿。曾听说过一句不知道是谁说的名言：设计就是天下一大抄!所以您可以选择性的仿作，比如头部仿这个站的，某个版块仿那个站的，另一版块再仿另外某个站点。这样的组合不要太格格不入即可。如此您仿上十几个应该可以创作了。

　　最后就是自己设计了。不要把设计想得很难，如果前面两个过程您都认认真真的完成了，您完全可以自己来设计的。相信我，也相信你自己!具体可查看网站美工教程

2、HTML代码

html是一种很简单的语言，你只需要记住它就可以了，没什么变化。具体请查看HTML&CSS教程。这里的重点是div+css。

3、Javascript&ajax

　　一个特效控制软件，一般用于表单控制及事件处理。具体可以看JavaScript教程

4、Dreamweaver

　　一个像word一样间的网页编辑软件。重点掌握其代码模式的操作。

5、动态编程语言和数据库

asp、php、jsp、asp.net。ASP教程

6、SEO技术

　　搜索引擎优化，具体可看网站推广SEO教程