学习资源e推荐第三期 | 走进前端世界

你想学习设计吗？

你觉得你有很爆炸的idea吗？

你想要让自己的技术变得炫酷炸裂吗？

学前端！

应有尽有！

问题来了：前端工程师是什么？干什么的？

问题：前端工程师是什么？做什么的？

百度定义：

    前端工程师是互联网时代 软件产品 研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。

    是不是很迷糊，也没兴趣的感觉？没关系，初学者如何定义的呢？

作为初学者：

前端学习更像是一次

长远的旅行

每一次技术栈的堆积

都是为每一个网页，每一个Web应用

长久铺就的基石和推陈出新的法宝

你可以制作炫酷炸裂的特效

可以完成很多自己都想象不到的画面

而前端工程师，则是我们的身份

可以将自己所有想象调动成画面

这是自豪，是成就！

问题：前端学习有什么路线吗？

LEARNING

尚硅谷系列

    尚硅谷系列的前端教程可以说是比较详细而且完善的，按照它的学习路线走，足以将一个入坑萌新变成一个系统的前端学习工程师（前提是坚持哦），附上总网址：

https://www.bilibili.com/read/cv5650633/

基础部分

1，HTML+CSS

    作为萌新必备掌握的基础中的基础是网页的骨架html和网页的外表css，特别是css入门后你就可以实现很多你想象中的特效了。

2，JavaScript入门

    这是网页的行为script，这是一门网页运行的脚本语言，适用于绝大多数的文件脚本，学会则可以进行更加丰富的变换的特效设计，如果有Java基础的同学可以学的更快哦。

3，JavaScript高级（可以先跳过）

    高级系列是对该脚本语言的深入学习，较难且费时间，可以先修后面的技术，便于快速积累技术栈

4，Less

    Less 是一门CSS 预处理语言，它扩充了 CSS 语言，增加了功能，让CSS更易维护、方便制作主题、扩充。学习了CSS后学这个你会发现这个用着更香。

5，Bootstrap

    Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。它是为实现快速开发Web应用程序而设计的一套前端工具包。它是懒人设计页面的必选。

6，HTML5

    HTML5是Web中核心语言HTML的规范，也是对HTML的扩充，最好前修，但觉得时间过长也可以后修。

7，HTML实战（可以先跳过）

    实战操作的必选。

8，jQuery

    jQuery是一个快速、简洁的JavaScript框架，它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。这个技术栈很重要，是前端不可绕过去的。

9，AJAX

    AJAX是一种使用现有标准的新方法。AJAX最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。

今天的分享就到这里

下期继续介绍其他技术栈

欢迎小伙伴们学习前端哦！

- end -

文字 | 钟国政

编辑 | 钟国政

图片 | 源于网络

审核 | 涂闽

责任编辑 | 张琦

重庆理工大大学计算机科学与工程学院出品