随着互联网的快速发展, web 前端人员的需求量日益剧增, 互联网项目的不断兴起让身处其中的玩家对用户体验提出了更高的要求, 前端开发也由此逐渐成为了一个不可缺少的专业研发角色, Web 前端开发在国内开始被重视,"前端工程师" 热度持续走高, 并不断呈现增长趋势.
前端开发作为一个有明显时代特征的职业, 其实受到重视的时间并不算长, 几年间, 前端技术以着惊人的速度更新换代, 市场上越来越多的应用需要前端技术的支持, 由于前端的火爆, 引来学习前端开发的浪潮, 那么我们今天就来说说如何学好前端开发.
Part.1
夯实基础
要成为一名年薪 30W 的前端工程师, 基础一定要掌握牢固, 基础知识一问三不知, 岂不是要贻笑大方.
CSS,JS 基础知识一定要掌握得很熟练, 你能使用 CSS 实现斑马条纹背景, 毛玻璃效果吗? 能给图片实现滤镜效果, 能实现所有自适应布局效果吗? 原型, 原型链, 闭包是实现设计模式的必备知识, 你真的弄懂了吗? 闭包导致内存泄漏的原因是什么, 你弄明白了吗? Ajax 跨域的解决方案你可以说几种? 9102 年了, 你还是只告诉我 JSONP 吗? http 协议有了解过吗? 如何在 http 协议中实现不缓存静态资源?
现在是 2020 年了, 可能你会说这些问题老掉牙了, 但是我要告诉你的是, 掌握好这些老掉牙的基础很重要. 上层的技术可以变更的很快, 基础变动很慢, 投入时间学好基础, 性价比很高.
Part.2
深究原理
Angular,React,vue 框架和脚手架的普及, 越来越多的前端工程师浮于表面, 调用框架的 API 完成任务就完事. 要成为一名优秀的前端, 绝不能成为单纯的 "API 调用工程师", 一定要掌握框架背后的原理性知识.
Virtual DOM diff 算法, 双向绑定原理等等框架背后的机制都值得我们去学习. 框架 API 可以更新很快, 而他们背后的原理都是相似的, 学好原理既可以让我们对框架底层了解更深入, 又可以使我们迅速掌握不断更新的框架表层. 只会用框架永远也成不了大神.
Part.3
注重细节
在工作中, 做事得过且过的人往往难堪大任, 作为前端工程师, 亦不例外."代码能用就行" 的认识往往是初级程序员的通病. 作为有在技术道路上有理想的工程师, 一定要对自己的代码严格要求, 精益求精.
比如 html 一定要注意语义化以方便 SEO 优化, 该用 < section>,<head>,<foot > 的地方不能一股脑儿用 < div > 完事; CSS 中编写样式时不能页面上样式是有了, 类名和属性排序写得一塌糊涂, 建议大家按照 BEM 规范编写风格良好的代码; JS 中变量命名随意是很常见的不规范行为, 一个不直观的变量名往往使同事看了脑袋大.
"代码千万行, 注释第一行. 命名不规范, 同事两行泪." 一首流行诗, 饱含了多少程序员的血与泪.
art.4
登高见远
前端经历了这么多年的飞速发展, 早已成为浩瀚的大海. 如果闷着头独自钻研苦学, 那无疑是很慢的.
如果我们直接去跟随大神学习, 那将会使我们快速成长. GitHub 上有很多优秀的前端项目, 仔细研读这些项目的代码, 在 commit 记录中查看编程思想和逻辑的进化过程, 就是一场与大神直接的面对面交流, 是一场绝妙的学习之旅.
现在网络课程也十分丰富, 有很多技术大牛的课程让我们直接通过视频生动的讲解快速地学习技术, 这何尝不是一种向大神快速学习的方式呢.
Part.5
良书益友
虽然现在网络上各种文档, 博客文章已经很丰富了, 但是对工作经验不足, 基础薄弱的同学来说, 随手拿起书, 时时能学习才是王道, 查漏补缺, 完整地夯实基础.
我推荐几本值得购买的书给大家,《图解 HTTP》,《JavaScript 设计模式与开发实践》,《深入理解 ES6》,《高性能 JavaScript》. 这些书籍都值得多次反复阅读, 对于巩固基础, 学习框架原理性知识, 写出高性能的代码都是大有裨益的.
Part.6
紧跟潮流
现在的前端技术体系更新十分迅速, 想着要不要尝试用下 Vue 的事仿佛还在昨天, 今天一觉醒来就看到尤雨溪宣布要开发 Vue3.0 了.
前端体系中这两年 SPA 已经不是新名词, PWA,SSR, 小程序愈发流行, 前端微服务化的趋势也应运而生, RN,electron 在移动端, 桌面端的使用也越来越多, ES10 标准的发布也没几个月了.
所以最重要的是突破当前岗位需求的设限, 对各种技术融会贯通, 创造新的技术框架, 做技术的领头羊, 适应时代发展.
自己是从事了五年的前端工程师, 自己整理了一份最全面前端学习资料, 从最基础的 HTML+CSS+JS 到 HTML5 的项目实战的学习资料都有整理, 送给每一位前端小伙伴, 有想学习 Web 前端的, 或是转行, 或是大学生, 还有工作中想提升自己能力的, 正在学习的小伙伴, 需要可以私聊我哟, 这是我的前端开发 qun,[六零三] [九八五] [九九三] , 直接群里下载, 对于学习 Web 前端有任何问题 (学习方法, 学习效率, 如何就业) 都可以问我,
人成长不能再单打独斗, 要学会与人交流, 学会将别人的知识为自己所用. 如果你依然觉得有些茫然, 不如跟有多年前端开发经验的资深工程师聊一聊.
来源: http://www.jianshu.com/p/ebd2df742dc7