MyException - 我的异常网
当前位置:我的异常网» HTML/CSS » 前端工程师是如何练成的

前端工程师是如何练成的

www.MyException.Cn  网友分享于:2013-01-01  浏览:0次
前端工程师是怎么练成的

     本人Sam。启蒙微软派,遁入前端教。已修炼后端技能、领域驱动设计、前端技能等近八余载。擅长C#,领域驱动设计,必杀技为Javascript、Css。为领域驱动设计在前端教的应用而奋斗。现将自我领悟的前端教技能秘笈总结如下:

上图咯:

内功心法

前端教的三大内功秘笈:Html、Css、Javascript。你必须要掌握的程度

  • html:他是Css和Javascript秘笈的根本,没有他Css和Javascript就无法施展其魅力。他包含了标签语义、BFC和IFC标签、h5新功能(如:cnavas、video、websocket、localstorage等)等。
  • css:他有静态装饰html元素能力,css3的出现也让他做了一Javascript的事件。你需要区分css2.1与css3的差异。

     在css2.1的领域中display(改变元素的BFC和IFC的能力)、float(让元素浮动)、position(定位)、z-index(层级)、vertical-algin(垂直对齐)、Margin和Padding等很重要。而在css3的领域更加完善了background、transition(过渡)、animation(动画)、linear-gradient(渐变)、shadow(阴影)、flex布局、媒体查询的支持、多设备适配的单位等,这些你都需要掌握。

  • javascript:他是三大秘笈中最难,也是最致命的技能,什么怪都能打。

     es5存在了很多年,es6火得很快,es7又来了。es5虽然很古老,他也是一切罪恶的根源,es6与es7都是为es5解决一些复杂场景应用的问题。在es5领域中的闭包、this指向、自执行函数、执行上下文、Js与Dom的关系等很重要,在es6的领域中,Class、let、Promise、Generator等太多东西,这些你都需要深入理解和掌握。

下山

完成上述内功心法的修炼,我们就可以进入下一个阶段,下山打怪。

       在这里我们需要解决掉一个css框架、一个javascript框架,css框架推荐选择当下流行的bootstrap,他是集合了所有怪物的特点于一身。javascript框架推荐选择框架老祖JQuery,虽然现在都MV*了,但是JQuery的江湖地位还是首屈一指的。对于这两个框架我们需要深入理解他的源码,并对每一个值得学习的细节做好笔记。

  • boostratp要学习他对css应用场景的分类,如:字体、按钮、表单等,更要掌握他利用样式叠加实现各种效果的组合技能。
  • JQuery要学习他的Promise(Es6会原生实现)、Extend方法,链式调用、callback、css相关Hack的处理手段等

制造怪物

     在制造怪物之前,我们还需要了解当下流行的MV*框架,他是未来处理前端项目的首先,在这里我们思想要有所改变,要时刻记住只有viewModel才能驱动view的改变,以及Flux概念的理解和应用。

  • 选择一个MV*框架深入学习,如:Vue,React,AnglerJs等。
  • 学习Nodejs做为前端开发工具的应用
  • 学习一门户后端语言,推荐nodejs。可以做到一份代码多端运行,也就是同构方案
  • 前端自动化工具的使用,如karma,eslint,webpack,phantomJs,selenim webdirver等 完成上述技能后,就可以选择一个业务领域进行自己框架的开发了。

修炼成仙

  完成前三步已经是江湖高手了,在这里主要是把我们渡为神,如下就是神所需要具体的能力

  • 对浏览器解析原理的深入理解,了解各浏览器内核,如:webkit,Gecko等,折腾源码建议选择webkit相关的。
  • Javascript解析原理的深入理解,首先V8引擎
  • 建议选择chrome开源版本的chromium学习和应用

     此文为本人转型前端两年来的自我实践总结,如有偏颇欢迎指正。也许我们会在某个阶段停留很久,但不要气馁,相信自己一定会突破难关。为自己,更为同样身在泥潭中的战友,共勉

