1.如果你其他的编程语言入过门，比如c,c++,java等
你可以选择看书或者看视频都可。看书的话《JavaScript DOM 编程艺术》非常适合入门。
2.如果你没有学过任何编程语言的话
强烈建议看视频。看视频入门比看书入门要更加容易。当然讲师必须要讲的透彻，这里推荐毕向东的java视频，里面有javascript的相关讲解，偶是毕向东的死忠粉不是托~！~。
@ 怎么学好web前端开发？
现在的Web前端开发不得不说是火透了整个互联网，Web前端、微信、小程序似乎已经是不得不谈的未来趋势。市场火证明未来缺口大，不少人认为学习Web前端开发，高薪指日可待。
第一：基础的重要性
无论做什么都一定要有扎实的基础，只有基础牢固，才能更深入的学习新技能。Web前端开发的入门门槛其实很低的，与其他语言先慢后快的学习节奏相比，他是一个先快后慢的过程。所以在前期的学习过程中，你会很容易的掌握其基础的技能。而随着Web前端技术的广泛应用，学习也会变得更加简单。
第二：细节的重要性
有句俗语是这样说的：“细节决定成败”，很多Web前端开发者在工作过程中为了追求速度，而忽略了一些细节性的东西。比如：给代码加备注，代码的命名规范，代码的简洁等。所有的这些看似不重要，其实却严重影响了项目的进度以及自身能力的提升。在开发过程中，适当的添加备注，能够加深对技术点的印象，也便于以后在修改的过程中迅速查找;规范的代码命名能够方便团队之间的沟通，提高工作效率;而简洁的代码能够直观的展现某一块代码的作用。
第三：网站布局的重要性
做网站的目的除了向大众群体直观的展现公司的形象以外，更重要的还是便于SEO优化，为了提升网站在百度搜索引擎中的排名，以获取更多的浏览量。因为网站没有排名，不能让更多的人了解到公司，盈利从何谈起呢?
第四：学习的重要性
优秀的Web前端开发工程师之所以优秀，不是因为工作的年限有多久，而是具备快速学习的能力。Web前端开发是一个特殊的工作，涵盖的知识面非常广，而且互联网行业技术的更新速度是非常快的，如果没有快速学习的能力，就很难跟上时代的步伐。所以，作为Web前端开发工程师一定要不断的学习，提升技能。
如果你想快速的掌握Web前端技术，想要了解这方面的学习内容，可以报班专业学习，建议你实地考察一下，先了解具体情况后，再做要不要学习的决定。
@ 学前端开发需要掌握哪些编程语言呢？
Web前端是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，Web前端工程师使用HTML、CSS、Java等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是Web前端工程师的专业领域。
就目前Web前端开发可能涉及的语言来讲，有PHP语言、JavaScript、Ruby、HTML5、Java和Python。当然并不是说以上这些语言前端开发工程师都必须掌握，其实只选择一两门熟练掌握即可。下面一起来看看这些Web前端开发语言的具体介绍和自身的优势。
1、JavaScript
JavaScript是一种属于网络的脚本语言，被广泛用于Web应用开发。作为一种动态编程语言，它主要用于增添网站的交互性。作为运行在浏览器中的解释型的编程语言，它的优势也是显而易见的，比如可以轻松实现跨平台、跨浏览器驱动网页以及与用户交互的功能。同时，JavaScript还能开发很多Web框架，如Angular.js、Ember.js以及Javascript MVC等。
2、PHP语言
常常听说PHP是世界第一的语言，其实这种说法也有一定道理。作为Web架构开发常用语言，PHP开发了很多Web框架，有Zend framework、CakePHP、ThinkPHP等等。PHP独特的语法混合了C、Java、Perl 以及 PHP 自创新的语法。目前，PHP主要用在服务器端上用于Web开发。
PHP语言的优势在于可以更快速的执行动态网页，而且功能强大，支持几乎所有流行的数据库以及操作系统，还可以用C、C++进行程序的扩展！另外，PHP提供了几个框架，比如Laravel和Drupal，帮助开发人员更快地构建应用程序，拥有更高的可扩展性和可靠性。PHP拥有最简单的学习曲线、廉价的托管环境、丰富的学习资源和相对容易的开发环境。这对初学者来说是个不错的选择。
3、HTML5
HTML是超级文本标记语言，是为“网页创建和其他可在网页浏览器中看到的信息”设计的语言。HTML5是由万维网发布的最新的语言规范，是开放的Web网络平台的奠基石，所以做Web前端，精通HTML5是必须要掌握的一项技能。
4、Ruby（与Ruby on Rails一起使用）
Ruby是一种纯粹的面向对象编程语言。Ruby 的特性与 Smalltalk、Perl 和 Python 类似。Perl、Python 和 Smalltalk 是脚本语言。Smalltalk 是一个真正的面向对象语言。Ruby，与 Smalltalk 一样，是一个完美的面向对象语言。使用 Ruby 的语法比使用 Smalltalk 的语法要容易得多。ruby是一种优秀的纯面向对象的编程语言，学习它可以很好理解面向对象的编程，其次ruby的开发效率也很高。ruby在国内不常用的原因是因为ruby在国际上没有大厂商的支持，所以在国内一般就不怎么用，但是还有很多网站使用ruby开发的。总之，学习不同语言都能帮助自己更好的理解编程。这不是前端必须的，学有余力可以去学习。
5、Java语言
Java是一门面向对象的编程语言，在电子商务领域以及网站开发领域占据了重要的地位。之所以把它列为Web前端开发语言之一，是因为开发人员可以运用很多不同的框架来创建Web项目，如SpringMVC，Struts2.0以及frameworks等，即使是简单的servlet、jsp和以struts为基础的网站在政府项目中也经常被用到，疗救护、保险、教育、国防以及其他的不同部门网站也都是以Java为基础来开发的。
6、Python
Python是一种解释型的脚本语言，它非常适合用来做Web开发。它的优势也是显而易见的，比如开发效率高，有上百种Web开发框架，有很多成熟的模板技术，如Django、flask等，选择Python开发Web应用。不但开发效率高，而且运行速度快。
总结一下，Web前端开发语言主要就是以上这些，关于他们各自的优势相信大家已经基本了解了。偶介绍了这么多的语言，大家都掌握其中多少语言呢？当然了，学习在精不在多，只要熟练掌握一两门，就能大大提高Web前端开发能力。
如果觉得《网站前端开发需要会什么 前端需要系统的学习哪些东西 – 前端技术 – 前端》对你有帮助，请点赞、收藏，并留下你的观点哦！
