作为初学者学习前端开发!👨🏻‍💻

2025-06-10

作为初学者学习前端开发!👨🏻‍💻

作为初学者,开始并追随新的热情总是很困难。你不知道从哪里开始,使用哪些资源,或者先学哪种语言。尤其是在编码领域,找到入门的方法极其困难。这就是我在我的 Instagram 账号@javascript_coding上创建这篇帖子的原因。在帖子的最后,我向所有关注我的粉丝免费赠送了一份我自己编写的指南。如果你也感兴趣,请务必阅读全文并持续关注!



1. 开始学习 HTML

HTML - Instagram 帖子的一部分

HTML(超文本标记语言)创建了网站的整体结构。任何文本或标题都是用 HTML 创建/编写的。


如果没有任何样式,你的网站会显得空洞无趣,就像这样: 这就是为什么任何网站都需要 CSS……
没有 CSS 的网站示例




2.继续学习CSS

CSS - Instagram 帖子的一部分

CSS(层叠样式表)让您能够为 HTML 元素(例如标题或普通文本字段)添加样式。使用 CSS,您可以创建动画等等!


使用 CSS,您在 CSS 部分上方看到的示例看起来会更加有趣。此示例是我的网站javascriptcoding.org 的一部分
来自我的网站的样式示例




3. 继续使用 JavaScript

JavaScript - Instagram 帖子的一部分

JavaScript 是所有部分中最重要的部分!要精通 JavaScript,需要花费数年时间。与 HTML 和 CSS 相比,它要复杂得多,但只需几周时间就能掌握其基础知识。要学习这些基础知识,只需观看一些优秀的 YouTube JavaScript 教程即可。只需不到一个月的经验,即可掌握主要功能。例如,点击按钮或更改页面内容。使用 JavaScript 更改 HTML 元素的样式等等!



4. 使用 ReactJS 创建互联网应用程序

ReactJS - Instagram 帖子的一部分

一个 HTML 文件就能搞定整个网站?某种程度上来说确实如此。在 ReactJS 中,HTML 部分是用 JavaScript 类编写的。这些类会被提取并将所有内容“发送”到单个 HTML 文件中。



5.免费的Web开发指南!

前往我的 Instagram 账户,点击我简介中的链接。在此页面,您会看到我的免费 PDF 指南链接。本指南包含一些技巧和 YouTube 视频链接。本指南将帮助您从零开始学习 Web 开发!


请务必点赞并保存这篇文章,别忘了下载您的指南 ;)

鏂囩珷鏉ユ簮锛�https://dev.to/pauldunz/learning-front-end-development-as-a-beginner-2bhb
PREV
成为 JavaScript 全栈工程师的 11 个阶段 开发者作品集
NEXT
重构 node.js(第 2 部分)内容 1. 使用严格模式尽早失败 2. 使用 linting 工具 3. 编写 JSDoc 文档 4. 使用 fs.promise 的异步 FS 方法 5. 要全部捕获:使用全局错误处理程序有什么想法吗?💬