1、html:负责定义页面的内容
2、css:负责定义页面的样式
3、javascript:负责控制页面的行为
以上三种为前端学习的基本课程
1、jquery:javascript框架，javascript函数库，极大简化了javascript。
2、bootstrap:一个用于快速开发 Web 应用程序和网站的前端框架。
3、AngularJS: 是一个 JavaScript 框架。
4、JSON: 是存储和交换文本信息的语法.
5、Ajax: 可以用于创建快速动态的网页。AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
6、Angular 2:是一个开源的JavaScript框架
7、React: 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI .
8、LESS:是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。是一种动态样式表语言，扩展了CSS的功能
9、Vue.js ：是用于构建交互式的 Web 界面的库。
10、Node.js ：是运行在服务端的 JavaScript。
以上十种，是在实际工作应用中常用的，总结的这些希望对你有所帮助。
学习前端开发，推荐到北京尚学堂，雄厚的师资力量和科学的授课方式，会带给你最完美的学习体验。
2、css 用来调整前端页面样式，颜色大小位置等等，必须掌握
3、JavaScript 简称js 一种直译式脚本语言，用于编写逻辑和后台进行逻辑交互，必须掌握
以上为必须掌握
扩展的有jquery ajax php vue 等库或者框架
123为基础，之后建议学习vue，现在比较流行
我有全套web前端视频课资料可以发给你自学，课程是目前前沿的前端技能叫做web全栈工程师。
web全栈工程师5.0课程包括：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
如果打算线下学，你可以考察对比一下南京课工场、北大青鸟、中博软件学院等开设有java专业的学校。记得找我要全套web全栈工程师视频课资料，祝你学有所成！望采纳！
北大青鸟中博软件学院web全栈课堂实拍
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开发。
3、HTML5
HTML是超级文本标记语言，是为“网页创建和其他可在网页浏览器中看到的信息”设计的语言。HTML5是由万维网发布的最新的语言规范，是开放的Web网络平台的奠基石，所以做Web前端，精通HTML5是必须要掌握的一项技能。
4、Ruby（与Ruby on Rails一起使用）
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前端开发能力。本回答被网友采纳