web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是web1.0时代产物，那时网站的主要内容是静态的，用户使用网站的行为也以浏览为主。以后，互联网进入web2.0时代，各种类似桌面软件的web应用大量涌现，网站的前端由此发生了翻天覆地的变化。
web是什么呢？web就是万维网，要彻底的解释这个名词就需要些篇幅了，这里就用一句话总结，就是一种全球都公认的协议，一个信息系统，必须遵守这个协议才能上网。web前端其实就是前端，或者前端技术，前端开发，这几个名词其实意思都差不多的。前端网络编程所使用的工具能被用于进行前端编程，理解工具最适用于什么任务，有助于产生一个高质量的、可升级的站点。
1、超文本标记语言（HTML）
HTML是任何网页工程程序的骨架，没有它网页不会存在。超文本标记语言能提供站点总体的样子。HTML被Tim Berners-Lee所发展。随着HTML的发展，在万维网中产生了许多版本。最新版本的超文本标记语言被称为HTML5，在0月28日被W3C所推出。
这一版本包含了新的并且高效的方式来传输元素，例如音频以及视频文件。H5在前端工程师中非常受欢迎。和老的版本相比，HTML5有很多特点。随着HTML的发展，在网络中产生了一场革命。
2、层叠样式列表（CSS）
CSS控制了站点的样子，让站点有自己独有的外观。其实现形式是：保证样式列表先于其他的样式规则，由其他的输入形式所影响，例如屏幕的尺寸和分辨率。
3、JavaScript
JavaScript（简称JS）是基于场景的命令式语言（和HTML的说明性语言不同），用于将静态的HTML界面动态化。JS的代码能使用HTML标准提供的文档对象模型（DOM），来根据事件，例如用户的输入，操纵网络页面。
JS使用一种被称为异步JavaScript和XML的技术（AJAX），JS代码也能动态的改变网页的内容（与原始的HTML页面端相独立），并且也能回应服务端的事件，让网页体验增加了真正动态的特性。
JS中有很多流行的开发框架，帮助开发者快速构建web页面，比如Vue.js、Angular、React都是很流行的框架，拥有大批忠实的用户。
4、操作系统
了解Unix和Linux的基本知识，对于开发人员有益无害。
5、网络服务器
了解Web服务器，包括对Apache的基本配置，htaccess配置技巧的掌握等。
初学Web前端开发的话，包括Html，CSS等，建议还是以熟悉标签和属性为主，多练习代码，掌握好基本功，待熟悉掌握后，可以学习一些常见的前端框架，像React，Vue，Angular等，下面偶简单介绍一下学习过程：
前端资料
这个网上的资料很多，几乎每个编程网站都会有前端编程的资料和教程，像大家熟知的w3cschool，慕课网，网易云课堂等，都介绍的很不错，也很详细，当然，你也可以找一本相关书籍学习，都可以，最主要的就是多练习，多敲代码，掌握好基本功，熟悉相关标签和属性，建议使用记事本这些软件，不需要自动补全，一行一行练习、调试：
前端软件
熟悉相关标签和属性后，就可以利用专业的软件来提高开发效率了，这个软件就很多了，像大家常见的VS Code，Sublime Text，HBulier，DW，WebStorm等都不错，各有特点，支持常见的智能补全、代码高亮、语法提示等功能，插件扩展也很丰富，根据自己实际需求，选择一个适合自己的就行：
前端框架
Web前端框架其实很多，像常见的React，Vue，Angular，JQuery，EasyUI等，后期的项目开发中，为了提高开发效率，经常会用到前端框架，各个框架都有自己的特点和长处，这里可以提前了解、学习一下，积累一下相关使用经验，为后面实际项目开发做好铺垫：
总的来说，入门的话，建议还是多练习，掌握好基本功，熟悉后，可以了解一下相关框架，最后就是在实际项目中应用，积累经验，网上也有相关资料和教程，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。
