原始地址:https://dev.to/zeeshanhshaheen/roadmap-to-learn-and-practice-html-css-javascript-in-6-weeks-27l4
‘’'学习编码或进行职业转变进入网络开发从未太迟。对于网络开发人员的需求一直很高,并且还在不断增加,最重要的是,计算机科学学位不是进入网络开发的先决条件。
在本文中,您将探讨如何在6周内掌握HTML、CSS和JavaScript。
那么,第一步应该是什么?
第一步是打下坚实的基础。学习HTML将是第一步。互联网上有很多免费的学习材料。我将列出其中一些。
什么是HTML?
超文本标记语言(HTML)对于您实施的每个网站都是必不可少的。通过使用HTL,您可以使用简单的标记语法定义和构造网站的内容。
如何学习HTML?
您应该从阅读有关HTML基础知识的内容开始。
Marksheet是学习HTML和CSS的最佳资源。如果您足够聪明,您可以获得很多信息,可能不需要其他学习材料。
接下来,您可以通过观看YouTube上的速成课程来提高您的知识,不仅仅是观看,还要边看边练习。
HTML Crash Course For Absolute Beginners将帮助您深入了解HTML。
构建一些东西!
在学习语法之后,下一步应该是通过HTML构建一些东西。从创建包含标题、段落、表单等的简单网页开始。
这不应该超过一周的时间。
什么是CSS?
层叠样式表(CSS)是一种用于描述用标记语言编写的文档的呈现方式的样式表语言。CSS是万维网的基石技术,与HTML和JavaScript并列。
如何学习CSS?
学习CSS非常有趣。CSS是使您的页面在屏幕上呈现想要的样式的关键,因此它值得跟上时代。您需要更具创造力,将许多要素组合在一起,以获得网页的精美布局。
同样,从阅读有关CSS的内容开始。
Marksheet也是学习CSS的好资源。
接下来的步骤是观看
YouTube上的教程,CSS Crash Course For Absolute Beginners。您将在观看教程的同时练习所学知识。
现在您已经掌握了HTML和CSS的基础知识。现在是时候进行一些实践了。
首先,从Freecodecamp免费课程中获取“响应式网页设计证书”。在这门课程中,您将通过实践来学习。在课程结束时,您需要提交一些项目,并获得您的证书。
恭喜您获得的第一个网络开发证书。
现在下一步是学习
flexbox 和 CSS grids。现在是时候创建一些漂亮的布局了。
现在探索
dribble 并选择一些很酷的网页,试着用HTML和CSS重新创建它们。您应该使用flexbox或CSS grids。
现在您已经可以独立创建布局了。
现在是学习JavaScript的时候了。
什么是JavaScript?
JavaScript是一种为您的网站添加交互性的编程语言。它强大而且是网页开发中最重要的工具之一。
如何学习JavaScript?
首先从阅读JavaScript开始,来自
MDN web docs。在阅读的同时,开始观看来自YouTube的JavaScript Tutorial for Beginners。您应该花两天的时间学习这些资源中的内容。
之后,从Udemy上参加一门
Modern JavaScript From The Beginning 课程。
您将学到以下内容:
- DOM(文档对象模型),不使用jQuery
- 异步编程与Ajax、Fetch API、Promises和Async / Await
- 面向对象编程,包括ES5原型和ES2015类
- JavaScript模式
- 正则表达式、错误处理、localStorage
这是最好的初学者JavaScript课程。
现在是时候创建一些JavaScript项目了。首先创建一个JavaScript的“待办事项列表”项目,然后创建漂亮的响应式着陆页。
如果您觉得自己的JavaScript水平还不够好,想要创建一些项目,我建议您参加Udemy的20 Web Projects With Vanilla JavaScript课程。
您将创建不同的项目,这些项目将帮助您更好地了解JavaScript的工作原理。 - 每天至少花5到6个小时学习
- 尝试在两周内完成HTML和CSS
- 给JavaScript更多时间
- 在对当前所做的事情不满意之前不要继续前进
- 尝试打好坚实的基础
- 多加练习!
其他资源:
您还可以探索以下网站以进行学习。
我希望您喜欢这篇文章。
如果您有任何问题,请在评论中让我知道。
我目前正在进行我的#100DaysOfCode挑战。要查看我每天的进展,请关注我的Twitter
@zeeshanhshaheen
‘’’