CoffeeScriptWEB前端知识总计

Git:
Git教程
git常用命令

React.js
ReactJS
中文技能分享

React
入门实例教程

Ant.Design
贴吧 React
最好试行

这一群东西都要布置安排,麻烦,用Grunt,库太多?用Bower管理,项目开始要开创种种文件文件夹?用Yeoman。开源项目太多了,GitHub.上找,不会?学Git。顺便用Jekyll托管博客,不是吧还有Ruby这玩意…SASS也是Ruby写的,等等Sublime
Text
Python写的,要写插件?也学一下。调节和测试太难?用Chrome开辟者工具,一群API和功用。

进级学习:

Sea.js
一步步学会运用SeaJS 二.0

sea
使用文书档案

Sea.js
创办者玉伯专访 

前端模块化开垦的股票总市值_玉伯

API
神速参考

require.js
学习RequireJs
高效理解RequireJs
seajs与requirejs区别

前者自动化学工业具相关
yeoman
bower
grunt
gulp
webpack
根据webpack搭建前端工程消除方案探寻
Grunt-beginner前端自动化学工业具[grunt\gulp]
FIS三 ,
为你定制的前端工程营造筑工程具

这么些也可是是自己当下所能看到的一小部分,而且每段基本都是到了二个境界,并不是没得学了,而是继续学又是另一片天地。真心希望有人能帮笔者补偿知识盲区。其它,作者仅把部分知识点串起来,不全或不规则的地点请见谅。

切图:
前端工程师必备的PS技艺——切图篇
做ui必备–PS切图动成效法
[切图]photoshop切成丝使用小手艺(切图)
[切图]PhotoshopCC新效率生成图像财富(切图)
OPPO 六 plus
适配切图方法分享(原创)

一加6和Motorola6plus的iOS捌统一筹划尺寸参考指南
教你iOS
应用程式设计一稿帮助一加5/OPPO6/Plus

iOS 的 应用程式 在系统中怎样适应 Nokia 五s/6/陆 Plus
两种显示器的尺码?

关于”点九”
应用程式切图那点事儿–详细介绍android和ios平台

常见Js插件:
天性杰出的 js
模板引擎
artTemplate
layui(弹层、日期、分页、模板引擎)
echarts图表highcharts图表Chart.js(wap)图表
代码高亮highlight
走进svg的世界 百度脑图
svg巅峰之作

干货
awesome by
sindresorhus

GitHub:
GitHub入门与奉行 【书籍】
GitHub 陈设静态 HTML
网页

[延伸]IOS学习:
IOS学习目录
玩儿转Swift
The Swift Programming Language
中文版

Vue全套学习录制百度网盘:链接:https://pan.baidu.com/s/1slD6rJf 密码:zxhm 

常见css知识点:
css
sprite使用笔记总计

SASS 和 LESS
区别

less即学即用less入门
Sass基础入门(基础篇)
Sass和Compass必备本事之Sass篇
Sass和Compass必备本事之Compass

Backbone.js
学习Backbone.js
学习Underscore.js

微信小程序 
微信小程序连接指南
狼叔直播的微信小程序讲义
微信小程序示例 –
剪刀石头布

【腾讯Bugly干货分享】微信小程序开拓思量计算——腾讯“信用卡还款”项目举行
微信小程序完善实战,架构划设想计 &&
躲坑计谋

开拓工具:
前端开采工具Sublime Text
使用教程
【荐】
前端高效开垦之“1键切图”
马克Man——高效的宏图稿标注、衡量工具
WEB调节和测试工具—Firebug[firefox]
1陆个必须了然的chrome开荒者技艺
sketchcn矢量设计工具(收取费用)
浏览器包容性表
puer(快快捷运输转本地服务localhost)
百度短式网球站
mac用户前端开荒须求理解的
WTS:基于Web的Terminal控制台

前端学习调换QQ群:32805834四 大家共同学前端!

Avalon.js
学习Avalon.js
AvalonJs学习录制

想学模块化开采?看看CommonJSAMD规范。理解JS有偏差?看看ECMA-262,等等不驾驭如何时候第陆版将要出了。浏览器各分歧,弄不清该怎么包容?看看W3C专业,HTML写出来人看的懂,机器读不懂?要SEO,要帮衬生理残疾行动障碍者职员?看HTML语义化,全会了但IE就是不援助?叫不盛名字的浏览器尼玛连JS都不亮堂是什么?渐进加强。想贰遍把种种设施全消除?响应式设计。

想做动画?Canvas或SVG还有CSS3援助,干掉Flash。SVG太难画?用Snap.svg。想付出娱乐?用Canvas。本身写FPS太低?用框架,CreateJS.。2D太幼稚?three.js帮您用WebGL开采3D,还不够给力?asm.js让你在浏览器中装有虚幻3引擎。

代码有多难?——写给网页设计师的代码书
w3cschoolHTML教程
初学者学习文书档案[新手教程]
梦之都HTML教程
HTML
二陆分钟入门教程

HTML教程适合初大方[荐]
零基础的网站开拓初学者应什么系统地学习?

网址优化:
Yahoo军规
漫谈页面优化
Web品质优化:What? Why?
How?

活动网址品质优化:网页加载才能大概浏览
web前端页面品质优化小结前端各类优化
图表延迟加载Lazy Load Plugin for
jQuery

[延伸]Cocos2d:
Cocos2d学习
Cocos2d视频

书籍推荐:[书是全人类的好爱人]
分享些前端的好书,说说小编的web前端之路
有啥关于前端开垦手艺(HTML、CSS、JavaScript
等)值得推荐介绍的书籍?

从新手到大牛的前端书单
前端书籍资料PDF
公开

2016年
全年干货浓缩成一篇作品,那本手艺人修炼法门你就收下啊

摄像学习:

[延伸]Java学习:
Java程序员由新手到笨鸟

前端面试:
201四年流行前端开采面试题
前者开辟面试题大征集 
201四Alibaba前端线上笔试题以及答案
前端面试题合集

Vue.js
了解vue
学习vue
不错Vue组件集成库:
Element
iView –
一套高水平的UI组件库

vue实施一:金立市廛
vue实践2:CNode
vue实践3:CNode2.0

Js知识点:
明白这二十一个正则表达式,能让你少写壹,000行代码
你不明白的
Javascript

回调鬼世界的现世前世@JavaScript

值得珍藏!JavaScript语言基础知识计算
JavaScript初学者应注意的五个细节
前端JQuery体系:入门教程 | 源码剖析 | 框架设计 | 慕课网教程
byJs亚伦

jquery学习jqueryAPI汉语文档 javascript
设计格局

jquery品质优化的10种方法
锋利的jQuery(第2版) 【书籍】

Angular.js
学习AngularJs
AngularJs视频
Angular显示案例
Angular2
Angular2案例
Angular 2.x
从0到1

写给想成为前端工程师的同桌们

CSS
CSS参考手册
HTML/CSS开采规范指南
前者编码规范之CSS
CSS预处理SCSS入门篇
CSS预处理LESS入门篇
NEC
更好的css方案

了解CSS+DIV 网页样式与布局 【书籍】
理解CSS:高等Web标准化解方案(第3版)【书籍】

手艺高峰会议:
慕课网能力沙龙在此以前端专场
AlloyTeam前端手艺大会(移动web经验分享)
D2前端技术论坛——2014开放
Qnext前端交互沙龙
去何方前端沙龙分享第贰期
华夏首届CSS开垦者大会

慕课网[荐] HTML+CSS基础课程
智能社极客大学StuQ
css学习之优酷首页实战css学习之知乎首页实战
智能社JS教学
斯坦福高校公开课:构建动态网址

[延伸]Hybrid App:
ionic
ionic录像教程

博客园问答:[搜狐前端大神]
vue,angular,avalon那二种MVVM框架之间有啥优缺点?
vue、react和angular
贰.x哪个人是201陆年的主流?

Web建站技术中,HTML、HTML伍、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web
瑟维斯s 是何许?

HTML、CSS、JavaScript、PHP、 MySQL
的上学顺序是哪些?

大公司里什么开拓和配备前端代码?[荐]
微博上,前端开拓领域有哪些值得推荐介绍的问答?
前者大拿们都学过哪些东西?
有哪些平日被误用的 HTML、JavaScript、CSS
的要素、方法和总体性?

谷歌 V八引擎运用了如何美貌的算法?
怎么着支持前端新人入门和加强?
何以成长为二个神奇的 Web
前端开采工程师?

天猫店肆的前端工程师和组织在同行业内部处理于什么程度?
做前端开荒必必要精晓切图技巧呢?
有如何 JS 调节和测试技能?
近来国内外有哪些用户分界面、交互体验设计能够的出品?优异在什么地方?
一名合格的前端工程师的学问结构是哪些的?
网址成效视差滚动
若想学 HTML,应从哪儿动手?
前端开拓中,对图纸的优化技巧有如何?
前端工程师的价值映今后哪个地方?
近日网页设计中的为何少有人用 11px、壹3px、一五px
等奇数的书体?

怎么 Web 前端开采不丢掉 HTML 和 CSS,用纯 JavaScript
开拓?

2014 年末有啥相比较火的 Web
开荒技术?

有关 AngularJS
框架的采纳有如何经验值得享受?

LABjs、RequireJS、SeaJS
哪个最棒用?为什么?

有怎么样科学的前端开采博客?
怎样制止再度发送 Ajax 请求?
C、C++、Java、JavaScript、PHP、Python、Ruby
那几个语言分别首要用来开垦什么?

在今天,利用 HTML5开垦和发布大型跨平台网络游戏,可行性如何?要缓解哪些难点?
何以对待 HTML五 开源游戏引擎 Egret,HTML5游戏开拓的前景如何?
Bootstrap 三 有何改正?
什么驾驭 web 语义化?
前者工程师应该对 HTTP
明白到何等水平?从什么路径去熟练越来越好?

怎么判定web前端架构师的本领高低?
想深切领会一下 jQuery
的源码,但是觉得学习曲线有点陡峭,有没怎么好的主意依然学习能源推荐介绍?

VR
Three.js

前者入门:[工欲善其事 必先利其器]
一.
web前端开辟分享-css,js入门篇

贰.
web前端开荒分享-css,js进阶篇

三.
web前端开垦分享-css,js进步篇

四.
web前端开荒分享-css,js工具篇

5.
web前端开荒分享-css,js深化篇

6.
web前端开采分享-css,js移动篇

Web前端工程师成长第一品级(基础篇)
Web前端工程师成长第一阶段(布局篇)

Node.js 
因Nodejs更新太快,蒙受问题学会搜索以及查看github上更新的新式文书档案介绍,其所重视的零部件的点子以其github上为准,同时建议使用mac/linux玩node
Node.js
入门
 [荐] 一起学
Node.js
nodejs新手指南
Node.js学习摄像进击Node.js基础
下一代web框架Koajs
高可用架构专用《全栈工程师之路-Node.js》
深切浅出js(Node.js)异步流程序调整制
微服务选型之Modern
Node.js

Java项目什么与Node.js共存?

页面重构:
内外端分离的思虑与试行[荐]
从微博博客园的改版谈网页重构
经验分享:网页设计与重构那么些事情
中文网页重设与排版:TYPO.CSS

2015年

上学以前率先要差不多驾驭哪些是HTML ,CSS , JS:
一句话总结:HTML 是骨骼, CSS是肌肤, JS只是夹在个中的神经组织!
细说的话:
HTML是由各样骨头(标签)组成的骨架。
HTML5是越来越多的新骨头(标签),同时去掉了从前感觉不佳用的骨头.
CSS是皮肤。CSS3是越来越美的皮肤
JS支配单个动作。(抬手,张嘴,放动手,抬腿,转头,握拳等)
jQuery是把壹组常用动作编排成了二个招式。

[延伸]Android学习:
Android学习目录

微信公共账号
初识Java微信公众号支付
PHP完结微信公众平台支付—基础篇
PHP达成微信公众平台开垦—提高篇
柒天开辟Nodejs微信公共号 密码:
k7h8
Node.js微信开荒

[延伸]Nginx
Nginx
配置简述

代码品质成难点?JasmineQUnitMocha做单元测试。各样浏览器都要测?用Karma。测试通过了配置还有标题?持续集成,用Travis
CI
。用户作为也要测?用Selenium 。样式测试还有Viff 。认为JS都够辛苦的?用CoffeeScript

CSS Hack:[建议施行放弃ie6、七、8浏览器]
css
hack是什么

差异浏览器(IE陆,IE七,IE八,FF)专用标签 浏览器hack

基本功学习:

前者的路,一步一步来
[路漫漫其修远兮,吾将上下而求索]

[延伸]WebApp:
Hello,移动WEB
Web
app设计浅谈 

Web
App开辟入门

[延伸]Ubuntu学习:
【ubuntu】系统利用小秘技计算
【ubuntu】安装配置Mysql
【ubuntu】导入mysql数据库文件

MUI开发

字体 图标:
Iconfont-阿里Baba矢量Logo库
Font
Awesome——完美的Logo字体

[字体]
fontawesome4.2不支持IE7

[字体]
fontawesome3.2.1支持IE7

css3
@font-face

网页中显示粤语字体
适用于无改变的文字展现

[延伸]建站
阿里云ESC服务 推荐码五D二D0伍(买单时第叁次可九折)
Ali云Linux壹键安装web环境全计谋
Ali云备案

前者规范
编码规范 by
@mdo
中文版
前端编码规范(1)——
一般标准

前者编码规范(二)—— HTML
规范

前者编码规范(三)—— JavaScript
规范

前端编码规范(四)—— CSS 和 Sass (SCSS)
规范

H5:
Zepto.jsZepto.js中文版
SWIPE JS –
移动WEB页面内容触摸滑动类库

从零搭建移动H5开拓项目实战
移步端h五开垦相关内容总计

CSS RESET:[css重置]
css reset
是什么

cssreset
normalize.css

JS
JavaScript教程 【廖雪峰教程】
JavaScript
能源大全中文版

ECMAScript
6入门
 ES6Learn
ES2015

财富分享:
前者技艺汇总 Frontend Knowledge
Structure
[荐]
前者搜罗(前端学习能源) 
局地前端总计分享
Tencent AlloyTeam
2016

前端开荒财富导航
谷歌(谷歌(Google))开辟者中夏族民共和国

光在计算机浏览器上跑不给力?移动支付HTML五,离开网络就渣了?HTML伍离线应用。不比原生应用?用PhoneGap。想调用原生API?开拓Firefox
OS
运用吧。浏览器选用也得会呢,Chrome
Firefox都有和好的文书档案。接着是否把后端甩了,自个儿来,装Node.js,所以还得学点服务器知识,想用npm管理node包?linux技巧shell神马的也得学。想前后端通吃?再看看http协议。Web精通了?node-webkit 让你能够写桌面程序了,继续学吧。

前言:

HTML5+CSS3:
HTML5从入门到理解【书籍】
CSS动画简要介绍CSS
Animate

H伍专题多屏滚动优异案例整理

部分篇章:
探究 |
入行几年后,互连网人的前程理应在何地?

2015
前端[JS]工程师必知必会

HTML五脱稿:手提式有线电话机App将三年内毁灭,互连网世界的第一战

看了如此多东西,第二反应是不是求粤语文书档案?学斯洛伐克共和国(The Slovak Republic)语去吗。

UI框架:
Bootstrap
semantic-ui
weui[H5]
aui[H5]
frozen-ui[H5]
Sui[H5]
zui[PC]
Jquery.mobile[H5]
Yo
amazeui

MarkDown:
什么是Markdown语法?
基于马克down的编辑器
markdown
语法入门

原理探究:[叩问原理才是王道]
前者必读:浏览器内部工作原理

[延伸]SVN:
品类管理SVN使用教程[windows]
项目管理SVN使用教程[mac]
Mac 上最佳用的 SVN
客户端是怎么样

[延伸]React
React
Facebook

React
入门实例教程

Amaze UI
React

React.JS普通话基础教程 密码:
zhsp

相互之间设计:
一名互动设计师平时要累积哪些东西?
相互设计非凡问答
响应式设计(Responsive web
design)

复杂产品的响应式设计
响应式网址的产品必要和计划性流程详解

[延伸]公司同盟:
组织一块工具worktile
有道云笔记合营
Coding –
让开拓更轻松!

直白想着整理一下有关前端的学问连串和材质,工作忙了些,挤挤总会某个,
资料大多,就看您能或无法耐下心坚定不移去学了,要多学多敲多想,祝你升高~

[延伸]PHP
Thinkphp
Thinkphp学习录像  密码:
t65d

大神博客:(前端成长路上掉过的坑,栽过的沟,翻过的墙。。。)
前者博客
by张克罗地亚军队
 (思虑到github大概被墙,弄到了自己的coding)
菜鸟前端成长之路
前端乱炖
F二E-前端技艺社区
前端开辟中相见的工程难题
阮壹峰的网络日志
360月影

CSS不能够编制程序?用LessSassStylus、甚至直接用 Absurd,框架除了Bootstrap再有诸多。JS写多了很麻烦?jQuery。移动支付?Zepto.js。结构不佳?找框架,Backbone.js是MVC,AngularJSEmber.js是MVVM,推特(TWTR.US)还弄了个事件驱动框架Flight。库多了要优化加载?RequireJS

然后上边那个只是是部分别得到益的小手艺。集团做什么业务的?明白一下行当音信。面向公众的制品?交互设计。美术工作不给力?UI设计。外包和提问?设计形式、重构方法、算法、数据结构。知道软件工程吗?了然一下登时开辟,大概还足以试试TDD、ATDD、BDD。