我一直在单页应用程序上开始工作。 (想想TiddlyWiki)
自从我认真进行了网页设计以来已经有一段时间了。上次我建立大型网站的时间是cs之前的版本，javascript之前的版本，html5之前的版本，即HTML加上很多cgi脚本，在我的情况下，大多数是PHP。多年来，我已经摘录了新技术的摘要，但没有以任何有组织的形式。
我认为现在是回到正题的时候了，遍历大量越来越复杂的页面/站点-HTML-> HTML + CSS-> Javascript-> HTML5函数...
这使我想知道是否有类似于“从零开始的Linux”的教程，而侧重于“从零开始的网站”？还是至少有一系列以HTML hello世界为起点，并以合乎逻辑的方式逐步添加功能的教程？
谢谢!
最佳答案
我个人建议您正确学习HTML和CSS，甚至在考虑javascript之前(尤其是在考虑SPA之前)就可以正常工作。这是我最近为某人写的一些指南，可能会对您有所帮助:
因此，要成为CSS大师，您必须考虑并理解一些事情(按照我认为的重要性顺序):
选择器可让您定位页面上的元素，而没有选择器则无能为力(除了向内联元素添加样式规则-不好的做法!)，因此它是一个很好的起点。了解选择器的工作方式及其支持。
接下来要了解的是最重要的主题之一，它将避免您不必要地编写过多的CSS-级联!
特异性确定将哪些规则应用于给定元素。在大多数情况下，可以避免这种情况，您可以继续无知，但了解它会驯服您的选择器，并阻止您与自己进行军备竞赛，向选择器添加更多和ID以应用您的样式(如果这没有道理) ，您不了解具体情况，请继续阅读!)
每当我与人们谈论CSS时，大多数人都会理解字体样式，背景和所有爵士乐。那是因为这很简单；-)人们似乎总是会遇到麻烦的领域是理解定位和 float 。它们都与盒子模型联系在一起，所以首先要学习的是盒子模型，然后再进行定位和 float :
不必担心，此时您的想法有些震撼，它们确实使您感到困惑!
但是什么是没有标记的CSS？确切地说，没有好的HTML的好的CSS有什么用？我认为，对CSS有一个很好的理解就是对HTML有一个很好的理解。以下网站包含有关HTML的大量信息:
对于初学者来说，它们可能有点太深了，因此，我也强烈推荐以下书籍:
它们都向您展示了如何使用CSS编写良好的语义标记和样式以创建出色的结果。我知道，对，在您拥有互联网的今天和那个时代，谁需要书籍？这些书太棒了，而且值得花100％的价钱。
一些针对性较差的建议，但是对于一般CSS/HTML学习来说是很好的资源:
最后一件事-网络的强大功能-所有网站都是有效的开源*，因为您可以查看网站的所有CSS/HTML/JS。下次当您看到有趣的东西时，请打开 Firebug 并尝试了解发生了什么，更改值，看看它有什么作用。查看其他人如何组织其标记，他们如何设置样式，通过CSS委派给javascript的功能等。
在理解了以上所有内容之后，您可以尝试使用一些最先进的CSS。方便使用CSS3技术的网站:
这就是我目前能想到的一切!当然，就像掌握任何东西一样，这不是读多少书，而是练习多少书。只有在实践中遇到这些困难时，您才能真正获得洞察力并增强自己的心理模型。
至于JavaScript，假设您知道一些编程知识(假设您提到了CGI和PHP)，我衷心建议您观看Douglas Crockford的一些视频，可以在这里找到:
Crockford是JavaScript的大师，并负责一些重大的进步(他发明了JSON并创立了JSLint)。 YUI剧院视频特别出色，而且细节极其丰富:)
关于javascript - "single page app from scratch"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14403704/