【普益标准】 it 部前端工具与技术

工作文档

为了让新加入的伙伴尽快熟悉公司开发, 更好地同其他同事进行写作, 现整理指引文档如下:

工具

• webstorm (教程) ---- 集成开发环境
• eclipse ---- 创建本地调试服务器
• Navicat for MySQL ---- 数据库管理工具
• sublime + markdown, Typora, 作业部落 (网址) ---- markdown 编写
• photoshop cs6 (视频教程) ---- 图片处理及切图
• 像素大厨 ---- 图片测量
• Chrome (教程1 教程2), Firefox, ie9 ---- 浏览器
• 谷歌插件 FEhelper / json.cn(网址) / kjson (网址), 谷歌插件 postman, mockjs(文档) ---- AJAX 和 JSON 处理工具
• TortoiseSVN ---- 版本控制工具 svn 的 GUI 工具
• git(教程 简易指南 github git-for-windows) ---- 另一种版本控制工具, 我们主要用它来获取资源及参与开源项目
• node.js (教程 英文文档) ---- 环境
• cnpm (网址) ---- node.js 的包管理工具 npm 的国内镜像
• iconfont (网址) ---- 图标库
• 作业部落 Markdown (网址)(https://www.zybuluo.com/mdeditor) ---- 工具
• 百度脑图 [网址](http://naotu.baidu.com/home) ---- 工具

重要技术

• sass (文档) ---- css 预处理技术
• ES6 (ES6标准入门) ---- 用 es6 标准写 JavaScript
• gulp (文档) ---- 自动化构建工具
• webpack (中文教程 1 2 3, 官方文档)

常用框架和类库

• jQuery1.24+ (中文手册)
• underscore (中文文档)
• Moment.js (中文网)
• requirejs (文档)
• avalon1.46+ (文档 github地址 视频教程 源码分析)
• avalon.oniui (文档 github地址)
• react (文档)
• react-router (中文文档)
• redux (中文文档)
• Ant Design 1.x (文档)
• highcharts (文档)
• ECharts3 (文档)

重要网站

• github ---- 开源项目仓库
• 大牛博客: 阮一峰 张鑫旭 廖雪峰 司徒正美 叶小钗 艾伦
• 大牛github: 司徒正美 艾伦
• segmentfault ---- 程序员问答社区 + 优质文章
• 前端 TOP 100 ---- 关注并使用知名开源技术

在空闲时, 可多浏览以上网站

个人发展建议

• 坚持学习, 用技术博客整理技术
• 不断积累优秀的设计作品
• 学会阅读英文文档
• 学会在开源社区获取和奉献
• 学习和了解金融知识