前端开垦日报,前端开拓者迅速提高导航

图片 1

webstormJetbrains公司旗下一款JavaScript 开发工具,被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。也是目前国内前端开发者应用最多的一款编辑工具,常驻内存300M左右,如果你内存只有1G,就不要用webstorm了,启动一个项目所需时间与项目大小有关。但如果电脑性能够好,WS是你的最优选择,它为前端而生。Sublime Text一套跨平台的文本编辑器,支持基于Python的插件。Sublime Text 是专有软件,可通过包扩充本身的功能。sublime体积较小,运行速度快,也是现在主流前端开发编辑器。Adobe Dreamweaver 第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页,很多电商公司几乎都用这个编辑器。HBuilder HBuilder是DCloud推出的一款支持HTML5的Web开发IDE。 HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。 它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。相较于其他比较成熟的编辑器,没有明显的优势,如果是入门不建议使用,代码提示太智能,不利于入门程序员成长。TopStyle 一款 CSS 开发辅助工具,即 HTML5 / CSS3 编辑器,它专注于 HTML CSS 设计辅助,提供比较多的功能,如 CSS 代码检查等,据称 TopStyle 的帮助文件非常好,有详细的 CSS 指令,适于初次接触 CSS 的学习之用Komodo 一个跨平台支持多种程序语言的Integrated Development Environment 软件,目前他支持了在Windows与Linux上 ,Pythone, Ruby, Rails, Perl, HTML, CSS, and JavaScript,等的程序语言开发,以及多种程序语言语法着色

前言:

前端开发:如何写一手漂亮的 Vue;JS 挖矿:门罗币是如何利用网页挖矿的?;Vue组件实现tips的总结;现代 web 开发基础;Node.js 发布9.0.0版本,Node.js 8 转为 LTS 状态;jQuery on()方法;2017年10月超实用前端干货大合集;Fly拦截所有ajax请求

VueVue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。国人开发的框架,呼声很高。Angular完全使用JavaScript编写的客户端技术。同其他历史悠久的Web技术(HTML、CSS和JavaScript)配合使用,使Web应用开发比以往更简单、更快捷。AngularJS的开发团队将其描述为一种构建动态Web应用的结构化框架。angular诠释了什么是真正的IT行业,活到老,学到老!每更新一版,都会给你一种没学过angular的错觉。backboneBackbone.js 的适用场景非常广,无论是 Web-Page 还是 Web-App 都可以应用,但最合适的还是大型的 Web-App,对于中小型项目来讲 Backbone.js 的 MVC 结构还是有点臃肿了,用不好很容易 over design。Backbone.js 是非常典型的 MVC 框架,但是相对于传统的 server 端 MVC 来讲还是有一些特殊的地方的。原文链接

一直想着整理一下关于前端的知识体系和资料,工作忙了些,挤挤总会有的,
资料很多,就看你能不能耐下心坚持去学了,要多学多敲多想,祝你进步~

