Web移动开发：前端开发学习资源集合

绝地灬酷狼 2022-08-07 09:58 287阅读 0赞

成为优秀的 Web 移动开发者之前端开发[学习][Link 1]资源集合，本文收集了迄今最前面的 HTML、CSS、JavaScript、Ruby on Rails 等学习资源[网站][Link 2]、工具信息。

HTML 和 CSS

[30 Days to Learn HTML and CSS][]

想学习 HTML 和 CSS 却有不知如何开始？"30 天教你学 HTML 和 CSS"，免费的课程视频，一天一个，让你 30 天学会 HTML 、 CSS。你只需要每天花上十多分钟观看，便可轻松学习。网站也提供相应的学习资料下载。

[![095003ieawp9e8q36ap326.png][]][095003ieawp9e8q36ap326.png]

[A Beginner’s Guide to HTML & CSS][A Beginner_s Guide to HTML _ CSS]

简单、全面的指南可以帮助新手在学习 HTML 和 CSS 的时候打下好的基础。HTML & CSS 的基础知识、前端设计和开发元素在这里无一不是最具体的。

[![0950290arrwn8qspp8qgsp.png][]][0950290arrwn8qspp8qgsp.png]

[Don’t Fear the Internet][Don_t Fear the Internet]

不想学写代码？这个网站提供了一个简要的 WordPress、CSS 和 HTML 介绍以及 PHP 知识，主要通过资深开发者的视频[教程][Link 1]为学习者提供技术信息。

[![095115p6q64psqyyv104xx.png][]][095115p6q64psqyyv104xx.png]

JAVASCRIPT

[Backbone Screencasts][]

如果你在学习 Backbone.js，那么网站里的这些视频将是非常有用的，实践 Backbone.js 编程课程将带你从入门到高级，层层深入，要学习的朋友们不容错过。

[![095207t05qu5ttsi6c670y.png][]][095207t05qu5ttsi6c670y.png]

[appendTo][]

JavaScript 和 jQuery 技术变得原来越受追捧。appendTo 为我们提供一系列课程帮助，我们提高这些开发技能。

[![095240supzcu77hw7p3y44.png][]][095240supzcu77hw7p3y44.png]

[JavaScript Garden][]

JavaScript Garden 主要提供 JavaScript 文档资源的网站，更新速度相当快。它为学习者们提供避免常规错误以及细节错误的建议。列出一些开发者们遇到过问题，帮助学习者避免这些问题。它主要致力于专业开发人员，需要有语言基础。

[![095159eu6luyrrvv6p66r6.jpg][]][095159eu6luyrrvv6p66r6.jpg]

[NodeSchool][]

提供交互课程学习 Node.js，包括核心概念和选修课。

[![0953339x89bnroyy6mbirk.jpg][]][0953339x89bnroyy6mbirk.jpg]

[Eloquent JavaScript: A Modern Introduction to Programming][Eloquent JavaScript_ A Modern Introduction to Programming]

"Eloquent JavaScript"是一本关于 JavaScript 的书，如果想学习 JavaScript，可以点击链接学习。

[![095422l1dlkl8ddroy81uo.png][]][095422l1dlkl8ddroy81uo.png]

[Node Tuts][]

学习 Node.Js 的免费网络直播网站。

[![1003391b0lftlfzky9z7t9.png][]][1003391b0lftlfzky9z7t9.png]

RUBY ON RAILS

[Ruby on Rails Tutorial][]

[![100418t2zk2i4j2atgairt.png][]][100418t2zk2i4j2atgairt.png]

[TryRuby][]

[![100459re6nlc70x0ahlafi.png][]][100459re6nlc70x0ahlafi.png]

[Hackety Hack][]

[![100533rnl999a1k9dbblxs.png][]][100533rnl999a1k9dbblxs.png]

[Virtuous Code][]

[![100556zvgv393y3yqee9qx.png][]][100556zvgv393y3yqee9qx.png]

[RubyMonk][]

[![100616farzjz0xgvxvzxgl.png][]][100616farzjz0xgvxvzxgl.png]

[Rails for Zombies][]

