zoukankan      html  css  js  c++  java
  • 前端学习方法

      第一次写博客,想先总结前辈们的学习方法,以后增加自己的总结,然后按着大神的路线,开启我的升级之路!!

    大漠学习规律

    1. 多看书,但是只看书,并不清楚是否看懂了,是否掌握了。所以他开始了不断的仿站。
    2. 最早是仿Wordpress官网,先抄html,再抄css,后来就能独立的做出一个外表长得和原网站一样的站,在Website Templates里面找到简单的,就开始仿作。
    3. 在网上下载很多PSD页面,然后转化成WEB页面

      主要就是多看,多问,多想,多做,多总结~~

    其他作者学习规律

    必备基础技能:

    Html5(标签语义化)+css3(结合html实现各种布局效果)+javascript(原生,DOM操作)+jquery(成熟的javascript库)+一门服务器端语言(用于简单的登录注册功能就可以了)+HTTP

    项目

    掌握一门技术要先掌握它的大体框架,想一个能实现的点子,做一个能跑的demo,再去完善它的细节,等到demo完成了,对这门技术有了一个感性的认识,再去啃书,收获会大很多。我从开始原生js写到jquery,再到extjs,再到angularjs,从导师指定技术,到自己做技术选型,一个项目接着一个项目的练,就跟打怪升级似的。当然没有项目就去自己创造项目,动手实现自己的想法是件有乐趣和成就感的事。

    学习的网站

    • github:没啥好说的,多阅读别人的源码,多上传自己的源码,向世界各地的大牛学习
    • codepen:感受前端之美的必选之地,里面有很多酷炫的效果和优秀的插件
    • echojs:快速了解js新资讯的网站
    • stackoverflowsegmentfault:基本上各种问题都能在上面获得解答
    • google web fundamentals:每篇文章都适合仔细阅读
    • static files:开放的CDN,很好用
    • iconfont:阿里的矢量图标库,非常不错,支持CDN而且支持项目
    • html5 rocks: 一个不错的网站,很多浏览器的新特性以及前沿的技术,都能在这上面找到文章
    • css tricks:如何活用CSS,以及了解CSS新特性,这里可以满足你
    • JavaScript 秘密花园 JavaScript初学必看,非常不错
    • w3cplus:一个前端学习的网站,里面的文章质量都挺不错的
    • node school:一个不错的node学习网站
    • learn git branch:一个git学习网站,交互很棒
    • 前端乱炖:一个前端文章分享的社区,有很多优秀文章
    • 正则表达式:一个正则表达式入门教程,非常值得一看
    • 阮一峰的博客张鑫旭的博客:快速了解某些知识的捷径,但是如果需要深挖,还需要其他的资源
    • 各路大牛的博客:这个太多了,就不贴了,知乎上有很全的
    • 各种规范的官方网站,不懂得时候读规范

    收集癖和知识管理

    在微博,知乎上follow一些大神,多关注他们的博客,可能一个不经意的词汇,就是你下一个目标

    读书

    博客上面知识点松散,是大家都会遇到问题的那些知识点,如果你想理解一个只是体系,那么读经典书籍还是必不可少的。

    前端的定位:

    以用户体验为中心,不管是从交互,还是优化性能或者提升工作效率最终都是为了创造和提升用户体验。

    比较好的书籍

    • 《JavaScript高级编程》:可以作为入门书籍,但同时也是高级书籍,可以快速吸收基础,等到提升再回来重新看
    • 《JavaScript权威指南》:不太适合入门,但是必备,不理解的地方就去查阅一下,很有帮助
    • 《编写可维护的JavaScript》和:
    • 《Node.js开发指南》:不错的Nodejs入门书籍
    • 《深入浅出Node.js》:Nodejs进阶书籍,必备
    • 《JavaScript异步编程》:理解JS异步的编程理念
    • 《JavaScript模式》和《JavaScript设计模式》:JavaScript的代码模式和设计模式,将开发思维转变到JavaScript,非常好的书
    • 《JavaScript框架设计》:在用轮子同时,应当知道轮子是怎么转起来的,讲解很详细,从源码级别讲解框架的各个部分的实现,配合一个现有框架阅读,可以学到很多东西
    • 《Dont make me think》:网页设计的理念,了解用户行为,非常不错
    • 《CSS禅意花园》:经久不衰的一部著作,同样传递了网页设计中的理念以及设计中需要注意的问题
    • 《高性能JavaScript》和《高性能HTML5》:强调性能的书,其中不只是性能优化,还有很多原理层面的东西值得学习
    • 《HTML5 Canvas核心技术》:我正在读的一本书,对于canvas的使用,动画的实现,以及动画框架的开发都非常有帮助
    • 《HTTP权威指南》:HTTP协议相关必备,前端开发调试的时候也会经常涉及到其中的知识
    • 《响应式Web设计》:技术本身不难,重要的是响应式网页的设计理念,以及移动先行的思想
    • 《JavaScript语言精粹》:老道的书,也是普及JavaScript的开发思维的一本好书,非常适合入门

    提升方向

    下面是一个高手的个人学习规划,大家可以看一下

    大漠

    http://www.w3cplus.com/front-end-trip-on-road.html

    结合个人经历总结的前端入门方法

    http://web.jobbole.com/84062/

    在前端路上做好这10件事,你就能成大牛

    http://www.cnblogs.com/yizuierguo/archive/2010/05/15/1736053.html

    @拔赤:前端开发十日谈

    http://blog.jobbole.com/25114/

    国外查资料的网址

    http://stackoverflow.com/

  • 相关阅读:
    C#制作在线升级程序
    C#中使用GUID的笔记
    C# WinForm 上传图片,文件到服务器的方法Uploader.ashx
    Java学习---多线程的学习
    Java学习---异常处理的学习
    Java学习---TCP Socket的学习
    Java学习---IO操作
    Java学习---JAVA的类设计
    Java学习---InetAddress类的学习
    Java学习---面向对象的远程方法调用[RMI]
  • 原文地址:https://www.cnblogs.com/boyuan01/p/5550442.html
Copyright © 2011-2022 走看看