前端开发:如何写一手漂亮的 Vue 前几日听到一句生猛与激励并存,可怕与尴尬同在,最无奈也无解的话:“90后,你的中年危机已经杀到”。这令我很受触动。显然,这有些夸张了,但就目前这日复一日的庸碌下去,眨眼的功夫,那情形就会在这骨感的现实面前,悄然的被显现。所以,越发体验到,当必要有计划的去做,去JS 挖矿:门罗币是如何利用网页挖矿的? 最近看到一种利用网页Javascript来挖矿的东东,介绍给大家。网页中嵌入Javascript, 一旦用户打开该网站,浏览器便会按照脚本的指令变成一个门罗币挖矿机。这一段附加的挖矿代码通常因为大量占用CPU,使用户的计算机变得异常卡顿甚至无法正常使用。 这样的网站会嵌入了Coinhive JavaScript Miner代码。该代码...Vue组件实现tips的总结文章内容由蚊子的前端博客进行发布,或许你想看看他其他的文章呢: 原文地址: 官网上已经有的内容,我就不再赘...现代 Web 开发基础 Copyright © 2017 王下邀月熊 现代 Web 开发基础是笔者对于 HTML、CSS、DOM 等 Web 开发中涉及的基础知识与理念的总结介绍。Node.js 发布9.0.0版本,Node.js 8 转为 LTS 状态 NEWS: Node.js 8 Moves into Long-Term Support and Node.js 9 Becomes the New Current Releasenbsp;Line We are super excited to a#jQuery#jQuery on()方法是jQuery官方推荐的一个函数,替换live、bind、delegate、和trigger等方法,使用on方法更加的方便和简单。本文将深入介绍jquery on的各种使用案例。 #前端开发博客# ​​​在这一期的前端干货当中,我们会看到很多基础服务和工具的转变与提升,一些看起来并不显著的提升,都是向着未来前进的契机。接下来我们一起来看看这次的干货都有哪些吧。戳原文围观 ​​​Fly拦截所有Ajax请求 大多数情况下,我们的 Ajax 请求都是通过前端的开发库、框架发出的,如 jQuery、axios 或者 Fly。这些库自身都会有一些请求/响应钩子,用于预处理 Ajax请求和响应。但是,如果你没有使用这些网络库,又或是你并不是网页的开发者,而你需要分析某个网精读《JS 中的内存管理》 本期精读的文章是: How JavaScript works: memory management how to handle 4 common memory leaks基于HTML5 Canvas的工控SCADA模拟飞机飞行 昨天看到一篇文章说是学习如何开飞机的,然后我就想,如果我也可以开飞机那就好玩了,每个人小时候都想做飞行员!中国飞行员太难当了,再说也不轻易让你开飞机!后来我就想如果能用 HT 开飞机那就是真的有趣了,哈哈,这个实现的效果还是很不错的,可以让你满足一下开飞机的虚《前端高性能计算之二:asm.js webassembly》前一篇我们说了要解决高性能计算的两个方法,一个是并发用WebWorkers,另一个就是用更底层的静态语言。 ​​​React Router v4 版本完全指北 React Router 事实上是React官方的标准路由库。当你在一个多视图的React应用中来回切换,你需要一个路由来管理那些URL。React Router 专注于此,同步保持你应用的UI和URL。 这个教程主要给你介绍React Router 的v4版本,以及你使用它可以做的大部分事情。 开场白 React 是一个很流行的库,用于在客户...干货分享!详见 ​​​​#css3#在移动前端制作中,很多新的CSS3特性能够帮助我们更好的制作。例如这个垂直水平居中问题,就有一个简单的代码可以解决:利用CSS3的translate #前端开发博客# ​​​1996-2017,JavaScript 简史 介绍 在2017年,JavaScript的开发可以让新手使用语言,让许多老手瘫痪并且不确定从哪里开始或者选择哪条路径才是正确的。人们经常深究最新的和最伟大的,没有真正了解为什么它是如此伟大。了解JavaScript的历史可以如何配合Webpack模块打包器使用Polymer库 去年一年里,我与一些大中型公司进行了几次讨论。这些公司所感兴趣的是建立一些公共用户界面库,这样公司所有的开发团队都能共用。很多时候,每个团队都是在不同的框架栈上搞开发,如React,Vue,Angular等等。这些框架都能理解消化网站组件(Web Compon

ReactReact是Facebook开发的一款JS库,React不处理Ajax、路由和数据存储,也不规定数据组织的方式。它不是一个Model-View-Controller框架。如果非要问它是什么,他就是MVC里的“V”。React的精简允许你将它集成到各种各样的系统中 。

学习之前首先要大概了解什么是HTML ,CSS , JS:
一句话概括:HTML 是骨骼, CSS是皮肤, JS只是夹在中间的神经组织!
细说的话:
HTML是由多种骨头(标签)组成的骨架。
HTML5是更多的新骨头(标签),同时去掉了以前觉得不好用的骨头.
CSS是皮肤。CSS3是更美的皮肤
JS控制单个动作。(抬手,张嘴,放下手,抬腿,转头,握拳等)
jQuery是把一组常用动作编排成了一个招式。

原文链接:

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

可能有人会问react也是库么?的确它就是一个库,为什么呢?React和react-router, react-redux结合起来才叫框架,本身只是充当一个前端渲染的

基础学习:

本人未使用过React开发,没有话语权,官方给出的说明是react是一个库

代码有多难?——写给网页设计师的代码书
w3cschoolHTML教程
初学者学习文档[菜鸟教程]
梦之都HTML教程
HTML 30分钟入门教程
HTML教程适合初学者[荐]
零基础的网站开发初学者应如何系统地学习?

jQuery 最新版v2.1.3 兼容IE9 ,文档说明很全很想起,社区很大。操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能Zepto 最新版v1.7.2 兼容IE10 ,一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api

视频学习:

Bootstrap 目前开源社区最受欢迎的项目之一,可谓大名鼎鼎了,最新版本3.x兼容IE9 Layui诞生于2016年金秋,是一款带着浓烈情怀的国产前端UI框架,她追求极简,又不失丰盈的内在,说她是史上最轻量的结晶,似乎并不为过。一切都源自于她对原生态的执着,对前端社区的那些噪杂声音的过滤,以及她本身的精心雕琢。weUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。jQuery UI IE6 ,以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件Foundation 属于WEB前端框架的先驱者,知名度被Bootstrap反超,但其优秀程度相比Bootstrap只强不弱!最新版本5.x兼容IE9 knockout 一个轻量级的UI类库,通过应用MVVM模式使JavaScript前端UI简单化,官网还有一个视频教程。

慕课网[荐] HTML CSS基础课程
智能社极客学院StuQ
css学习之优酷首页实战css学习之新浪首页实战
智能社JS教学
哈佛大学公开课:构建动态网站

《大巧不工》2013年7月19日,以Web前端设计的流程为主线,以前端设计的方法和原则为基础,围绕原型设计、模型设计、可用性设计、一致性设计和以用户为中心的设计等关键技术探讨了前端设计的规范、技巧与最佳实践.同时对Web前端设计领域的经典设计思维进行了剖析,为读者提供了极具指导价值的思想和极具操作性的实践方法。此外,《大巧不工:Web前端设计修炼之道》还讲解了前端性能的测试和度量方法,总结了大量前端性能优化技巧

提升学习:

《Web性能权威指南》2014年5月1日,适合所有Web应用及站点开发人员阅读,包括但不限于前端、后端、运维、大数据分析、UI/UX、存储、视频、实时消息,以及性能工程师。

书籍推荐:[书是人类的好朋友]
分享些前端的好书,说说我的web前端之路
有哪些关于前端开发技术(HTML、CSS、JavaScript 等)值得推荐的书籍?
从菜鸟到大牛的前端书单
前端书籍资料PDF 公开

《Web站点优化》Andy King重视搜索引擎营销与Web优化之间内在的协同。他是一个思想领导者并且确实懂得Web站点优化的复杂性。这本书中研究的深度和所教授的经验令人惊讶。本书是优化你的Web站点和进行利润最大化的最佳实践所必需的一本书

前端入门:[工欲善其事 必先利其器]
1. web前端开发分享-css,js入门篇
2. web前端开发分享-css,js进阶篇
3. web前端开发分享-css,js提高篇
4. web前端开发分享-css,js工具篇
5. web前端开发分享-css,js深化篇
6. web前端开发分享-css,js移动篇
Web前端工程师成长第一阶段(基础篇)
Web前端工程师成长第二阶段(布局篇)

《Node.js开发指南》首先简要介绍Node.js,然后通过各种示例讲解Node.js的基本特性,再用案例式教学的方式讲述如何用Node.js进行Web开发,接着探讨一些Node.js进阶话题,最后展示如何将一个Node.js应用部署到生产环境中

前端规范
编码规范 by @mdo中文版
前端编码规范(1)—— 一般规范
前端编码规范(2)—— HTML 规范
前端编码规范(3)—— JavaScript 规范
前端编码规范(4)—— CSS 和 Sass (SCSS) 规范

《JS高级程序设计》将对JavaScript追根溯源,从它在最早的Netscape浏览器中诞生谈起,一直谈到今天的它对DOM和AjaX的强大支持。读者将通过《JavaScript高级程序设计》掌握如何运用和扩展这门语言,从而更好地满足自己的需求,以及如何实现客户端与服务器的无缝通信,而又不必求助于Java或隐藏的网页框架

CSS
CSS参考手册
HTML/CSS开发规范指南
前端编码规范之CSS
CSS预处理SCSS入门篇
CSS预处理LESS入门篇
NEC 更好的css方案
精通CSS DIV 网页样式与布局 【书籍】
精通CSS:高级Web标准解决方案(第2版)【书籍】

《JS权威指南》经典权威的JavaScript工具书,是程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册。第6版涵盖HTML5和ECMAScript5

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

