菜鸟到大神的上位历程,即学即用走向人生巅峰

    在JavaScript中,创建数组可以使用Array构造函数,或者使用数组直接量[],后者是首选方法。Array对象继承自Object.prototype,对数组执行typeof操作符返回object而不是array。然而,[] instanceof Array也返回true。也就是说,类数组对象的实现更复杂,例如strings对象、arguments对象,arguments对象不是Array的实例,但有length属性,并能通过索引取值,所以能像数组一样进行循环操作。
  在本文中,我将复习一些数组原型的方法,并探索这些方法的用法。
  循环:.forEach
  判断:.some和.every
  区分.join和.concat
  栈和队列的实现:.pop, .push, .shift,和 .unshift
  模型映射:.map
  查询:.filter必备基础技能
 
  前端技能汇总(https://github.com/JacksonTian/fks)这个项目详细记录了前端工程师牵涉到的各方面知识。在具备基本技能之后可以在里面找到学习的方向,完善技能和知识面。
 
  frontend-dev-bookmarks(https://github.com/dypsilon/frontend-dev-bookmarks)是老外总结的前端开发资源。覆盖面非常广。包括各种知识点、工具、技术,非常全面。
 
  以下是个人觉得入门阶段应该熟练掌握的基础技能:
  HTML4,HTML5语法、标签、语义
  CSS2.1,CSS3规范,与HTML结合实现各种布局、效果
  Ecma-262定义的javascript的语言核心,原生客户端javascript,DOM操作,HTML5新增功能
  一个成熟的客户端javascript库,推荐jquery
  一门服务器端语言:如果有服务器端开发经验,使用已经会的语言即可,如果没有服务器端开发经验,熟悉Java可以选择Servlet,不熟悉的可以选PHP,能实现简单登陆注册功能就足够支持前端开发了,后续可能需要继续学习,最基本要求是实现简单的功能模拟,
  HTTP
  在掌握以上基础技能之后,工作中遇到需要的技术也能快速学习。
 
  基本开发工具
 
  恰当的工具能有效提高学习效率,将重点放在知识本身,在出现问题时能快速定位并解决问题,以下是个人觉得必备的前端开发工具:
  文本编辑器:推荐Sublime Text,支持各种插件、主题、设置,使用方便
  浏览器:推荐Google Chrome,更新快,对前端各种标准提供了非常好的支持
  调试工具:推荐Chrome自带的Chrome develop tools,可以轻松查看DOM结构、样式,通过控制台输出调试信息,调试javascript,查看网络等
  辅助工具:PhotoShop编辑图片、取色,fireworks量尺寸,AlloyDesigner对比尺寸,以及前面的到的Chrome develop tools,
  翻墙工具:lantern, 壁虎漫步
 
  学习方法和学习目标
 
  方法:
  入门阶段反复阅读经典书籍的中文版,书籍中的每一个例子都动手实现并在浏览器中查看效果
  在具备一定基础之后可以上网搜各种教程、demo,了解各种功能的实际用法和常见功能的实现方法
  阅读HTML,CSS,Javascript标准全面完善知识点
  阅读前端牛人的博客、文章提升对知识的理解
  善用搜索引擎
 
  目标:
  熟记前面知识点部分的重要概念,结合学习经历得到自己的理解
  熟悉常见功能的实现方法,如常见CSS布局,Tab控件等。
 
  入门之路
  以下是入门阶段不错的书籍和资料
  HTML先看《HTML & CSS: Design and Build Websites》1-9章,然后《HTML5: The Missing Manual》1-4章。
  CSS先看《CSS: The Missing Manual》,然后《CSS权威指南》
  javascript先看《javascript高级程序设计》,然后《javascript权威指南》
  HTTP看HTTP权威指南
  在整个学习过程中HTML CSS JavaScript会有很多地方需要互相结合,实际工作中也是这样,一个简单的功能模块都需要三者结合才能实现。
  动手是学习的重要组成部分,书籍重点讲解知识点,例子可能不是很充足,这就需要利用搜索引擎寻找一些简单教程,照着教程实现功能。以下是一些比较好的教程网址
  可以搜索各大公司前端校招笔试面试题作为练习题或者他人总结的前端面试题还有个人总结的面试题(带参考答案)
  http://code.tutsplus.com有各种各样的教程
  MDN也有很多教程,更重要的是里面有详细的文档,需要查找某个功能时在Google搜索:xxx site:https://developer.mozilla.org
  http://www5rocks.com/zh/也有很多优质教程
  http://www.sitepoint.com/
  http://alistapart.com/
  原生javascript是需要重点掌握的技能,在掌握原生javascript的基础上推荐熟练掌握jQuery,在实际工作中用处很大,这方面的书籍有《Learning jQuery》或者去jQuery官网
  建一个https://github.com/账号,保存平时学习中的各种代码和项目。
  有了一定基础之后可以搭建一个个人博客,记录学习过程中遇到的问题和解决方法,方便自己查阅也为其他人提供了帮助。也可以去http://www.cnblogs.com/或者http://www.csdn.net/这样的网站注册账号,方便实用
  经常实用Google搜索英文资料应该经常找到来自http://stackoverflow.com/的高质量答案,与到问题可以直接在这里搜索,如果有精力,注册一个账号为别人解答问题也能极大提高个人能力。
  经典书籍熟读之后,可以打开前面必备基础技能部分的链接。认真读对应标准,全面掌握知识
 
  继续提高
  有了前面的基础之后,前端基本算是入门了,这时候可能每个人心中都有了一些学习方向,如果还是没有。 可以参考前面必备技能部分提到的那两个项目,从里面选一些进行发展学习。以下是一些不错的方面:
  Grunt:前端自动化工具,提高工作效率
  less css:优秀的CSS预处理器
  bootstrap:优秀的CSS框架,对没有设计师的团队很不错,与less结合使用效果完美
  requirejs:AMD规范的模块加载器,前端模块化趋势的必备工具
  Node.js:JavaScript也可以做后台,前端工程师地位更上一步
  AngularJS:做Single Page Application的好工具
  移动端web开发:智能手机的普及让移动端的流量正在逐步赶超PC端
  Javascript内存管理:SPA长期运行需要注意内存泄露的问题
  High Performance JavaScript(Build Faster Web Application Interfaces)
  Best Practices for Speeding Up Your Web Site:重要技能
 
  一些个人经历
  LingyuCoder的学习经历
  上面的大神都总结得差不多了,我这里就胡扯一些吧
 
  工具
  chrome dev tools:前端开发调试利器,着重注意几个功能:
  console(废话)
  elements:元素样式调整,很常用
  sources:代码中添加断点&#x

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值