Frontend engineering.md

Frontend engineering

• http://article.yeeyan.org/tags/编程
• Ruby on Rails (web framework): What is the best way to learn Ruby on Rails? Bloc.io? theFirehoseProject?
• Ruby on Rails (web framework): As of the 27th of January 2013, what's the best way for someone who knows a lot about HTML and CSS to learn Ruby on Rails?
• http://www.quora.com/What-is-the-fastest-way-to-learn-Django
• http://www.quora.com/Ruby-on-Rails-web-framework/What-is-the-best-way-to-learn-Ruby-on-Rails-Bloc-io-theFirehoseProject
• http://www.databaseanswers.org/data_models/index.htm (from: http://www.quora.com/What-is-the-fastest-way-to-learn-Django)
• I am 15 and want to learn web development. I have a basic understanding of html, CSS, JavaScript, and I'm learning Rails. How long should it take before I am a working developer, and what should I learn?
• Git小书-图书-图灵社区 -> 1000copy的文章-图灵社区 -> 《bootstrap小书》免费上线。节省时间快速学习bootstrap框架的利器-图灵社区 -> bootstrap-图灵社区 -> 如何水水地写一个网站。（草稿）-图灵社区

Blog

• https://flipboard.com/section/ossian-的網頁設計三兩事-bzoKY2
• 如何优雅地使用Sublime Text-图灵社区 -> 如何优雅地使用Sublime Text _ 晚晴幽草轩 -> 与时俱进版前端资源教程 _ 晚晴幽草轩 -> Github - nicejade_Front-end-tutorial_ 最全的资源教程-前端涉及的所有知识体系，并在 Nice Front-end

Community

• Awesome:
  • Freecodecamp
  • dev.to
  • MUO
    • MUO: object programming
• http://www.quora.com/What-is-the-best-way-to-learn-HTML-CSS-and-JavaScript
  • http://alistapart.com
  • http://smashingmagazine.com
  • http://net.tutsplus.com
  • http://www.creativebloq.com/tag/web-design
• http://www.quora.com/What-is-the-best-way-to-educate-yourself-on-HTML-CSS-JavaScript-and-AJAX
  • http://html5boilerplate.com is a solid starting point, and reading the docs and faqs (and learning about why it includes what it does) is educational.
  • http://www.alistapart.com is excellent for best practices and advanced topics.
  • http://jsfiddle.net is a great tool to try things out.
  • https://developer.mozilla.org/en-US is excellent.
  • http://movethewebforward.org has a fantastic, long list of tons of additional resources.
• http://www.quora.com/What-are-the-best-sources-to-learn-web-coding-in-a-short-time
  • StackOverflow when you have a specific programming query Quora when you have architectural design like doubts
  • SmashingMagazine when you want to get inspiration from other awesome sites and see good design tutorials + free resources
  • Mozilla Developer Network when you are looking for documentation and tough tutorials on coding
  • WebPlatform is like MDN but cleaner and better and younger. It may be too young at the moment and may lack some information but it will grow and become one of the best platforms for documentation and tutorials.
  • Hacker News when you just want to see great people talk and not disturb them. Oh and this is one place where you also get the best start up information with detailed reviews and what not. Quality of discussion is so frigging awesome that you just don't want to ruin it by adding mediocre thoughts to it.
  • Dochub.io when you need to know what parameters that function takes or other similar documentation. MDN is slower for these queries.
  • Google / DuckDuckGo - Google, you know is great. DDG is awesome for programming related queries. It gives answers right then and there.
