Skip to content

krebons-gavin/HTML-Node-JS-Basic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JS Basic Skill Practice

This folder is for Javascript basic learning.

// 2016-01-08, Created by Gavin // 2016-01-20, Modified by Gavin

主要内容

jQuery

CSS3

Bootstrap

HTML5

AngularJS

NodeJS

HTML5 Boilerplate
https://html5boilerplate.com/

Scaffolding			// 脚手架
http://yeoman.io/generators/

......

// 前端程序员:月薪 5K 到 5 万,我干了啥
http://www.techug.com/front-end-programmer

推荐书籍

javascript 权威指南
javascript高级语言程序设计
JavaScript语言精粹
JavaScript模式

最有价值的网站-社区、论坛等

// 英文论坛
http://stackoverflow.com/

// 前端技术大综合 - 中文
http://www.bootcss.com/

// 慕课网 - 在线视频教程
http://www.imooc.com/

// imweb前端社区
http://imweb.io/

// Web technology for developers
https://developer.mozilla.org/en-US/docs/Web

// Webplatform
https://docs.webplatform.org/wiki/Main_Page/zh

编码规范 - 参考

http://imweb.github.io/CodeGuide/

必备工具

Chrome开发者工具
// 调试
http://imweb.io/topic/568802e04c44bcc56092e402?from=timeline&isappinstalled=0
option + cmd + i   		调出开发者工具

Webstorm / IntelliJ IDEA
// 开发工具 - IDE

Sublime Text
// 文本编辑 - 轻量级IDE

Sencha Architect
// The ultimate visual app builder for developing cross-platform HTML5 applications on desktop and mobile devices.
https://www.sencha.com/products/architect/#overview

// Bower // js文件及版本管理

// 官网
https://www.npmjs.com/package/bower

// 首先安装Node.js, 然后使用npm命令安装bower
sudo npm install -g bower

// http-server // 启动本地的http服务

// 安装命令
sudo npm install -g http-server
// 启动:进入到项目目录
http-server

// Grunt // 项目构建工具;js,css打包,压缩工具

// 官网
http://www.gruntjs.net/

// 中文
http://www.gruntjs.net/getting-started

// 首先安装Node.js, 然后使用npm命令安装grunt
sudo npm install -g grunt-cli

// 简明安装步骤及示例
http://blog.51yip.com/jsjquery/1765.html#more-1765

必备网站

npm
// package manager for javascript
https://www.npmjs.com/

Github
// 代码管理及控制,查看他人的开源项目代码等。
https://github.com/

常用UI库

Angular UI
http://angular-ui.github.io/

KissyUI
http://docs.kissyui.com/1.4/docs/html/coms.html

常用的JS库

http://segmentfault.com/a/1190000004236363

WebRTC 		
// 即时聊天、视频
https://webrtc.org/

AngularJS - Google
// 单页应用、数据双向绑定、指令等

Bootstap - Tweeter		
// 动态页面布局

jQuery	
// 动画、DOM操作等

mathjs
// 数学库
http://mathjs.org/

moments.js
// 日期、时间库
http://momentjs.com/docs/#/parsing/
http://momentjs.com/docs/#/parsing/string-format/
// 中文教程
http://www.51xuediannao.com/js/texiao/moment.html

data.js
// 数据操作

Rapid D3.js
// 动画, 数据
https://github.com/westbaystars/rapidd3js

http://edu.csdn.net/course/detail/1848
http://edu.csdn.net/course/detail/1848

share.js
// 分享

 Vue.js

 // 2016年JavaScript技术栈展望
 http://www.w3cplus.com/javascript/state-of-the-art-javascript-in-2016.html

// 测试

• Karma 用于运行单元测试 (unit testing)
• Protractor 用于运行端到端测试 

// WEB安全

// 从零开始学web安全(1)
http://imweb.io/topic/568958714c44bcc56092e409

// MDN - Web security
https://developer.mozilla.org/en-US/docs/Web/Security

// 核心UI组件

datetimepicker			// 日期、时间选择
form 					// 表单
calender				// 日历
validation				// 验证
tree					// 树状:according,导航等
......

// 优秀例子

// 适用于 BootStrap 站点的 15 个免费 jQuery 轮播图插件 - slider
http://webres.wang/15-fantastic-free-jquery-sliders-for-bootstrap-sites/

// CDN

// 百度CDN
http://cdn.code.baidu.com/

<!--AngularJS-->
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<!--jQuery-->
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<!--Bootstrap-->
<!--
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script>
-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></script>

// Local JS

<!--AngularJS-->
<script src="libs/angular/1.4.6/angular.min.js"></script>
<!--jQuery-->
<script src="libs/jquery/2.1.4/jquery.min.js"></script>
<!--Bootstrap-->
<script src="libs/bootstrap/3.3.6/bootstrap.min.js"></script>
<script src="libs/bootstrap/3.3.6/bootstrap.min.css"></script>

// 动态

Mozilla、谷歌、微软、苹果 4大浏览器一致通过了一个标准:WebAssembly
http://mp.weixin.qq.com/s?__biz=MzA4Nzc4MjI4MQ==&mid=403539734&idx=1&sn=01816447e84072903cfa2bd1f47ac980&scene=0#wechat_redirect

About

Javascript Basic Skills

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors