[译]Web 开发入门指南

[stuxt]

Web 开发入门指南

时间：2015-05-11(翻译时间：2016-01-19) 作者：JESSICA LORD 翻译：小天同学

原文链接：http://jlord.us/blog/getting-started.html

有很多web开发必须的在线资源，可以学习如何开发网站或者制作web apps。我肯定有很多我还没有看见的好的资源，但是我一直希望能抽时间收集整理我发现的有用的或者很好的资源。希望我简短的介绍能对于刚入门的你有所帮助。

通用的：在任何事情上寻找答案

可能是你不是你第一个遇到这样的错误或者问题在某些时候，这是极好的！Google搜索是每一个开发者最好的朋友了。

我们也能从下面两个地方找到我们喜欢的答案：

• Mozilla Developer Network Mozilla上面几乎有所有一切的文档记载
• Stack Overflow 和你有同样问题的人就是在这里得到帮助的

通用的：前端和后端

Web浏览器（像 Chrome 和 Safari）显示从服务器端（基本上是机房里的电脑）接收到的信息。你写的代码运行在浏览器中的被称为前端或者客户端（用户访问你的网站）。服务器上的代码告诉服务器提供什么给浏览器的被称之为后端或者服务器端。每一部分将在下面介绍。

通用的：版本控制

当你学习web开始的时候，你很可能会接触到GitHub.com。在这个网站上用户可以使用Git（一个版本控制系统）存储/托管自己工作中的代码。这是一种可以让你随着时间的变化跟踪自己工作的系统，能让你更高效的工作，不会丢失你的工作或者犯错误的时候能快速的退回到之前的正确版本。Github采用Git一步提交到远程服务器上，可以简单方便的查看在线项目的变化（而不是在自己终端上）。学习则是另外一回事，他会有自己的专业术语，但是下面几点对你有所帮助：

• Hello World GuideGithub上的一个指南向你介绍基本的Git概念，怎么使用网站做他们自己的项目。
• Git-it一个带有教程的教你怎么在命令行使用Git和Github的应用程序（终端）。而且，这也是作者的作品。

通用的：开源

开源项目是免费提供给任何人使用的。在Github上你会发现很多符合某种共同模式的开源项目，这些项目都包含：自述文件（README），许可和贡献文件。这些都是一些资源获取开放源码项目的地方。

• Contributing to Open Source一个GitHub的指导开源项目和社区的基本教程。

通用的：命令行

使用你的计算机终端资源（或者bash）去完成任务（复制文件、移动文件、使用git……）

• Command Line Tutorials & Basics by @jessicard

---

前端：HTML, CSS, JAVASCRIPT & 设计

浏览器理解HTML组织网页的元素，CSS使这些元素带有样式，Javascript使这些元素更加生动。我这里还包含了一些设计资源和设计灵感的内容。

HTML & CSS

• Screencasts on design and front-end development by @mrmrs_
• HTML & CSS by Shay Howe
• Learn CSS Layout by @boucoup
• WTF, HTML and CSSby @mdo
• WTF, formsby @mdo
• Code Guideby @mdo

Design & Assets

• Unsplash Free high-res stock photos by Unsplash
• Designer News by Layervault
• Typeography Cheatsheet by Typewolf

Markdown

• This is Markdown by @planetarycorp
• GitHub Guide to Markdown

JavaScript

• JS for Cats by @maxogden
• Eloquent JavaScript by Marijn Haverbeke
• Learn JS Data by @boucoup

后端：Node.js

服务器可以使用很多类型的语言，但是我知道NodeJS是一种服务器端语言，运行在服务器端的Javascript，所以我的内容将会涉及到它。

后端基础：服务器、APIs

• 你需要弄懂这个问题：服务器和浏览器是如何交互的？（req、res、http）？
• 你需要弄懂这个问题：API是什么？

Node.js

• Node for Beginners by @rockbot
• Art of Node by @maxogden
• NodeSchool Open source Node.js lessons