想学web开发？web开发网精选资源免费分享！

今天心血来潮，想搞个自己的网站，记录下平时捣鼓的那些小玩意儿。以前总是在别人的博客上看来看去，现在我也想试试自己搭建一个。

准备工作

一开始啥也不懂，就到处搜“web开发”，发现好多资源，眼花缭乱的。看到有人推荐freeCodeCamp、MDN Web Docs、W3Schools这些，说是对新手很友我就挨个点进去看看。

摸索阶段

• 先去freeCodeCamp转一圈，发现上面好多课程，从HTML、CSS到JavaScript，还有各种框架，感觉挺全的。
• 然后又去MDN Web Docs看看，这个更像是官方文档，比较详细，适合查东西。
• W3Schools也挺不错，有很多例子，可以直接复制代码运行看看效果。

看半天，感觉还是有点懵，不知道从哪下手。后来看到一个叫CodePen的网站，上面有很多别人做的效果，还能直接看代码，我感觉这个挺适合我这种小白的，可以先模仿着做。

动手实践

我在CodePen上找个简单的页面，照着它的代码，一点点敲到自己电脑上。刚开始，各种标签都搞不清楚，经常写错，还老是忘记闭合。不过慢慢地，也摸到一些门道。

遇到的问题

• HTML的结构老是搞不清，哪个标签套哪个标签，经常乱套。
• CSS样式更麻烦，调个颜色、位置，半天都搞不定。
• JavaScript就更别说，完全看不懂，只能照着抄。

不过每当我把一个地方搞定，在浏览器里看到效果的时候，还是挺有成就感的。虽然页面还很丑，功能也很简单，但毕竟是自己一点点做出来的。

下一步计划

今天折腾一天，算是入门。我打算继续学习HTML、CSS和JavaScript的基础知识，争取能把网站做得更漂亮、功能更丰富。我还想试试The Odin Project，据说这个也很适合新手学习。

等我把基础打牢，再去看那些框架，应该就没那么吃力。到时候，我也要像那些大神一样，做出各种酷炫的效果！