tml、css和js属于前端的基础知识部分，不过想要靠这点知识找份工作可以说是难于上青天，当然如果你只是想找个实习工作去工作中学技能那当我没说。所以想找工作的话还是需要继续学习的，具体学什么技能可以看下招聘网站上企业对前端人员的技术要求有哪些。以下图为例：

从招聘启事中可以看到，Web前端高级工程师需要掌握HTML、CSS、JS等前端基础知识，并熟练掌握react、vue、AJAX等前端主流框架，还要熟悉JQuery技术,最好还要对小程序开发、数据可视化有一定的了解。当然重要的是有相关工作经验或者一定的项目经验会更吃香。

vue：新手学vue框架是个不错的选择，国内很多中小型公司都会用到这个框架，学好这个再学react理解起来会更容易。(Vue的官网为：https://cn.vuejs.org/)

react:React 是一个用于构建用户界面的 JAVASCRIPT 库。(react的官网为：https://react.docschina.org/)

AJAX：数据交互的模块，让你的前端页面和服务器可以进行数据交互。(AJAX官网：https://api.jquery.com/category/ajax/)

JQuery：让你更加快捷的使用JS和AJAX这两个模块，而且有些自带的动画，可以让你写网页更丝滑(jQuery官网：https://jquery.com/)。推荐三本jQuery的书：《jQuery基础教程》、《锋利的jQuery》、《jQuery实战》

《jQuery基础教程》是全球第一部jQuery著作,jQuery 官方网站推荐。本书以通俗易懂的方式介绍了jQuery的基本概念，主要包括jQuery的选择符、事件、特效、DOM操作、AJAX、表格操作、表单函数、拖曳与旋转和插件等内容，最后几章以实例操作为主，在前面内容的基础上，提出了常见的客户端实际问题并给出了其解决方案。

《锋利的jQuery》一书循序渐进地对jQuery的各种函数和方法调用进行了介绍，读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧等知识点，并结合每个章节后面的案例演示进行练习，达到掌握核心知识点的目的。

《jQuery实战》适用于想深入学习jQuery的Web开发人员。本书深入介绍了整个jQuery框架，此外还专门深入讲解插件编程，以及一些扩展开发工具和框架，比如Bower和QUnit，当然还有经典的开发实战原则。每个API方法都使用了简明扼要的语法块描述参数和返回值。

同时在学习知识学习到差不多的情况下，自己可以尝试指做一些完整的网页或者仿几个知名的网站，注意不要只做一部分，而是要全部都做出来，这样才能检测自己的学习程度。

对于自学时的方法和经验，我分享下自己的经验：

1.找一套体系完整的学习资料，网上前端的资料有很多，但是不成体系，东一榔头，西一棒槌的，很多人盲目下载大量的资料来学习只会导致学习的知识不会形成知识体系，没有自己的知识框架，所以体系完整的学习资料可以使学习事半功倍。

2.组织一些人一起学习，志同道合的人一起学习会更有气氛，学习起来也要比一个人更有动力，大家可以在群里互相分享学习经验，分享学习方法，遇到难题也可以在群里寻求帮助。

3.要定期进行项目实践，所话说“纸上得来终觉浅，绝知此事要躬行。”只是学习知识不动手是不行的，很多企业在招聘时都要求有项目经验，所以在学习到积累到一定程度时就要进行实践，在实践中找出自己的不足，总结出经验。

通过学习以上知识点你可以很快找到一份工作，不过如果你想更系统的学习，那么可以看看这份更具体的学习路线哦!

其他后端语言相比，HTML、CSS和JavaScript无论从阅读角度还是编写的角度来说都更加容易一点。所以新手在学习前端知识的时候不必有太大的心理压力 ，心态摆正后，大部分人都可以将前端学好。下面聊聊Html、CSS、JavaScript的最佳学习方法，希望可以帮助到各位小白。

首先，需要明确这三门语法的先后学习顺序，依次是：HTML、CSS、JavaScript。

每门语言与前端都有密不可分的关系，要成为一名优秀的前端工程师，需要三门语言都要掌握得很扎实，不可有侥幸心理。下面一一来介绍这三门语言一些好的学习技巧：

HTML

1）首先专注学习的是基本标签的用法，以及它们与语义和Web标准的关系，这部分学习内容可以在W3Cschool中找到，如果你有编程基础，也可以直接看开发文档。

2）寻找几个经典的网站，学习了解它的网络通信原理，比如：如何从本地计算机向服务器发送一个请求，服务器如何向计算器返回信息。这是两个客户端之间进行信息交换的重要部分。

3）在完成基本语法以及网络通信的相关知识后，尝试制作一个动态页面，完成从服务器操作和获取内容，在这个过程中了解映像如何从计算机发送信息到服务器，以及服务器如何处理这些信息，过程中使用了什么逻辑。对于这些知识应该牢记在心。

4）完成上面三部之后，你的HTML算是小有所成了，如果还想进阶，那我推荐你可以将Apache-Web Server等等工具东西集成到IDE中，然后尝试一些复杂的Web开发。

CSS

1）CSS的学习是三个模块中最容易的，你只需要在设计网页样式时，学会灵活运用CSS指南就足够了。注意的是在学习的过程中学会发散思维，比如在设计一个样式时，尽量思考如何使用不同的类和ID实现这个样式。

2）了解如何进行各种布局（浮动 、内联块、flexbox、网格等），以及如何从小模块到整页的所有内容上实现这些布局，这是构建网站所需的核心。

JavaScript

在学习完HTML和CSS后，大家应该都了解了如何在不使用JS的情况下，构建一个网站。JS的作用就是解决HTML交互难的问题，在初期，将JS基本语法学习好，学会自主利用JS来完成一些动态功能，用户交互（悬停、点击等）。

完成基本语言使用后，开始学习框架，通过Angular、React、Vue等框架构建整个网站。

在自己构建网站的过程中，要注意几个点：我们编写JavaScript代码的原因之一是为了优化网页，不过可以用JS代码进行基本计算，那就尽量不要进行服务器的交互任务；编写网站也要考虑其质量，首要的是拥有“可维护性”，当然这对初学者来说非常困难，这一点可以在今后的工作中慢慢学习。

学习不同的技术（不同的框架），在构建网站的过程中使用不同的技术，比如在react中使用angular在ref里面搞事情，在angular里面使用element上做文章。

以上就是三种前端语言的学习技巧，另外还需要注意的是：在这三门语言中，HTML是容错率最高的，即使把标签完全弄乱，浏览器仍会正确显示其内容。CSS容错率次之，但仍然可以接受，比如错过一些分号，以及语法错误，大部分情况下网站仍然可以正常显示。JS容错率最低，一个分号，或者语法错误就会导致所有JS中断，有时候网络出现问题，也会导致JS文件无法按预期加载。知道其缺点后选取正确的方式进行编码。

还有一些关于前端学习过程中的感悟。在构建网站时，虽然可以随时查找文档，但一些常用的标签、样式、逻辑代码、框架功能等等都需要去记忆一下，这样可以大大提升自己的编码效率。遇到特定问题时，学会Google，百度寻找帮助，而不是总是找大佬，或者放弃。经常去一些论坛和博客看看同行的人写的感悟以及技术文章，日积月累地汲取对提升自己非常有帮助。

希望这篇文章可以帮助到每个学习前端的学员，希望学习的过程中一切顺利。

啥说“再”呢？

因为确实是再，之前学习过。这个blog是2009年就开始写的了。刚开始那会儿，为了折腾模板，学习过一阵子HTML和CSS。

前几年，为了美化岩土工具箱，又折腾过一阵子。这一回，用了框架，当时用的是bootstrap，美化的效果差强人意。

这两段之间，其实还有很多很多次的折腾，不说也罢。

再学习的最大感受，就是HTML5比之前的复杂多了。之前使用bootstrap已经领教过其复杂性，当时还以为是bootstrap带来的。这一次多花了一点时间专门看HTML的资料和教程，才发现是HTML5的锅，面对这种复杂性，前端开发确实能当得起“开发”二字，拿HTML作为主打技能也没啥说不过去的。

这种复杂性，就我这种菜鸟来说，都是随便就能举几个例子出来的。

比如，语义化标签。HTML5之前，是没有语义化标签这种东西的。有一段时间，如何使用table搞排版都能算得上奇技淫巧，能驾驭div的都能算是高手了。

再比如，给input加label。之前看bootstrap的教程，没有深究，以为是bootstrap自身为了实现一些效果才添加的label。这回看了mozilla的文档，发现加label已经是HTML的规范的一部分了，目的似乎是为了配合屏幕阅读器实现阅读功能。屏幕阅读器是干啥的呢？自然是为那些不方便或者没办法观看屏幕内容的人群服务的，这种功能当然是十分有意义的，这一点也是符合www的开放共享的初衷的。