《JS语言精粹》一门美丽的、优雅的、轻量级的和非常富有表现力的语言,它使您创建高效的代码,不管您编写代码的目的是管理对象库还是仅仅使Ajax运行得更快。如果您为web开发站点或应用程序,这本《JavaScript语言精粹》绝对应该是必备的

CSS Hack:[建议推行废弃ie6、7、8浏览器]
css hack是什么
不同浏览器(IE6,IE7,IE8,FF)专用标签 浏览器hack

《CSS权威指南》告诉你怎样将最新的CSS2以CSS2.1里面所定义的各种CSS元素应用到实际工作当中。通过书中的例子,你将学会怎样使用CSS创建或修改网站的外观,并且达到普通HTML无法实现的效果

常见css知识点:
css sprite使用笔记总结
SASS 和 LESS 区别
less即学即用less入门
Sass基础入门(基础篇)
Sass和Compass必备技能之Sass篇
Sass和Compass必备技能之Compass

《深入浅出Node.js》Node.js让JavaScript在服务器端焕发生机,这是一本带着文艺调调的好看的技术书,书中详细阐述TNode.js的方方面面。如果你是前端工程师,这会是你迈向全端工程师的关键一步

JS
JavaScript教程 【廖雪峰教程】
JavaScript 资源大全中文版
ECMAScript 6入门 ES6Learn ES2015

《JS设计模式》如何把经典和现代设计模式应用到JavaScript语言中,来编写优美、结构化和可维护的代码。如果想让代码保持高效、更易于管理,并且能同步最新的最佳实践,那么本书正是为你打造的

值得收藏!JavaScript语言基础知识总结
JavaScript初学者应注意的七个细节
前端JQuery系列:入门教程 | 源码剖析 | 框架设计 | 慕课网教程 byJsAaron
jquery学习jqueryAPI中文文档 javascript 设计模式
jquery性能优化的十种方法
锋利的jQuery(第2版) 【书籍】

《HTTP权威指南》详细解释了HTTP协议,包括HTTP是如何工作的,如何用HTTP来开发基于Web的应用程序,核心的因特网协议如何与架构构建块交互,如何正确实现因特网客户和服务器等。《HTTP权威指南》的中心内容是HTTP,本质是理解Web的工作原理,以及如何将这些知识应用到Web编程和管理之中,主要涵盖HTTP的技术运作方式、产生动机、性能和目标以及一些相关技术问题

Js知识点:
知道这20个正则表达式,能让你少写1,000行代码
你不知道的 Javascript
回调地狱的今生前世@JavaScript

《Web前端黑客》Web前端的黑客攻防技术是一门非常新颖且有趣的黑客技术,主要包含Web前端安全的跨站脚本、跨站请求伪造、界面操作劫持这三大类,涉及的知识点涵盖信任与信任关系、Cookie安全、Flash安全、DOM渲染、字符集、跨域、原生态攻击、高级钓鱼、蠕虫思想等,这些都是研究前端安全的人必备的知识点。《安全技术大系:Web前端黑客技术揭秘》作者深入剖析了许多经典的攻防技巧,并给出了许多独到的安全见解

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

Paul Irish 著名的前端开发工程师,同时他也是Chrome开发者关系团队成员,jQuery团队成员,Modernizr、 Yeoman、CSS3 Please和HTML5 Boilerplate的lead developer

HTML5 CSS3:
HTML5从入门到精通【书籍】
CSS动画简介CSS Animate
H5专题多屏滚动优秀案例整理

TJ Holowaychuk 程序员兼艺术家,Koa、Co、Express、jade、mocha、node-canvas、commander.js 等知名开源项目的创建和贡献者

H5:
Zepto.jsZepto.js中文版
SWIPE JS – 移动WEB页面内容触摸滑动类库
从零搭建移动H5开发项目实战
移动端h5开发相关内容总结

Addy Osmani 谷歌前端开发工程师,创建了 TodoMVC、jQuery UI Bootstrap、jQuery Plugin Patterns 和 Backbone Paginator,出版了《Learning JavaScript Design Patterns》和《Developing Backbone.js Applications》两本技术书籍,而且还是著名的 jQuery、Modernizr 以及Backbone.js 框架的贡献者

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

John Resig jQuery的创始人和技术领袖,目前在Mozilla担任JavaScript工具开发工程师。著有《Pro JavaScript Techniques》(即《精通JavaScript》)等经典JavaScript书籍

资源分享:
前端技能汇总 Frontend Knowledge Structure[荐]
前端收集(前端学习资源) 
一些前端总结分享
Tencent AlloyTeam 2016
前端开发资源导航
谷歌开发者中国

Douglas Crockford JavaScript开发社区最知名的权威,是JSON、JSLint、JSMin和ADSafe之父,是《JavaScript: The Good Parts》的作者。他同时也服务于ECMA的JavaScript2.0技术委员会

干货
awesome by sindresorhus

Mike Bostock 纽约时报图形编辑,知名可视化库 D3.js的主要作者

Node.js 
因Nodejs更新太快,遇到问题学会搜索以及查看github上更新的最新文档介绍,其所依赖的组件的方法以其github上为准,同时建议使用mac/linux玩node
Node.js 入门 [荐] 一起学 Node.jsnodejs新手指南
Node.js学习视频进击Node.js基础
下一代web框架Koajs
高可用架构专用《全栈工程师之路-Node.js》
深入浅出js(Node.js)异步流程控制
微服务选型之Modern Node.js
Java项目如何与Node.js共存?

Mark Otto Twitter前设计师,与Jacob Thornton合作开发了大名鼎鼎的CSS/HTML框架Bootstrap

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

James Halliday node社区最活跃的贡献者,NPM排名仅次于TJ Holowaychuck,在写代码之外他还是个自成一派的 插画家。目前substack在NPM上发布了300 的模块

Vue.js
了解vue
学习vue
优秀Vue组件集成库:
Element
iView - 一套高质量的UI组件库
vue实践1:小米商城
vue实践2:CNode
vue实践3:CNode2.0

Mr.doob JS三维模型库three.js, Code Editor的作者

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

Jessica Lord 2013年5月份加入Github设计团队。是开源项目sheetsee.js的作者

React.js
ReactJS 中文技术分享
React 入门实例教程
Ant.Design
贴吧 React 最佳实践

Steve Souders 就职于Google;《High Performance Web Sites》的作者,创建了YSlow,位居Firefox扩展TOP25的首位,创建了很多其他的性能工具和服务,包括HTTP Archive、Cuzillion、Jdrop、SpriteMe、ControlJS和Browserscope,担任Velocity的联合主席,Firebug Working Group的联合创始人,在斯坦福大学教授 “CS193H: High Performance Web Sites”科目,经常进行公开演讲

微信公共账号
初识Java微信公众号开发
PHP实现微信公众平台开发—基础篇
PHP实现微信公众平台开发—提升篇
7天开发Nodejs微信公共号 密码: k7h8
Node.js微信开发

Mathias Bynens 协助开发多个开源项目,如jsPerf、HTML5 Boilerplate

微信小程序 
微信小程序接入指南
狼叔直播的微信小程序讲义
微信小程序示例 - 剪刀石头布
【腾讯Bugly干货分享】微信小程序开发思考总结——腾讯“信用卡还款”项目实践
微信小程序全面实战,架构设计 && 躲坑攻略

玉伯 淘宝前端类库 KISSY、前端模块化开发框架SeaJS、前端基础类库Arale的创始人

VR
Three.js

阮一峰 70年代生于上海。毕业于上海财经大学,经济学博士,同时也是程序员,个人博客访问量过千万,译有《黑客与画家》、《软件随想录》。目前供职于一所上海本地高校。本文为阮一峰笔记体博客文集《如何变得有思想?》和《一个寻找作者的读者》的代序

require.js
学习RequireJs
快速理解RequireJs
seajs与requirejs区别

老赵 金融行业程序员,目前就职于摩根大通。多年微软MVP,InfoQ中文站兼职编辑。虽然广泛涉猎各类技术,但早就被人民群众贴上“微软”标签,现已认命

Sea.js
一步步学会使用SeaJS 2.0 ★
sea 使用文档
Sea.js 创始人玉伯专访 
前端模块化开发的价值_玉伯 ☆
API 快速参考

朴灵 阿里数据平台数据产品部资深工程师。致力前端、数据可视化、Node等领域

Avalon.js
学习Avalon.js
AvalonJs学习视频

克军 前雅虎中国前端工程师,现豆瓣前端工程师,休闲范儿长发帅哥一枚

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

