Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jogiter/understanding-front-end

Nobody can casually succeed
https://github.com/jogiter/understanding-front-end

Last synced: 9 days ago
JSON representation

Nobody can casually succeed

Awesome Lists containing this project

README 

        
[我如何零基础转行成为一个自信的前端](https://juejin.im/post/5c75d34851882564965edb23?utm_source=gold_browser_extension)

----



>善于使用 git，阅读了解各类 [awesome](https://github.com/search?q=awesome&type=Repositories)。



# 前端笔记



分享和记录前端相关的学习技术和资料

- rule

  - [前端规范](./doc/前端开发规范.md)

  - [代码整洁的 JavaScript](https://github.com/beginor/clean-code-javascript)

- css

  - [3D透视](./css-tricks/3d-img.html)

  - [css-secrets](./css-tricks/css-secrets/supports/supports.html)

  - [CSS滤镜](./css-tricks/-webkit-filter.html)

- share

  - [git 教程](./share-reveal/git/index.html)

  - [微信保存和分享图片](./share-reveal/wechat-save-and-share-image/index.html)



----



## Books

* [free-programming-books](https://github.com/vhf/free-programming-books/blob/master/free-programming-books-zh.md)



## Video



* [This is a list of must-watch videos devoted to JavaScript](https://github.com/bolshchikov/js-must-watch)



## Javascript



* [awesome frontend libraries](https://github.com/JingwenTian/awesome-frontend)

* [Awesome Javascript](https://github.com/wwsun/awesome-javascript)

* [Javascript 秘密花园](http://bonsaiden.github.io/JavaScript-Garden/zh/) 介绍javascript常见问题

* [JavaScript 标准参考教程](http://javascript.ruanyifeng.com/)

* [Javascript 参考手册](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript) 来自火狐开发者网络

* [jQuery API](http://jquery.cuishifeng.cn/)

* [ECMAScript 6入门](http://es6.ruanyifeng.com/)



## HTML

* [Html 学习](http://zh.html.net/tutorials/html/)

* [Html 参考手册](http://w3school.com.cn/html/index.asp)



## CSS



* [CSS学习](http://www.w3school.com.cn/css/)

* [CSS参考手册](http://css.doyoe.com/) 可下载chm离线版

* [A to Z css](http://www.atozcss.com/ "CSS Screencasts for Designers & Developers")

* [Sass Guidelines](http://sass-guidelin.es/zh/#section)

* [stylus](https://github.com/stylus/stylus)

* [iconfont](https://github.com/search?q=svg+icons&type=Repositories)

  * [Font-Awesome](https://github.com/FortAwesome/Font-Awesome)

  * [SVG icons for popular brands](https://github.com/simple-icons/simple-icons) 



## VUE



* [Vue UI Components based on WeUI](https://github.com/airyland/vux)

* [A curated list of awesome things related to Vue.js](https://github.com/vuejs/awesome-vue)



## DOC



* [Effortlessly documentation done right](https://github.com/egoist/docute)



## Gulp



* [gulp docs in Chinese](https://github.com/lisposter/gulp-docs-zh-cn)



## 订阅周刊

* [前端周刊](http://feweekly.com/issues)

* [JavaScript Weekly](http://javascriptweekly.com/)

* [Mobile Web Weekly](http://mobilewebweekly.co/)

* [node weekly](http://nodeweekly.com/)



## 浏览器特性检测

* [Can I Use](http://caniuse.com/) 浏览器js/css特性兼容性查询

* [Modernizr](https://modernizr.com/) 检测浏览器特性的js库



## 前端社区

* [玩林](http://www.iwan0.com/)

* [cnode前端资源教程](https://cnodejs.org/topic/56ef3edd532839c33a99d00e)



-----



## 前端优秀的工具



* [bitbucket](https://bitbucket.org/klook/)：可免费发布私有仓库的 `Git` 平台。

* [Git](https://git-scm.com/downloads)：免费的开源分布式版本控制系统

* [node](https://nodejs.org/en/)：`v8.11.4`

  * [nrm](https://github.com/Pana/nrm)：`NPM` registry manager，快速切换不同的 `registry`：`npm`，`cnpm`，`nj`，`taobao`

  * [nvm](https://github.com/nvm-sh/nvm)：`Node` Version Manager，快速切换多个 `Node` 版本。

* [vscode](https://github.com/microsoft/vscode)：更友好的 `Typescript` 支持。

  * [vscode 快捷键](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf)

* [emmet](http://emmet.io) css，html 高效工具，参考 [emmet-Syntax](http://docs.emmet.io/cheat-sheet/) 

* [fiddler](http://www.telerik.com/fiddler) 免费的抓包、模拟xhr、测试工具

* [chrome DevTools](https://developer.chrome.com/devtools/docs/remote-debugging#reverse-port-forwarding)

* [Lighthouse](https://lighthouseapp.com/)