如何成为高级前端开发人员

哈Ha!我向您介绍Seifeldin Mahjoub撰写的文章“成为高级前端开发人员的实用指南”的翻译。


隔离可能是您的高潮


“高级”职称有几种定义,各个公司的定义不同。当然,它需要很多技能,包括硬技能和软技能。Chris Coeur撰写了一篇有关高级前端开发人员应具有的特征和行为趋势的文章,总体上提供了一个很好的画面。


在本文中,我们将介绍您在当前环境中可以做的13件事,这样一来,您就可以成为高级前端开发人员。


1.掌握基础知识


Senjor应该对HTML,JS和CSS非常满意。此外,他们必须熟悉Internet工作方式的基本概念,包括浏览器,网络和服务器。


这意味着诸如原型,事件弹出窗口,调用堆栈,promise,es6之类的概念对您而言并不是空洞的词。CSS,动画,网格系统,命名约定和规范也是如此。


您需要了解许多概念,在下面您可以找到一些可以浏览的资源,并至少在目前为止可以补充您所缺少的知识。CSS参考HTML参考Javascript基础知识前端手册


2.首先阅读文档。


大多数开发人员都很好奇,希望直接编写代码并进行实验。所有这些都是好玩的,但这并不是掌握框架或工具的最有效方法。


. , , .


, , .


. , , win-win.

3.


CLI, angular-cli create-react-app.


, .


, , , . 'nice-to-have' , , , git .


, , (webpack/parcel), .


4. (style guide)


, , .


Style guide (Best practices), .


, , , vue-eslint-plugin.


5. Devtools


— . , , , .


, , , , , DOM .


dev tools console.log debugger.


6.


Vue React . , .


, DOM . DOM DOM-.


, , , .


( Vue), , Vuejs, .


7.


— . .


.


Advance Vuejs Component Patterns
Advanced React Component Patterns .


8.


— .

, , , , , .


, react-hooks, , Vue, Vue-composition API Mixins.


, .


9.


, , .


, , , , .


, flux pattern, event emissions callbacks props.


Vue-.


10. -


, , , , , .


, , , .


unit , snapshot e2e .


.


11.


- , , . , .


, , , .


, . , React, Angular, Vue Stencil, . , .


12.


, , , . , .


, , Jamstack, accessibility, , , service workers, , .


13.


, , . , , .


-, , , , , .


. , . , .


P.S. :


, . , , . .


!


All Articles