司徒正美 著名的JavaScript专家,去哪儿网前端架构师,立志做考古学家的日语系工程师,穿梭于二次元与二进制间的“魔法师”,做过陶艺,写过小说,涉猎Java、Ruby、 JavaScript。曾出版《JavaScript框架设计》一书

开发工具:
前端开发工具Sublime Text 使用教程【荐】
前端高效开发之“一键切图”
Mark Man——高效的设计稿标注、测量工具
WEB调试工具---Firebug[firefox]
15个必须知道的chrome开发者技巧
sketchcn矢量设计工具(收费)
浏览器兼容性表
puer(快速启动本地服务localhost)
百度短网址
mac用户前端开发需要了解的
WTS:基于Web的Terminal控制台

Winter 阿里巴巴高级技术专家,著名JavaScript专家。曾参与Bambook开发,更早为微软工作,开发Windows CE平台的IE浏览器

前端自动化工具相关
yeoman
bower
grunt
gulp
webpack
基于webpack搭建前端工程解决方案探索
Grunt-beginner前端自动化工具[gruntgulp]
FIS3 , 为你定制的前端工程构建工具

周爱民 Node-Webkit的项目发起人。目前任职于Intel公司开源技术中心,从事Web和浏览器技术开发工作。现在主要工作是开发和维护Node-Webkit项目。此前从事过MeeGo、Tizen和JNI xml性能库的开发和数据中心解决方案服务。毕业于中科大少年班,在计算机系获得博士学位,研究方向为高性能计算

Git:
Git教程
git常用命令

汤姆大叔熟悉Waterfall、Agile(Scrum&XP),染指C#、ASP.NET、MVC、EF、NHibernate、SQL Server、Oracle、JavaScript、HTML5、CSS3、JQuery、Knockout、Silverlight、WPF、WCF、ADFS等技术

GitHub:
GitHub入门与实践 【书籍】
GitHub 部署静态 HTML 网页

GitHub 一个分布式的版本控制系统,最初由Linus Torvalds编写,用作Linux内核代码的管理。在推出后,Git在其它项目中也取得了很大成功,尤其是在Ruby社区中

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

StackOverflow 一个与程序相关的IT技术问答网站。用户可以在网站免费提交问题,浏览问题,索引相关内容,在创建主页的时候使用简单的HTML。在问题页面,我们不会弹出任何广告,销售信息,JavaScript 窗口等

[延伸]SVN:
项目管理SVN使用教程[windows]
项目管理SVN使用教程[mac]
Mac 上最好用的 SVN 客户端是什么

SegmentFault 一家中文的开发者社区及媒体。最初的产品原型来自于国外最大的程序员问答社区 StackOverflow,但其产品形态经过一年多的发展,已经有问答、博客、活动等,它还是多个黑客马拉松活动的组织方。

[延伸]WebApp:
Hello,移动WEB
Web app设计浅谈 
Web App开发入门

Google Code Google公司利用自身服务器资源提供的开发人员主页。其最初目的是为Google自身的开源软件提供开发平台,以及协助开发者扩展Google产品的功能。随着Google开源之夏等项目的推进,Google代码正在成为一个开放的项目托管平台。

MUI开发

掘金 掘金是中国质量最高的技术分享社区,邀请稀土用户作为 Co-Editor 来分享优质的技术干货,从前端到后端开发,从设计到产品,让每一个掘金用户都能挖掘到有价值的干货。

[延伸]Hybrid App:
ionic
ionic视频教程

如果文章对你有用,欢迎点赞~我只是知识搬运工,原文链接:

[延伸]React
React Facebook
React 入门实例教程
Amaze UI React
React.JS中文基础教程 密码: zhsp

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

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

[延伸]Ubuntu学习:
【ubuntu】系统使用小窍门总结
【ubuntu】安装配置Mysql
【ubuntu】导入mysql数据库文件

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

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

[延伸]团队合作:
团队协同工具worktile
有道云笔记协作
Coding - 让开发更简单!

[延伸]PHP
Thinkphp
Thinkphp学习视频  密码: t65d

[延伸]建站
阿里云ESC服务 推荐码5D2D05(结算时首次可9折)
阿里云Linux一键安装web环境全攻略
阿里云备案

[延伸]Nginx
Nginx 配置简述

网站优化:
Yahoo军规
漫谈页面优化
Web性能优化:What? Why? How?
移动网站性能优化:网页加载技术概览
web前端页面性能优化小结前端各种优化
图片延迟加载Lazy Load Plugin for jQuery

页面重构:
前后端分离的思考与实践[荐]
从新浪微博的改版谈网页重构
经验分享:网页设计与重构那些事儿
中文网页重设与排版:TYPO.CSS

原理探索:[了解原理才是王道]
前端必读:浏览器内部工作原理

技术峰会:
慕课网技术沙龙之前端专场
AlloyTeam前端技术大会(移动web经验分享)
D2前端技术论坛——2014绽放
Qnext前端交互沙龙
去哪儿前端沙龙分享第二期
中国首届CSS开发者大会

前端面试:
2014年最新前端开发面试题
前端开发面试题大收集 
2014阿里巴巴前端线上笔试题以及答案
前端面试题合集

切图:
前端工程师必备的PS技能——切图篇
做ui必备–PS切图动作用法
[切图]photoshop切片使用小技巧(切图)
[切图]PhotoshopCC新功能 生成图像资源(切图)
iPhone 6 plus 适配切图方法分享(原创)
iPhone6和iPhone6 plus的iOS8设计尺寸参考指南
教你iOS APP设计一稿支持iPhone5/iPhone6/Plus
iOS 的 APP 在系统中如何适应 iPhone 5s/6/6 Plus 三种屏幕的尺寸?
关于”点九”
APP切图那点事儿–详细介绍android和ios平台

交互设计:
一名交互设计师平时要积累哪些东西?
交互设计精华问答
响应式设计(Responsive web design)
复杂产品的响应式设计
响应式网站的产品需求和设计流程详解

字体 图标:
Iconfont-阿里巴巴矢量图标库
Font Awesome——完美的图标字体
[字体] fontawesome4.2不支持IE7
[字体] fontawesome3.2.1支持IE7
css3 @font-face
网页中展示中文字体 适用于无改动的文字展示

一些文章:
思索 | 入行几年后,互联网人的未来应该在哪里?
2015 前端[JS]工程师必知必会
HTML5定稿:手机App将三年内消失,互联网世界的第二次大战

知乎问答:[知乎前端大神]
vue,angular,avalon这三种MVVM框架之间有什么优缺点?
vue、react和angular 2.x谁是2016年的主流?
Web建站技术中,HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么?
HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序是什么?
大公司里怎样开发和部署前端代码?[荐]
知乎上,前端开发领域有哪些值得推荐的问答?
前端大牛们都学过哪些东西?
有哪些经常被误用的 HTML、JavaScript、CSS 的元素、方法和属性?
Google V8 引擎运用了哪些优秀的算法?
如何帮助前端新人入门和提高?
怎样成长为一个优秀的 Web 前端开发工程师?
天猫的前端工程师和团队在行业内处于什么水平?
做前端开发必需要掌握切图技能吗?
有哪些 JS 调试技巧?
近来国内外有哪些用户界面、交互体验设计优秀的产品?优秀在哪里?
一名合格的前端工程师的知识结构是怎样的?
网站效果视差滚动
若想学 HTML,应从哪里入手?
前端开发中,对图片的优化技巧有哪些?
前端工程师的价值体现在哪里?
现在网页设计中的为什么少有人用 11px、13px、15px 等奇数的字体?
为什么 Web 前端开发不抛弃 HTML 和 CSS,用纯 JavaScript 开发?
2014 年末有哪些比较火的 Web 开发技术?
关于 AngularJS 框架的使用有哪些经验值得分享?
LABjs、RequireJS、SeaJS 哪个最好用?为什么?
有哪些不错的前端开发博客?
怎样防止重复发送 Ajax 请求?
C、C 、Java、JavaScript、PHP、Python、Ruby 这些语言分别主要用来开发什么?
在今天,利用 HTML5 开发和发布大型跨平台网游,可行性如何?要解决哪些问题?
如何看待 HTML5 开源游戏引擎 Egret,HTML5 游戏开发的前景如何?
Bootstrap 3 有哪些改进?
如何理解 web 语义化?
前端工程师应该对 HTTP 了解到什么程度?从哪些途径去熟悉更好?
怎么判定web前端架构师的能力高低?
想深入了解一下 jQuery 的源码,但是觉得学习曲线有点陡峭,有没什么好的方法或者学习资源推荐?

