https://github.com/wwsun/ife-tutorial

The collection of front-end tutorials and knowledge points.
https://github.com/wwsun/ife-tutorial

Last synced: about 2 months ago
JSON representation

The collection of front-end tutorials and knowledge points.

• Host: GitHub
• URL: https://github.com/wwsun/ife-tutorial
• Owner: wwsun
• Archived: true
• Created: 2015-04-21T09:55:55.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-07-30T12:59:53.000Z (about 8 years ago)
• Last Synced: 2024-07-12T01:44:30.966Z (2 months ago)
• Language: CSS
• Homepage: https://www.gitbook.com/book/wwsun/ife-tutorial/details
• Size: 125 KB
• Stars: 239
• Watchers: 32
• Forks: 41
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Guide For Front-end Developers

This project is based on [gitbook](www.gitbook.com) service to organize and share front-end knowledges. It is a guide to help front-end freshman to learning front-end knowledges, including HTML, CSS, JavaScript, Node.js etc. What's more, some advanced topics will also be discussed in this project, such as React, Koa etc. In order to improve the quality of knowledge points, lots of relevant links will be given for you to reference.

The Gitbook Address: https://wwsun.gitbooks.io/ife-tutorial/content/

## Learning Tips

For freshman, we suggests:

> Learn the actual underlying technologies, before learning abstractions. Don't learn jQuery, learn the DOM. Don't learn SASS, learn CSS. Don't learn HAML, learn HTML. Don't learn CoffeeScript, learn JavaScript. Don't learn Handlebars, learn JavaScript ES6 templates. Don't just use Bootstrap, learn UI patterns. When getting your start, you should fear most things that conceal complexity. -- Kyle Simpson

[Video Link](https://www.youtube.com/watch?v=QjKH1J77gjI)

## 中文说明

本项目作为一份前端学习的指南，内容主要包括前端学习所包括的主要知识，例如HTML、CSS、JavaScript等基础内容，

还包括一些前端高级技术，例如常用的前端框架等。

本项目已经重构为 Gitbook 免费书籍，后续会对整体内容进行重新整理。

访问地址： https://wwsun.gitbooks.io/ife-tutorial/content/

## Relevant links

- Quora: [What are the best resources for learning JavaScript?](https://www.quora.com/What-are-the-best-resources-for-learning-JavaScript)

- [知乎中一些值得推荐的前端领域相关问答](http://www.zhihu.com/question/20246142)

- 知乎：[有哪些关于前端技术的推荐书籍](http://www.zhihu.com/question/19809484?rf=20315724)

- [前端知识体系](https://github.com/JacksonTian/fks)

- [JavaScript之路（包含大量学习资源）](http://jstherightway.org/)

- [一些前端面试题](https://github.com/h5bp/Front-end-Developer-Interview-Questions)

## Useful Online Services

- IDE: Sublime、WebStorm、Visual Studio Code、Atom

  - [Sublime常用配置技巧与常用插件](http://wwsun.me/posts/sublime-usage.html)

- [W3C：HTML规范验证服务](https://validator.w3.org)

- 浏览器兼容性查询：[Can I Use](http://caniuse.com/)

- 图像占位符服务：[placehold.it](http://placehold.it/)

- Web字体托管服务：[FontSquirrel](http://www.fontsquirrel.com/) | [Google Fonts]()

- Web颜色生成器：[coolors.co](https://coolors.co/)

- [跨浏览器测试工具modern.IE](https://www.modern.ie/zh-cn)

- [BootCDN: 稳定、快速、免费的开源项目 CDN 服务](http://www.bootcdn.cn/)