GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - icepy/Front-End-Develop-Guide: 💰 Awesome The Front End Develop Guide:这份指南汇集了前端开发所使用语言的主流学习资源,并以开发者的视角进行整理编排而成。

This repository was archived by the owner on Feb 8, 2026. It is now read-only.
BranchesTags
Open more actions menu

Latest commit

 

History

101 Commits
101 Commits

Folders and files

NameName
Last commit message
Last commit date
.editorconfig
.editorconfig
 
 
.gitignore
.gitignore
 
 
2015letter.md
2015letter.md
 
 
HelloWorld.js
HelloWorld.js
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
community.md
community.md
 
 
feedly.opml
feedly.opml
 
 

Repository files navigation

Front-End-Develop-Guide

img img img

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

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

目录

  • 什么是前端开发
    • 阅读
    • 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 性能小贴士

社区列表

  • 社区列表

About

💰 Awesome The Front End Develop Guide:这份指南汇集了前端开发所使用语言的主流学习资源,并以开发者的视角进行整理编排而成。

Resources

Readme
MIT license
Activity

Stars

2.9k stars

Watchers

237 watching

Forks

612 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.