1楼你温柔得像一只猫
前辈你好,我是一名刚刚毕业的大专生,在学校耗费了3年的光阴,现在在一所培训机构学习,学的是前端加java,前端都已经学了大半个月了但是人还是很懵,对前端要学的知识点和怎么去快速学习的方法都还不知道,希望你能给我点建议和方法。感激不尽
Re: 小龙女先生
@你温柔得像一只猫,基础很重要,有疑问一起交流吧

文章评论

一个程序员的时间管理
一个程序员的时间管理
总结2014中国互联网十大段子
总结2014中国互联网十大段子
编程语言是女人
编程语言是女人
亲爱的项目经理,我恨你
亲爱的项目经理,我恨你
“懒”出效率是程序员的美德
“懒”出效率是程序员的美德
聊聊HTTPS和SSL/TLS协议
聊聊HTTPS和SSL/TLS协议
当下全球最炙手可热的八位少年创业者
当下全球最炙手可热的八位少年创业者
那些争议最大的编程观点
那些争议最大的编程观点
“肮脏的”IT工作排行榜
“肮脏的”IT工作排行榜
中美印日四国程序员比较
中美印日四国程序员比较
程序员眼里IE浏览器是什么样的
程序员眼里IE浏览器是什么样的
10个调试和排错的小建议
10个调试和排错的小建议
Google伦敦新总部 犹如星级庄园
Google伦敦新总部 犹如星级庄园
Java程序员必看电影
Java程序员必看电影
不懂技术不要对懂技术的人说这很容易实现
不懂技术不要对懂技术的人说这很容易实现
如何区分一个程序员是“老手“还是“新手“?
如何区分一个程序员是“老手“还是“新手“?
旅行,写作,编程
旅行,写作,编程
程序猿的崛起——Growth Hacker
程序猿的崛起——Growth Hacker
程序员的一天:一寸光阴一寸金
程序员的一天:一寸光阴一寸金
程序员必看的十大电影
程序员必看的十大电影
 程序员的样子
程序员的样子
科技史上最臭名昭著的13大罪犯
科技史上最臭名昭著的13大罪犯
要嫁就嫁程序猿—钱多话少死的早
要嫁就嫁程序猿—钱多话少死的早
漫画:程序员的工作
漫画:程序员的工作
Java 与 .NET 的平台发展之争
Java 与 .NET 的平台发展之争
团队中“技术大拿”并非越多越好
团队中“技术大拿”并非越多越好
Web开发人员为什么越来越懒了?
Web开发人员为什么越来越懒了?
程序员的鄙视链
程序员的鄙视链
程序员最害怕的5件事 你中招了吗?
程序员最害怕的5件事 你中招了吗?
初级 vs 高级开发者 哪个性价比更高?
初级 vs 高级开发者 哪个性价比更高?
5款最佳正则表达式编辑调试器
5款最佳正则表达式编辑调试器
为什么程序员都是夜猫子
为什么程序员都是夜猫子
程序员和编码员之间的区别
程序员和编码员之间的区别
做程序猿的老婆应该注意的一些事情
做程序猿的老婆应该注意的一些事情
老美怎么看待阿里赴美上市
老美怎么看待阿里赴美上市
什么才是优秀的用户界面设计
什么才是优秀的用户界面设计
程序员周末都喜欢做什么?
程序员周末都喜欢做什么?
十大编程算法助程序员走上高手之路
十大编程算法助程序员走上高手之路
2013年美国开发者薪资调查报告
2013年美国开发者薪资调查报告
老程序员的下场
老程序员的下场
我跳槽是因为他们的显示器更大
我跳槽是因为他们的显示器更大
鲜为人知的编程真相
鲜为人知的编程真相
2013年中国软件开发者薪资调查报告
2013年中国软件开发者薪资调查报告
如何成为一名黑客
如何成为一名黑客
程序员都该阅读的书
程序员都该阅读的书
Web开发者需具备的8个好习惯
Web开发者需具备的8个好习惯
那些性感的让人尖叫的程序员
那些性感的让人尖叫的程序员
每天工作4小时的程序员
每天工作4小时的程序员
看13位CEO、创始人和高管如何提高工作效率
看13位CEO、创始人和高管如何提高工作效率
软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有