前端入坑指南

为何选择前端

作一件事以前最好问问本身为何要作，而后再去思考该怎么作。若是只是看到别人作了，而且有很不错的收入，而后本身就决定作了，极可能中途放弃浪费掉不少时间。起码问本身一个问题：我是否真的热爱这个领域，而且很乐意在这个领域持续不断的一直学习付出？当你模糊不定我想你能够再想一想本身适合什么，若是你接触后发现这就是我喜欢的东西，那么我想你能够开始了。

做为自学两年的初级前端，但愿对那些想入门前端开发的人分享一些观点。先谈谈我那会为何选择入门前端，这个可能大多数人都同样：

• 不喜欢黑乎乎的命令框程序，喜欢漂亮的用户界面

• 不喜欢成天与数据库交流，喜欢向用户展现内容和处理用户的操做

• 代码写一点就能看见视图效果出来一点，这是颇有成就感的

要是你有很强的算法逻辑，喜欢处理海量的用户请求和数据，你能够考虑一下后端开发，固然作一名全栈开发是最好的。

这里有一个很大的误区：大多数人以为前端简单，填填Html,稍微加点CSS,而后用JavaScript处理一下点击事件以及其余的逻辑，一个网页就成了。而后就会给人一个错觉：我简单地看看文档大概用一周的时间就能动手写网页了，给人一种前端门槛很低的感受，还不用去考虑后端那些复杂的算法逻辑。

确实，对于一个新手写一些网页确实不太须要算法逻辑，可是这些想法很容易给人误导，懂得这些你只是一个切图工，并非一个很好的开发者。尤为是这几年前端领域飞速的发展，新东西层出不穷。仅仅会这些早已不能知足需求了。

前端发展及入门建议

这几年这一领域的发展还算蛮大的，出现了不少新的工具，前端开发的地位愈来愈被重视，随着技术的更新前端的产品体验愈来愈好。

可是做为前端的三大基石：Html、CSS和JavaScript基础的内容没怎么变过，不过是在其基础上增长不少新的特性和方法。后来随着Webpack等一些工具的出现，前端的工做方式发生了变化，以及一些新的框架好比Vue.js、React的出现，使得前端体系愈加的庞大。不过只要分清楚哪些是重点就能够。

纵观计算机发展史，二三十年间技术更替了一波又一波，不断有新的技术产生，老的淘汰。前端领域也更替了好几代，因此但愿明白一个事实，不要去争论什么语言、什么框架好，万一哪天出来一个更好的把它替代了呢？因此不要局限住本身的视野，要看到那些基础的东西是不会变的，那些 js 基础、网络协议以及一些编程思想，也就是数据结构与算法，吃透这些底层的东西不管上层工具怎样交替更换，本身总能驾轻就熟。

打个比方，《蜘蛛侠：英雄归来》里面托尼对他说的：

学习路线及资源

这些都是我以为比较好的东西，推荐一下：在搜索引擎一查就能找到。或者关注下个人微信公众号： 前端123 获取（天天分享前端入门知识）。

1. 首先就是HTML与CSS:HTML负责网页的骨架，而CSS则主要负责你美化你的的网页的样式。这些基础的话入门的时候过一下文档就能够了，这里推荐MDN Web docs。还有一个颇有趣的教程，若是你不喜欢单看文字教程的话，能够试试Freecodecamp，一个学习编程的网站，闯关游戏感受的学习过程，由最简单渐进深刻的内容，试一下你会喜欢的。

2. 接着就是JavaScript的部分，这也是前端开发水平的分水岭，切图仔与工程师差距就在这。不少人每每忽略这一部分，每每拿着一些开发框架的特性和功能就开始直接使用了，以为能够应付通常的需求，可是那些框架的原理实现对他彻底就是黑盒，很容易形成错误和创造低效的代码。学习这部分的话首先推荐廖雪峰的 JavaScript 教程，内容很完整，每一个部分还有单独的测试，以及后面的 js 一条龙教程。还有一个就是广受业内赞誉，被称为红宝书的JavaScript 高级程序设计。书很厚，可是彻底值得啃下去。

3. 当你以为彻底掌握了上面的内容了，对JavaScript的基础了如指掌，是时候上手一门框架来增长你的开发效率了。不管Vue仍是React，你都须要仔细阅读官方给的文档，这是最有效率的方式，选择你喜欢的框架风格深刻看完文档就好了。

学习策略与态度

好的学习方法是可让你利用有限的时间掌握更多的内容。首先不得不提的是解决问题的能力是一我的很难得的品质。

编程的路上确定会遇到不可控的各类问题，冷静分析，查阅错误信息，找出解决方法。或是尝试了各类方法，可是依旧没法解决，阻挡了你前进的步伐。这个时候你就要找一个你信任的水平高于你的人，解释你遇到了什么问题，你理解的这个问题可能会是哪里出问题了，你尝试过什么解决方法。

切忌截一个报错信息就问解决方法。首先你们的时间都很宝贵，这是一种不尊重别人时间的表现；其次你们都愿意帮助乐于思考的人。搜索引擎是你解决问题的利器，大多数解决不了的问题都是你没有选对搜索引擎，或是你没有准确的描述出问题的信息。

还有个学习的能力：学习是一个终身的事业，尤为是对于计算机行业，学会坚持主动学习、高效学习是很重要的。对待学习这件事，每一个人的效率不同，这就致使了人跟人之间的差距。这里有两个须要注意的：

构建知识体系

在明确目标，开始学习前，不要那么急于上手干，还要学会构建出本身的知识体系。

就拿读书来讲，大部分人读书习惯于翻开第一页开始看，其实这是很低效的，拿到一本书之后，必定要先看目录，由于对于一本书来讲，目录就是他的知识体系。明白整个体系后整本书大概就了然于胸，以后会选一些对我当前工做学习有帮助的内容去看，不多会从第一页开始。

一样的编程也同样，好比你想成为一名前端工程师。你要作的并非先买书、看视频、搭建开发环境。而是要先了解到成为一名前端开发工程师须要哪些知识体系，你能够本身搜索或者请教有经验的人了解到。也就是你在学习以前把你要学的东西大概框架先搞懂，而后再去对应每个深刻的学习。你的学习计划也就出来了。每学完一个地方你的潜意识就会给你反馈，又离目标进了一步，你的学习效率天然会提升，也会更有动力。随着水平的提升，按期更新你的知识体系就行了。

学会应用

对于编程学习来讲，应用是很是重要的。知识的学习本质是要解决问题的。若是在学习的过程当中你能注重应用，那么会让你产生乐趣与知足感。

在你学习一个阶段以后，能够去找一些小的案例，涵盖住学过的知识，而后本身动手仿造作出一个。不只复习了前一段的知识，有了做品还很大程度上增长了知足感，让你更有学习的劲头。

最后想谈一下学习的态度：

每一个人都是急于求成的，一些教程也很能抓住这个心理。你确定看过不少诸如几个小时学会什么、几天什么从入门到精通等等。可是很不幸告诉你，任何领域的高手都是须要一个长期投入的过程。而当你看到这里的时候，我相信你是有信心坚持下去的，而当你已经坚持了几个月了，好吧，你该上路了。