大神博客:(前端成长路上掉过的坑,栽过的沟,翻过的墙。。。)
前端博客 by张克军 (考虑到github可能被墙,弄到了我的coding)
菜鸟前端成长之路
前端乱炖
F2E-前端技术社区
前端开发中遇到的工程问题
阮一峰的网络日志
360月影

2016年
全年干货浓缩成一篇文章,这本技术人修炼秘籍你就收下吧

2015年

  • 阿里无线前端性能优化指南 (Pt.1 加载期优化) by @晓田
  • Web中的图标 by @大漠
  • 我理解的阿里无线前端“架构”(半鸡汤,少干货) by @hongru
  • 写给前端面试者 by @大漠
  • 手机淘宝这三年(更新PPT同步录音视频) by @渚薰
  • 手机淘宝前端的图片相关工作流程梳理 by @勾三股四
  • 高级CSS filters by @大漠
  • Font Boosting by @尚左
  • 15年双11手淘前端技术巡演 - 前言 by @hongru
  • 对无线电商动态化方案的思考(一) by @勾三股四
  • 对无线电商动态化方案的思考(二) by @勾三股四
  • 对无线电商动态化方案的思考(三) by @勾三股四
  • 使用Flexible实现手淘H5页面的终端适配 by @大漠
  • POPLAYER起来HIGH~~ by @靖一
  • 双十一敲钟项目总结 by @青缨
  • 双11密令红包的前端技术方案 by @颂奇
  • 15年双11手淘前端技术巡演 - H5性能最佳实践 by @晓田

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

CSS不能编程?用Less、Sass、Stylus、甚至直接用 Absurd,框架除了Bootstrap还有很多。JS写多了很麻烦?jQuery。移动开发?Zepto.js。结构不好?找框架,Backbone.js是MVC,AngularJS和Ember.js是MVVM,Twitter还弄了个事件驱动框架Flight。库多了要优化加载?RequireJS。

代码质量成问题?Jasmine、QUnit、Mocha做单元测试。各种浏览器都要测?用Karma。测试通过了部署还有问题?持续集成,用Travis CI。用户行为也要测?用Selenium 。样式测试还有Viff 。觉得JS都够麻烦的?用CoffeeScript。

想做动画?Canvas或SVG还有CSS3帮忙,干掉Flash。SVG太难画?用Snap.svg。想开发游戏?用Canvas。自己写FPS太低?用框架,CreateJS.。2D太幼稚?three.js帮你用WebGL开发3D,还不够给力?asm.js让你在浏览器中拥有虚幻3引擎。

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

光在电脑浏览器上跑不给力?移动开发HTML5,离开网络就渣了?HTML5离线应用。不如原生应用?用PhoneGap。想调用原生API?开发Firefox OS应用吧。浏览器应用也得会吧,Chrome Firefox都有自己的文档。接着是不是把后端甩了,自己来,装Node.js,所以还得学点服务器知识,想用npm管理node包?linux技巧shell神马的也得学。想前后端通吃?再看看http协议。Web精通了?node-webkit 让你可以写桌面程序了,继续学吧。

想学模块化开发?看看CommonJS和AMD规范。理解JS有偏差?看看ECMA-262,等等不知道什么时候第6版就要出了。浏览器各不相同,弄不清该怎么兼容?看看W3C标准,HTML写出来人看的懂,机器读不懂?要SEO,要支持残障人士?看HTML语义化,全会了但IE就是不支持?叫不出名字的浏览器尼玛连JS都不知道是啥?渐进增强。想一次把各种设备全搞定?响应式设计。

然后上面这些不过是一些讨巧的小技术。公司做什么业务的?了解一下行业信息。面向大众的产品?交互设计。美工不给力?UI设计。外包和咨询?设计模式、重构方法、算法、数据结构。知道软件工程吗?了解一下敏捷开发,或许还可以试试TDD、ATDD、BDD。

看了这么多东西,第一反应是不是求中文文档?学英语去吧。

这些也不过是我目前所能看到的一小部分,而且每段基本都是到了一个边界,并不是没得学了,而是继续学又是另一片天地。真心希望有人能帮我填补知识盲区。另外,我仅把一些知识点串起来,不全或不对的地方请见谅。

前端学习交流QQ群:328058344  我们一起学前端!

本文由新葡萄京娱乐场8522发布于计算机编程,转载请注明出处:前端开垦日报,前端开拓者迅速提高导航

TAG标签:
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。