Front-End-Develop-Guide

这份指南汇集了前端开发所使用语言的主流学习资源,并以开发者的视角进行整理编排而成,想了解该指南及前端开发更多信息的同学,可以阅读短文《致 Front-End Developers(2015)》,欢迎开发者一起维护,或反馈/投稿。

由 @wen 负责整理,不足之处还望大家多多包容与提供建议。

目录 什么是前端开发 阅读 JavaScript Guide 生态 Questions 数据结构与算法 衍生 Node.js Mongodb WebGL Chrome扩展 桌面应用程序 移动应用程序 V8 引擎文献 社区列表 什么是前端开发 Web Front-End Stack:这张图非常详细。 W3C组织提供了官网的地址:w3.org,可以去查询最近实现的标准以及将来可能实现的讨论。 web前端开发可能包括HTML,CSS,JavaScript,Web API,SVG,WebGL,MathML等,语言是编程的基础,火狐的MDN出了一份比较通略的文档,可以快速查看 Web 技术文档。 阅读 无处不在的html:HTML是Web的核心语言,也是最基础的语言; XHTML2 Working Group Home Page HTML5 API Search:可以快速的查询某个HTML5的API; HTML5 Rocks:通过这个网站可以搜索到很多关于HTML5的教程; 图灵程序设计丛书:HTML5权威指南 编码规范 by @mdo:开发灵活,稳定,可持续 HTML 和 CSS 代码的规范,每一项都有很详细的解释; css guide lines 通用 CSS 笔记、建议与指导:本文档第一部分将探讨语法、格式以及分析 CSS 结构;第二部分将围绕方法论、思维框架以及编写与规划 CSS 的看法; 学习CSS布局:教授的是现在广泛使用于网站布局领域的CSS基础; CSS3 Tutorial 《CSS3 教程》:CSS3 Tutorial 是一本关于 CSS3 的开源书,作者利用业余时间写了本书,图文并茂,用大量实例带你一步一步走进 CSS3 的世界; Magic of CSS CSS词汇表:查询CSS的词汇; CSS参考 Sass基础知识:Sass官网,讲述Sass/SCSS应用的基础知识,变量、函数、条件、循环、宏等等; Sass中文网:中文大,给E文不好的小朋友们; Sass Guidelines:这是由Sass专家Hugo Giraudel撰写的一份“编写稳健、可维护和可扩展的Sass”的指南,这份指南已被翻译成中文; Sass meister:在线Sass/SCSS调试器; Post Css JavaScript文档将引用justjavac/free-programming-books-zh_CN#JavaScript所整理的免费图书以及自己所收集的资料; JavaScript Guide Google JavaScript 代码风格指南:Google风格指南不但指出每条规范,还解释了为什么这样写的原因,同时给出了对与错的实例; Airbnb JavaScript 规范:A mostly reasonable approach to JavaScript,跟Google规范类似; Google JSON 风格指南:该风格指南是对在Google创建JSON APIs而提供的指导性准则和建议。总体来讲,JSON APIs应遵循JSON.org上的规范。这份风格指南澄清和标准化了特定情况,从而使Google的JSON APIs有一种标准的外观和感觉。这些指南适用于基于RPC和基于REST风格的API的JSON请求和响应; Javascript编程指南 (源码) 重新介绍 JavaScript(JS 教程):是火狐推出的一系列的JS教程,为什么会有这一篇“重新介绍”呢?因为 JavaScript 堪称世界上被人误解最深的编程语言。虽然常被视作“玩具语言”,但它看似简洁外衣下,还隐藏着强大的语言特性。 JavaScript 目前广泛应用于一大批知名应用中,对于网页和移动开发者来说,深入理解 JavaScript 就尤有必要; JavaScript 标准参考教程(alpha) javascript 的 12 个怪癖 JavaScript 秘密花园 JavaScript核心概念及实践:(PDF) (此书已由人民邮电出版社出版发行,但作者依然免费提供PDF版本,希望开发者们去购买,支持作者); 《JavaScript 模式》:“JavaScript patterns”中译本; 命名函数表达式探秘 :(注:原文由为之漫笔翻译,原始地址无法打开,所以此处地址为我博客上的备份); 学用 JavaScript 设计模式 :(开源中国) 深入理解JavaScript系列:汤姆大叔2011年翻译的一系列的文章,很值得一读; ECMAScript 6 入门:(作者:阮一峰) JavaScript Promise迷你书:讲述Promise实现; You-Dont-Know-JS:(深入JavaScript语言核心机制的系列图书); 生态

如果你想飞起来,这正是好去处。

jQuery How to write jQuery plugin TypeScript React Vue 前端代码异常日志与监控 理解OAuth 2.0 下面两篇文章不会对 HTTP 的细节进行深究,而是从够高和更结构化的角度将 HTTP 协议的元素进行分类讲解,可以先阅读 HTTP 协议漫谈 和 图解Http协议 来对HTTP有一个大概的了解。 HTTP协议 HTTP/2协议的背景、内容、实现和未来 HTTP 下午茶 HTTP接口设计指南 白话 HTTPS & SSL/TSL:你肯定能阅读明白。 深入全面了解,可阅读HTTP权威指南。 Web缓存机制系列 移动端尺寸基础知识 移动端高清、多屏适配方案 移动端开发小记 - Flexbox 搞定这些疑难杂症,向css3动画说yes web移动端性能调优及16ms优化 无线性能优化:域名收敛 缓存机制浅析 移动端 Web 加载性能优化 移动端网络优化-同样适用于HTML5页面 移动H5前端性能优化指南 权威的前端性能指南 Front-End Questions Front-end-Developer-Interview-Questions:面试题集合; 中文前端开发面试题 中文前端开发面试题 Mars - mobile needs a hero:腾讯出品的移动端实践; mobileTech:收集了移动端出现的问题以及解决思路与技巧; 移动web资源整理:移动web资源整理; Front-End 需要了解的数据结构与算法 Leetcode 数据结构与算法(JS 版) (@进击的Luke) What are the 10 algorithms one must know in order to solve most algorithm problems 基础算法 那些少人所知而又有用的数据结构(StackOverflow) 高级数据结构大全 延伸可扩展的方向(全栈)

延伸可扩展的方向是指,脱离了浏览器环境的编程。

关于编译,建议阅读 工程中的编译原理--Jison入门篇

如果你想发展为全栈,建议阅读 Growth: 全栈增长工程师指南

Node.js

入门

Node入门 七天学会NodeJS Nodejs Wiki Book Node.js 包教不包会 nodejs中文文档 express.js 中文文档 koa 中文文档 express框架

阅读

使用 Express + MongoDB 搭建多人博客 Learn You The Node.js For Much Win! (中文版) Node debug 三法三例 深入浅出Nodejs读书笔记 NodeJS的代码调试和性能调优 在 Node.js 应用中集成 Redis Node.js 应用程序的 5 条性能建议 国内Nodejs 2015汇总 Mongodb the-little-mongodb-book-cn Chrome扩展开发 Chrome Extension 入门指南 桌面应用程序开发 使用node-webkit构建桌面应用程序(一) 使用node-webkit构建桌面应用程序(二) youdao出品的HEX electron 移动应用程序开发 ionic中文指南 React Native 中文版 Flutter WebGL WebGL 中文版 v8 引擎文献

可以先通过阅读 V8引擎简介来了解JavaScript现在最好的引擎是怎样的,然后访问 Chrome V8来获取最新的资料,API文档可以访问 v8-docs。

V8 Javascript 引擎设计理念 JavaScript引擎的性能优化 V8引擎中的hidden class JavaScript V8 性能小贴士 社区列表 社区列表

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。