[![100641iul4cmqdr22e0p9d.png][]][100641iul4cmqdr22e0p9d.png]

[RailsCasts][]

[![10070264pzcdyo6d6uyooy.png][]][10070264pzcdyo6d6uyooy.png]

[Link 1]: http://www.html5cn.org/portal.php?mod=list&catid=13
[Link 2]: http://www.html5cn.org/
[30 Days to Learn HTML and CSS]: http://net.tutsplus.com/articles/news/30-days-to-learn-html-and-css-a-free-tuts-premium-course/
[095003ieawp9e8q36ap326.png]: http://www.html5cn.org/data/attachment/portal/201409/12/095003ieawp9e8q36ap326.png
[A Beginner_s Guide to HTML _ CSS]: http://learn.shayhowe.com/html-css/
[0950290arrwn8qspp8qgsp.png]: http://www.html5cn.org/data/attachment/portal/201409/12/0950290arrwn8qspp8qgsp.png
[Don_t Fear the Internet]: http://www.dontfeartheinternet.com/
[095115p6q64psqyyv104xx.png]: http://www.html5cn.org/data/attachment/portal/201409/12/095115p6q64psqyyv104xx.png
[Backbone Screencasts]: http://backbonescreencasts.com/
[095207t05qu5ttsi6c670y.png]: http://www.html5cn.org/data/attachment/portal/201409/12/095207t05qu5ttsi6c670y.png
[appendTo]: http://learn.appendto.com/
[095240supzcu77hw7p3y44.png]: http://www.html5cn.org/data/attachment/portal/201409/12/095240supzcu77hw7p3y44.png
[JavaScript Garden]: http://bonsaiden.github.com/JavaScript-Garden/
[095159eu6luyrrvv6p66r6.jpg]: http://www.html5cn.org/data/attachment/portal/201409/12/095159eu6luyrrvv6p66r6.jpg
[NodeSchool]: http://nodeschool.io/
[0953339x89bnroyy6mbirk.jpg]: http://www.html5cn.org/data/attachment/portal/201409/12/0953339x89bnroyy6mbirk.jpg
[Eloquent JavaScript_ A Modern Introduction to Programming]: http://eloquentjavascript.net/
[095422l1dlkl8ddroy81uo.png]: http://www.html5cn.org/data/attachment/portal/201409/12/095422l1dlkl8ddroy81uo.png
[Node Tuts]: http://nodetuts.com/
[1003391b0lftlfzky9z7t9.png]: http://www.html5cn.org/data/attachment/portal/201409/12/1003391b0lftlfzky9z7t9.png
[Ruby on Rails Tutorial]: http://ruby.railstutorial.org/
[100418t2zk2i4j2atgairt.png]: http://www.html5cn.org/data/attachment/portal/201409/12/100418t2zk2i4j2atgairt.png
[TryRuby]: http://tryruby.org/levels/1/challenges/0
[100459re6nlc70x0ahlafi.png]: http://www.html5cn.org/data/attachment/portal/201409/12/100459re6nlc70x0ahlafi.png
[Hackety Hack]: http://hackety.com/
[100533rnl999a1k9dbblxs.png]: http://www.html5cn.org/data/attachment/portal/201409/12/100533rnl999a1k9dbblxs.png
[Virtuous Code]: http://devblog.avdi.org/
[100556zvgv393y3yqee9qx.png]: http://www.html5cn.org/data/attachment/portal/201409/12/100556zvgv393y3yqee9qx.png
[RubyMonk]: http://rubymonk.com/
[100616farzjz0xgvxvzxgl.png]: http://www.html5cn.org/data/attachment/portal/201409/12/100616farzjz0xgvxvzxgl.png
[Rails for Zombies]: http://railsforzombies.org/
[100641iul4cmqdr22e0p9d.png]: http://www.html5cn.org/data/attachment/portal/201409/12/100641iul4cmqdr22e0p9d.png
[RailsCasts]: http://railscasts.com/
[10070264pzcdyo6d6uyooy.png]: http://www.html5cn.org/data/attachment/portal/201409/12/10070264pzcdyo6d6uyooy.png