• http://f2e.im/
• http://ued.taobao.com/javascript/
• http://www.ui.cn
• http://article.yeeyan.org/tags/网页
  • [HTML5 应用程序初级教程] (http://article.yeeyan.org/view/105279/134398)
• Stack exchange
• Quora
• Reddit
• Google: automated test | TDD
• Medium
• Medium: jQuery

Pratical Tools

• FontAwesome
• Animate.css
• https://gomockingbird.com/
• Github: awesome-xxx
• VS Code: extension
• 前端工程师都有用哪些比较靠谱的小工具？ - 知乎

Frontend

• 跟(不)上網頁前端技術（資源大雜燴）

  • http://kkbruce.tw/ about bootstrapv2
  • https://angularjs.org/
    • http://campus.codeschool.com/courses/shaping-up-with-angular-js/intro
  • https://github.com/doggy8088/frontend-tools

• 如何优雅地使用Sublime Text-图灵社区 -> 如何优雅地使用Sublime Text _ 晚晴幽草轩 -> 与时俱进版前端资源教程 _ 晚晴幽草轩 -> Github - nicejade_Front-end-tutorial_ 最全的资源教程-前端涉及的所有知识体系，并在 Nice Front-end

• 独立电子书-图灵社区 -> 这『六本』电子书助你成为顶尖程序员（含下载地址）-图灵社区 -> Google: GitHub 漫游指南 -> GitHub 漫游指南 – GitHub 漫游指南, phodal_github GitHub 漫游指南- a Chinese ebook on how to build a good project on Github.

• 独立电子书-图灵社区 -> 这『六本』电子书助你成为顶尖程序员（含下载地址）-图灵社区 -> Google: GitHub 漫游指南 -> GitHub 漫游指南 – GitHub 漫游指南 -> phodal_fe 《我的职业是前端工程师》 - Ebook：I'm a FrontEnd Developer

• http://www.quora.com/Is-it-reasonable-to-learn-AngularJS-for-a-six-month-school-project-How-could-it-impact-the-overall-productivity

  • 前端開發: jQuery & ASP.net

• KeJyun學習日誌: 初階網頁設計學習資源 (from: Google: laravel taiwan)

• http://www.w3cplus.com/css/bem-definitions.html

• http://codecondo.com/5-workflow-tools-for-front-end-developers/

• http://www.fullstackpython.com/javascript.html

  • http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/

• http://www.tangowithdjango.com/book/index.html

• https://leanpub.com/frontend/read

  • 2014-10-01 from: Google: php framework market share 2014 -> http://maxoffsky.com/code-blog/top-5-trends-laravels-rise-2014/ -> http://maxoffsky.com/frontend/

• https://medium.com/twitter-bootstrap

  • 2014-10-05 from: Medium: bootstrap -> https://medium.com/twitter-bootstrap
  • https://medium.com/twitter-bootstrap/what-i-learned-redesigning-my-website-in-an-afternoon-d3e438c45d1d

Google: bootstrap django / bootstrap rails

HTML5

• http://codecondo.com/5-tutorials-to-learn-html5-coding/
• http://www.8164.org/html5-resources/
• http://diveintohtml5.info/
• http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/
• html5 doctor
• https://github.com/diegocard/awesome-html5
• http://www.tutorialspoint.com/html5/index.htm
  • Google: python for loop -> http://www.tutorialspoint.com/python/python_for_loop.htm -> this

javascript

• http://blog.jobbole.com/74818/
  • http://www.codecademy.com/en/tracks/javascript
• Quora: How to learn javascript
  • -> http://www.quora.com/How-can-I-learn-JavaScript
    • -> http://eloquentjavascript.net/
      • -> http://www.nostarch.com/ejs2
      • -> http://shop.oreilly.com/product/9781593275846.do
• JavaScript: The Definitive Guide, 6th Edition 中文版
• Eloquent Javascript, by Google: Javascript ebook
• JSbooks - Free javascript books , by Google: Javascript ebook

jQuery

• 学习jQuery的免费资源：电子书、视频、教程和博客
• http://jqfundamentals.com/ , from Google: jquery guide
• http://www.w3schools.com/jquery/default.asp
• http://www.tutorialspoint.com/jquery/index.htm
  • Google: python for loop -> http://www.tutorialspoint.com/python/python_for_loop.htm -> this

Bootstrap

• http://www.w3schools.com/bootstrap/
• https://realpython.com/blog/python/getting-started-with-bootstrap-3/
• https://realpython.com/blog/python/an-effective-sales-page-with-bootstrap-3/
• http://www.bootcss.com/ (from: Google: bootstrap chinese)
  • http://www.bootcss.com/p/flat-ui/
• http://www.tutorialspoint.com/bootstrap/index.htm
  • Google: python for loop -> http://www.tutorialspoint.com/python/python_for_loop.htm -> this
• http://www.w3cplus.com/blog/tags/126.html
• Git小书-图书-图灵社区 -> 1000copy的文章-图灵社区 -> 《bootstrap小书》免费上线。节省时间快速学习bootstrap框架的利器-图灵社区 -> bootstrap小书 · GitBook (Legacy)

Some free Bootstrap themes as good examples

• Google: bootstrap -> Freelancer - Start Bootstrap Theme -> http://startbootstrap.com/ , provides many Bootstrap examples, and jQuery usage.
• See also: http://codecondo.com/bootstrap-themes/
• http://startbootstrap.com!
  • http://www.ironsummitmedia.com/blog/better-html-starter-templates-for-twitter-bootstrap-3/
• http://codecondo.com/10-prototyping-apps-bootstrap/
• http://www.distortionofsound.com/ (from: http://www.hydrogenaud.io/forums/index.php?showtopic=106575)

Django & Template

• http://www.slideshare.net/cosecant/best-practices-for-frontend-django-developers?related=1

SEO

http://www.quora.com/What-is-the-path-for-learning-understanding-and-creating-your-own-search-engine

Restful

Website to learn code

• How I taught myself to code in 8 weeks - Yipit.com
• CodeCademy - Python
• http://campus.codeschool.com/courses/shaping-up-with-angular-js/intro
• Udemy
• Treehouse
• udacity
• learnstreet
• coursera
• khan academy