Skip to content

Latest commit

 

History

History
123 lines (88 loc) · 6.63 KB

README.md

File metadata and controls

123 lines (88 loc) · 6.63 KB

Front-end Knowledge Points

本项目是百度前端技术学院(百度IFE第一期)学习过程中涉及到的相关资料汇总,其中部分资料可能需要翻墙访问(翻墙指南),本列表的内容会随着课程进展逐步完善。

Pre

  1. Quora: What are the best resources for learning JavaScript?
  2. 知乎中一些值得推荐的前端领域相关问答
  3. 知乎:有哪些关于前端技术的推荐书籍

Task 1 HTML\CSS\Git Basic

Reading:

  1. 知乎:Web开发基础指南
  2. 常备站点:MDN https://developer.mozilla.org/zh-CN/
  3. 推荐图书:Head First HTML&CSS, 2nd
  4. Sublime常用配置技巧与常用插件
  5. Web前端编程规范AlloyTeam编程规范
  6. RGB颜色查询对照表
  7. 浏览器兼容性查询

Git

  1. Git入门:猴子都能懂的GIT入门
  2. Git Magic (强推)
  3. First Aid Git: A searchable collection of the most frequently asked Git Questions

HTML:

  1. MDN: HTML入门
  2. 知乎:如何理解Web语义化

CSS & Layout:

  1. CSS入门:https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Getting_started
  2. 学习CSS布局:http://zh.learnlayout.com/no-layout.html
  3. CSS常见布局问题整理
  4. 淘宝UED:双飞翼布局 http://www.imooc.com/wenda/detail/254035
  5. stackoverflow: 3 column layout
  6. CSS3中的网格
  7. CSS Flexible Box: CSS3中弹性盒布局的最新版
  8. Tool: How to Center in CSS

Task 2 JavaScript Basic

Reading:

  1. 推荐阅读:Head First HTML5 Programming
  2. 推荐阅读:JavaScript高级程序设计,第3版
  3. Dive Into HTML5
  4. MDN: JavaScript Wiki

HTML5

  1. Tutorial: Native HTML5 Drag and Drop API

JavaScript

  1. MDN: JavaScript入门
  2. JavaScript性能优化:加载和执行
  3. MDN: JavaScript正则表达式
  4. MDN: query selector
  5. MDN: Cookie
  6. w3school: Ajax基础教程
  7. Blog: 使用原生JavaScript封装Ajax
  8. Comet: 基于HTTP长连接的“服务器push”技术
  9. jsfiddle: a simple countdown timer
  10. Simple Ajax Auto-Complete Example
  11. Tutorial: 使用原生JavaScript从0开始开发一个轮播图

Node.js

  1. scotch.io: Build a RESTful API Using Node and Express 4
  2. Express跨域问题解决方案

Questions

  1. 为什么JavaScript中0.1+0.2不等于0.3?参看浮点数计算的基本问题
  2. stackoverflow: most efficient way to clone an object
  3. stackoverflow: remove duplicate items from an array
  4. stackoverflow: 浏览器类型判断
  5. stackoverflow: creating the checkbox daynamically using javascript
  6. stackoverflow: How to iterate JSON array in JavaScript

Task 3 JavaScript Advanced

Reading

  1. JavaScript高级程序设计,第3版
  2. JavaScript: The Good Parts
  3. JavaScript: The Definitive Guide
  4. Learning Advanced JavaScript
  5. Elogquent JavaScript
  6. JavaScript Garden
  7. 数据结构与算法JavaScript描述
  8. 编写可维护的JavaScript
  9. Effective JavaScript

Language

  1. 5个经典的JavaScript面试题
  2. 鸟哥:理解JavaScript的作用域
  3. JavaScript 开发进阶:理解 JavaScript 作用域和作用域链
  4. Understanding JavaScript Prototypes
  5. A Plain Guide to JavaScript Prototypes
  6. 详解JavaScript的函数闭包

Object-Oriented Programming

  1. Javascript 面向对象编程基础入门

Design Patterns

  1. 常用的JavaScript设计模式

Task 4

Contact me

  1. My profile: http://wwsun.me/about.html
  2. My Github: https://github.com/wwsun
  3. My Weibo: http://weibo.com/234170023