Верный826
作为一名前端老（资深）程序员，我来说一说。
HTML
HTML是网页的框架，称为超文本标记语言，是一种标识性的语言。它包括一系列标签，也许你也见过，如p，li，boday，u，a表情等等。通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。但是html只是让浏览器认识你写的语言是什么，网页排版他不负责。
CSS
css层叠样式表，CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。说通俗一点，就是负责网页排班布局。
要求：用Html+css布局写出静态页面，这是学习开发的最基础最基础的，必须掌握。
JavaScript
简称js，是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。只会布局和框架是不行的，需要js实现页面的动态互动。
要求：能够写出简单的交互，联调数据。js特别重要，基础一定要打好，真是项目实践中，很久接口文档调用API等
jQuery
完全自己写js工作量有点大，并且写的不一定漂亮，所以有了jQuery，jQuery快速、简洁。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。简单说，就是很多js脚本已经给你写好了，拿来直接用就可以。
要求：能够写出简单的交互，联调数据。
Bootstrap框架
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。使得开发更迅速，代码质量更高。
要求：熟练掌握，后期会经常用到。
Node.js框架
Node.js是一个应用程序框架，有时也被称为运行环境（runtime），通过它，应用程序可使用JavaScript编程语言来构建。 Node.js以其速度而闻名，因为它是非阻塞的。非阻塞意味着一个请求不会等待另一个请求结束（也就是异步的）。异步这一特性使Node.js成为当前吞吐量最大的框架，而Java应用服务器通常阻塞每个绑定到线程的请求，只要没有更多线程可用，服务器会停止接收请求
要求：熟练应用。
先写这些，以上内容掌握了，写前端开发基本没问题了。前端还有许多知识，需要在学习中不断完善，例如：JSON，XML，SASS，LESS，如果在学习一些后台开发知识，就如同如虎添翼，一起加油。
科技无敌猿
随着移动互联网的迅猛发展，Web前端工程师开始崭露头角。随着JS和XHTML应用程序的普及，越来越多的Web界面应用程序技术出现在网站上。有很多人想要从事Web前端，却又不知道学什么，如果你想学好Web前端开发，可以多方面了解需要掌握的技术及工具。
常用的Web前端开发技术
1)HTML。HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言。它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web开发人员的基本条件。
2)CSS。学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。
3)JavaScript。学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高开发人员的个人技能。
4)jQuery。jQuery是相当于把JS封装了一套的一个JS插件，目的就是操作起来更方便，代码写的更少。
5)操作系统。了解Unix和Linux的基本知识，对于开发人员有益无害。
6)网络服务器。了解Web服务器，包括对Apache的基本配置，htaccess配置技巧的掌握等。
7)最好会点后台语言,比如Java、PHP,前端人员了解后台代码,就会知道怎么跟后台交互数据是最好的, 这样既节约时间,也可以让前端代码更规范。
常用的Web前端开发工具
1)Bootstrap。Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，使用了最新的浏览器技术，给Web开发提供了时尚的版式、表单、buttons、表格、网格系统等。
2)Foundation。Foundation是一个易用、强大而且灵活的框架，用于构建基于任何设备上的Web应用。提供多种Web上的UI组件，如表单、按钮、Tabs等。
3)Notepad++。Notepad++是一款非常有特色的编辑器，是开源软件，可以免费使用，支持的语言: C、C++、 Java、C#、XML、HTML、PHP、Javascript。
4)Visual Studio Code。Visual Studio Code是一个运行于OS X、Windows和Linux之上的，针对于编写现代Web和云应用的跨平台编辑器。
想要成为一个高薪Web前端工程师，你要扎实的掌握Web前端开发的各种技术，还要熟练使用各种前端开发工具。如果你想要快速成为企业需要的高薪高职人才，可以选择去专业学习一下。
郑州小千
如今学习web前端的人越来越多，作为一个初入行的新手，一定要想清楚为什么要学习web前端，出于一种什么样的心态去学习，然后给自己做好定位。下面，千锋杭州web前端培训小编就给大家总结一下，零基础新手在学习web前端时应该掌握哪些知识点。
1、HTML学习
超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。
2、CSS学习
CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。
3、JavaScript学习
JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板。
4、jQuery学习
jQuery 是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其 write less,do more的核心宗旨
5、bootstrap
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。
6、实战
人生学习的态度是：不急不躁，不快不慢。持之以恒，相信自己。不求能改变世界，但求能改变自己的生活。我们学习web前端最终的目的是为了找到一份满意的高薪工作，那么实战经验对于我们就至关重要，所以，在学习的过程中除了学习各种基础知识，我们还应该积累自己的实战项目经验。
零基础新手想要快速学成web前端，参加培训班无疑时最高效快捷的方式。千锋杭州web前端培训以实战项目驱动教学，除了培养学员的开发技术，覆盖热门大数据可视化内容，深度贯穿前端后端开发，紧贴主流企业一线需求，助力千锋学员毕业即高薪就业。
杭州千锋
先从前端知识开始学起
html和css其实不难，就是几个简单的标签和属性。难的就是我们如何运用所学的知识写出一个比较稳定，接受度高的页面。简单地说，HTML就是一堆非常简单的标签，而CSS则是把你画画的流程用代码按一定的格式写出来。然后你需要理解常用HTML标签的意思，学会各种CSS的属性，还有CSS的盒模型、优先级、选择器……
你要是想在网页上实现交互效果，比如轮播图、点击按钮后播放动画等等，那么就必须学会JavaScript.JavaScript是一门完整、强大、热门的编程语言，浏览器的各种交互效果都由它来做到的。你先要了解一些基础的JavaScript概念(变量、函数、基本类型)后，然后学习jQuery(JavaScript代码库的一种)，并且通过jQuery继续使用CSS的选择器。
随着社会的发展，js显得越来越重要了，而我们所了解的知识只是其中的冰山一角。当我们看到写出来的页面既美观有可爱、即好玩又时尚的时候，那里面其实不知道包含着多少js的兼容问题，为这个兼容性就是我们在平时工作中的生存之道。所以，我们要不断的摸索、不断的学习，像宝剑一样越磨越利，才能是我们沉淀更多，工作中才会得心应手。
前端就业好，但是不能盲目的学习，要了解前景，就业，比如你想在哪个城市就业，看下就业的基本要求。
祝学好
千锋哈尔滨
零基础并不是问题，重要的是持之以恒，有强大的信念和执行力。这样才能支撑你在整个过程学习中，不感到疲惫和困倦。才能热情满满地写 Bug ，改 Bug 。
如果想要学习，那么先要了解一些基础的东西是必要的。可以到「菜鸟教程」https://m.runoob.com/，先学习一些基本的概念，比如 HTML，CSS 和 JavaScript 。
HTML 为超文本标记语言， 标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、 链接，甚至音乐、 程序等非文字元素；CSS 是一种用来表现 HTML 文件样式的计算机语言；JavaScript 是一种高级编程语言，通过解释执行，是一门动态类型，面向对象的直译语言。
了解了上边三种语言后，基本就算入了门。这时候，就要靠大量的实战项目进行巩固学习和提升。可以动手做点小项目进行练练手，如果不知道有什么项目，可以到「实验楼」https://www.shiyanlou.com/，看看上边的小项目，并跟着做就得了。当然，上边有一些项目是需要钱的，但有一个小方法可以不浪费钱，那就是利用搜索引擎，直接搜索实验楼上边项目的名称，一般别人都会分享有的。
最后，说了那么多，学习最主要的还是靠自我驱动，只有坚持不懈的专研，你才能有所进步。也祝大家能学有所成。
韧桂影视
大多数人在学习新技能的时候都是零基础的，这个不需要担心，只要自己感兴趣，坚持下去，着手去做就好，一定要记住，如果确定学了，不要半途而废，只有这样，你才能看到自己努力的成果，当你感觉到非常困难的时候，你正在走上坡路。
学习前端路线
推荐网站，w3school或者菜鸟教程都可以，按照上面的路线图，先把html,css基础打好了，后面的一些技术都是用基础知识封装的，学习的时候，一定要多加练习，只有实践才能检验自己学的效果如何，实践中才能让自己发现更多的错误，是提升最快的时候。加油！！！
