Web 开发基础
介绍
HTML、CSS、Javascript 和 Git
理解和应用设计理念
选择你的Web框架
结论
参考
原文标题为《Web开发基础》，阅读时间：4分钟，封面图片来自Unsplash网站的Scott Blake。
介绍
我知道网页开发可能会让人感到不知所措。我们也没能让你的学习过程变得更容易。我建议你像吃大象一样，一口一口地慢慢来。此外，还要学会细嚼慢咽。简单来说，就是先精通一项技术，然后从多个方面汲取灵感，不断拓展。
我保证这篇文章不会像之前那样，纠结于 React、Vue 和 Angular 哪个更好。相反，我会解释我认为你应该先打好基础的几个方面，然后再根据自己的兴趣选择其他技术或专攻方向。
HTML、CSS、Javascript 和 Git
无论你为了专攻 Web 开发而学习了哪些技术，我首先建议你打好基础，掌握HTML、CSS和JavaScript这三大核心技术。这些是学习其他 Web 开发技术的基础。我最推荐的学习资源是w3Schools和Mozilla 开发网络。
接下来我们将介绍Git命令的基础知识，以便开发者能够存储、共享和贡献代码。尽管你的 IDE 或代码编辑器中有很多图形用户界面 (GUI) 查看器，但当GUI 出现故障时，使用命令行实际上会更简单方便。
理解和应用设计理念
你其实不需要成为设计师才能创建网站。但你需要了解一些设计基础知识，才能创建美观且有效的网站。这样你才能知道如何根据自身工作需求进行定制。
你可以找你附近的UI/UX设计师帮你设计，或者购买像Creative Tim这样的模板。这样可以省去你很多自己动手的麻烦和精力。
除非你像我一样有受虐倾向，否则你可以把学习XD或Figma作为创建网站设计的首选工具。这不仅能帮助你与设计师共同参与网站设计决策，还能让你在实际操作中了解哪些设计方案可行或合理。
选择你的Web框架
现在我们先来看看你所在国家的本地招聘信息，大致了解一下你需要掌握哪些技术和薪资水平才能找到工作。请注意，职位要求只是一个参考清单，如果你具备相应的技能、教育背景和经验，即使只达到要求的70 %到80%，你也可以申请。
现在轮到我发表一下我的看法了。我建议你先学习一个后端框架，比如Django、Laravel或Ruby on Rails。这些框架能让你轻松创建一个功能齐全的网站。
一旦你掌握了后端 Web 框架，就可以使用Tailwind CSS或Bootstrap 等工具来美化它。
接下来，如果您想赚更多钱或成为一名多才多艺的Web开发人员，您可以选择像React、Vue或Angular这样的前端框架，或者其他一些热门框架。这些框架会为您引入额外的技能或知识，以便您将其与后端知识相结合。
结论
我们讨论了学习HTML、CSS和JavaScript这三门基础技术以及Git的必要性。然后我们谈到了理解设计的重要性，这样你才能编辑现有的模板。最后，我建议你先掌握一个后端Web框架，然后再学习前端框架，以此夯实基础，帮助你成为一名更优秀的后端或全栈开发人员。
作为一名初学者，难免会感到畏惧，但我只想告诉你，我会一直支持你。既然你已经选择了学习成为一名网页开发人员。
我正在向你分享我对如何做这件事的理解。这不仅仅是一份关于各种需要学习的技术的思维导图。我希望你能像《降世神通：最后的气宗》中的降世神通那样，坚持基础知识和基本功。他掌握了四大元素，与他的团队一起拯救了世界。
如果你喜欢这篇文章，请订阅我的“冒险家通讯”。通讯中包含我每周在Python、Web开发、创业领域偶然发现的有趣内容，以及我撰写的文章。
您也可以关注我，获取我在Dev上发表的文章的最新更新。
最后，您是否希望在开发领域专攻某一方向？如果是，我将免费赠送我的电子书《如何选择开发专攻方向》，供任何有兴趣获得更高薪水或从事自己喜欢工作的人阅读。
参考
- W3学校
- Mozilla 开发网络
- Git是什么？
- 日常物品设计入门
- 创意时间
- 你到底该不该使用网页设计模板？
- Xd
- Figma
- LevelUp教程
- 设计课程
- Django
- Laravel
- Ruby on Rails
- Tailwind CSS