你还在拿着卑微的工资?如何成为更好的前端工程师?

我不断收到很多恰好在学习Web开发方面有丰富经验但被困于不断开发UI模板和项目的人的询问,这确实令人沮丧。更严重的是,他们如何才能进入下一个阶段?

这篇文章更像是备忘单或者清单,我认为这就像我们在友好的聊天中交谈时一样,您会说我的话,写笔记,然后在不了解其中某些术语的情况下搜索这些术语的实际含义。

了解你的编程语言

这部分将是最长的,它本来可以单独撰写一篇文章,但最好与其他部分一起使用。

通常,人们将编程语言与他们的母语相混淆。与解决问题相反,要使用一种不需要常识的编程语言,它是一组由某人编写的规则来帮助您与计算机进行通信,在开发者的场景下,我们曾经使用它来与计算机浏览器进行通信,如今,我们到处使用它。

JavaScript具有应遵循的规范和规则,不要过分地遵循它们,并期望它与另一种语言的编写方式相同。

1.类型

学习JavaScript为何是值类型语言,并且缺乏静态类型检查。可以了解TypeScript、Flow等如何解决静态类型检查的。

2.作用域和闭包

学习变量和函数的作用域,以及它们之间通信交互的方式。

3.JS中的OOP

学习JavaScript中如何实现面向对象编程的范式。

4.JS中的异步调用

JavaScript中的异步调用是一个很重要的概念,首先你会从回调函数学起,然后会学习Promise,最后会喜欢上async/await的语法。同时,你还会了解Generator的概念,并且将这些知识整合,理解通过XHR发送请求,获取服务端数据,解析数据并且更新到HTML页面。

5.数组的高阶函数

你要学习不仅仅通过遍历的方式访问数组,还需要了解“map、find、filter、reduce”,这些函数都能够高效的提升你的编程技巧。

6.学习JS如何和浏览器交互

理解浏览器的内置特性,例如window、document等全局变量,了解cookie、localstorage、indexDB等存储能力,能够清楚不同浏览器的兼容情况。

7.对象的解构操作

ES6中提供了大量对象的操作方式,其中destructure和spread操作提供了快速访问对象属性的能力。

Git代码版本管理

无论是在大公司还是小公司,你都需要使用一种代码版本管理工具,Git就是其中最广泛使用的工具。你需要学习Git的基本操作命令,例如git clone、git merge、git cherry-pick、git revert等等,你需要理解分支管理的方法,例如git flow,这样可以有效的管理不同分支用于多人协作、发布、hotfix等等。

image

不要满足单一的框架和代码库

比起使用一个前端JavaScript框架更好的技巧是,在多个前端框架之间进行过渡,同时在转到第二个JS框架并询问它时获得经验:“我曾经在在上一个方法中,您会以哪种方式提供这种方法?”。

我认为,该技能是迄今为止最重要的技能,这种迁移性的技能可以帮助你不依赖于某一个特定框架,帮助你可以快速迁移到不同的前端领域。即使他使用不同的技术或者以前没有使用过该技术,同样可以与他的队友一起解决问题。

不要逃避后端的技术问题

作为一位前端工程师,你往往只会接触到后端暴露出来的API接口,在其之下就是一个黑箱。如果你希望能够成为资深的工程师,你还需要更进一步,去理解后端的领域模型,例如用户、商品、交易等模型的设计,以及其背后对应的数据库设计。

同时,你还需要对SQL能够熟练使用,进行数据库的操作,查找数据等等。理解后端的实现细节,也有助于将来BFF层的设计实现,如何对数据模型进行整合,字段进行裁剪,接口进行拆分和合并等等。

理解打包工具原理

Webpack,Parcel和其他使用Node和NPM生态系统来承载您的开发经验或授权您选择框架的工具,深入研究文档并了解其工作方式,如何跟踪文件并将其作为内部导入文件树处理, 导入文件,直到生成主index.js,了解使用代码拆分和优化选项如何提高性能,理解打包工具的实现以及相应的插件系统。

定制化你的开发工具

你的文本编辑器,Terminal,应该可以帮助您控制开发过程,监视Git分支,

例如:在VS Code中使用Gitlens扩展名可以帮助您了解谁在代码中进行了哪些更改,以及何时进行了更改。

你的Terminal不仅对编写命令有帮助,而且对于了解分支状态,你做了什么更改,你的变更前后都有什么变化都非常有用,请在提交代码前使用编辑器检查一下代码变更,保证提交的代码尽量简洁。

希望这些建议可以帮助到你们,如果有任何补充请多多交流。

——————————————————————————-————————————————————

我目前是在职前端开发,如果你现在也想学习前端开发技术,在入门学习前端的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题,都可以申请加入我的前端学习交流群:741629303 。里面聚集了一些爱好前端的,群文件里面也有我做前端技术这段时间整理的一些前端学习手册,前端面试题,前端开发工具,PDF文档书籍教程,需要的话都可以自行来获取下载。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,539评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,594评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,871评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,963评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,984评论 6 393
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,763评论 1 307
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,468评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,357评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,850评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,002评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,144评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,823评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,483评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,026评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,150评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,415评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,092评论 2 355