##为什么要学习前后端开发
javascript目前是github上最火的语言,可以在githut上查看github的语言指数,也可以到githubranking上看排名靠前的库的star数量,几乎都和js,前端有关。
在学习ionic的过程中接触到了非常多的前端后端开发的概念,每一次看到优秀的js库都让我心潮澎湃,不禁想记录下来自己的学习路线,接触到的开源项目等。因为nodejs的出现让js具备了进军后端的能力,而angularjs让web进入mobile developing的领域,另外electron让web能够访问系统资源,催生了atom,slack等一批native web app的诞生。
因此我觉得javascript潜力无限,未来定是web的世界,是时候学习一波web开发了。

PS:开始写这篇博文的时候刚接触前端开发1个月左右,言语多有不当之处请指出。


##一些基础概念
简单了解即可

##编辑器推荐
写代码,没有一款适合自己的编辑器怎么行?

  • atom

    $ A hackable text editor for the 21st Century,atom试用

  • sublime

    $ 老牌编辑器,功能丰富,方便扩展,atom出现前的不二之选

  • vscode

    $ 微软刚出的web编辑器,和atom一样基于electron,不过速度快,性能强劲,后起之秀


##读书
读书仍然是获取知识的最佳方式.下面罗列一些近期购买再看的书:


##社区
多接触社区,可以了解到最新的技术潮流,还能结识好朋友


##开发者大会
==虽然很想去,不过门票不便宜,加上路途比较遥远,希望明年能去一次


##优秀开源项目
js有很多优秀的开源项目

  • velocity

    $ Accelerated JavaScript animation.

  • io.js

    $ io.js是joyent/node项目的一个fork,关于它和node的关系可以看io.js和node.js怎么了?

  • node

    $ evented I/O for v8 javascript

  • impress.js

    $ 你喜欢prezi吗?impress由此而来

  • nw.js

    $ 原node-webkit

  • electron

    $ atom的外壳程序(atom是原子,electron是电子)

  • bower

    $ web开发的包管理工具

  • jade

    $ nodejs 模版引擎

  • PM2

    $ Node.js / io.js 进程管理工具,可视化工具keymetrics

  • Mongodb

    $ 非关系型数据库,使用json格式,nosql

  • Mongoose

    $ 异步环境下的Mongodb对象建模工具

  • angular.js

    $ 谷歌出品js前端框架,TDD敏捷开发,前端依赖注入

  • express

    $ tj大神的作品,node应用框架,如其名,快速开发应用

  • bootstrap

    $ github上star最高的项目,twitter出品,前端开发框架

  • ionic

    $ 优秀hybirdapp移动开发框架,使用angularjs

  • hexo

    $ nodejs 博客框架,本博客即用的hexo

  • coffeescript

    $ JavaScript good parts,编译出javascript代码,多语法糖

  • gulp

    $ Automate and enhance your workflow 工作流构建自动化

  • grunt

    $ The JavaScript Task Runner ,基于Node.js的项目构建工具

  • stylus

    $ css语言 for nodejs

  • reveal.js

    $ The HTML Presentation Framework HTML演示框架

  • reactjs

    $ 近期非常热门的一个前端开发框架,facebook出品

  • Chart.js

    $ 简单方便的html5 图表库

  • Less.js

    $ Less is more :css 扩展

  • sass

    $ css3 扩展

  • jquery

    $ 大名鼎鼎地jquery怎么能忘

  • meteor

    $ The JavaScript App Platform Build apps that are a delight to use, faster than you ever thought possible

  • momentjs

    $ 可以用来显示相对时间

  • SVG.JS

    $ SVG 意为可缩放矢量图形(Scalable Vector Graphics,轻量级SVG处理与动画库

  • Semantic-UI

    $ UI组件框架 Semantic is a UI component framework based around useful principles from natural language.

  • 妹子UI

    $ 中国首个开源 HTML5 跨屏前端框架,赞

  • underscore

    $ js工具库

  • $

##工具


##学习资源
多练习,多跟着牛人们走,技术才能不断进步


好玩的

##我的学习日志
之前学习的东西,已经不太记得清楚了,总体来说就是用ionic做了2个hybird app的框架,接触到
html,css,js,dom,nodejs,ionic,angularjs,mongodb,docker,atom,emmet等概念及工具,
下面的记录从6月26号开始,使用相对时间,记录学习过程和接触到的好的资源,打算做成log的形式。

  • 阅读《Javascript DOM编程艺术》
  • 阅读《Head First Html & Css 》,并上传github编写的两个html网页访问以及查看
  • 阅读 廖雪峰的javascript教程js篇
  • 阅读 廖雪峰的javascript教程jquery篇
  • 阅读《7天学会Nodejs》
  • 阅读《Nodejs包教不包会》
  • 阅读《Nodejs 开发指南》学习node,了解express框架,并重写其中的Microblog
  • 学习 gulpjs,学会使用gulp编写简单的项目构建任务
  • 阅读 html&css 编码规范 http://codeguide.bootcss.com/
  • 使用Ionic + Express+ Mongoose + Boostrap + Jquery等技术编写了一套端到端且具备后台数据管理功能的产品架构。
  • 阅读 《深入浅出Node.js》
  • 阅读 《JavaScript高级程序设计》中…
  • 正在参与百度前端技术学院…

计划:

  • 了解generator,co等
  • 学习ES6
  • 学习React
  • 学习Webpack等构建工具

##参考文献