roadmap-to-learn-and-practice-html-css-javascript-in-6-weeks-27l4

原始地址: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构建一些东西。从创建包含标题、段落、表单等的简单网页开始。
这不应该超过一周的时间。



在学会HTML之后,您应该开始学习CSS。



什么是CSS?
层叠样式表(CSS)是一种用于描述用标记语言编写的文档的呈现方式的样式表语言。CSS是万维网的基石技术,与HTML和JavaScript并列。



如何学习CSS?
学习CSS非常有趣。CSS是使您的页面在屏幕上呈现想要的样式的关键,因此它值得跟上时代。您需要更具创造力,将许多要素组合在一起,以获得网页的精美布局。
同样,从阅读有关CSS的内容开始。
Marksheet也是学习CSS的好资源。
接下来的步骤是观看
YouTube上的教程,CSS Crash Course For Absolute Beginners。您将在观看教程的同时练习所学知识。
现在您已经掌握了HTML和CSS的基础知识。现在是时候进行一些实践了。
首先,从Freecodecamp免费课程中获取“响应式网页设计证书”。在这门课程中,您将通过实践来学习。在课程结束时,您需要提交一些项目,并获得您的证书。
恭喜您获得的第一个网络开发证书。
现在下一步是学习
flexboxCSS 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水平还不够好,想要创建一些项目,我建议您参加Udemy20 Web Projects With Vanilla JavaScript课程。
    您将创建不同的项目,这些项目将帮助您更好地了解JavaScript的工作原理。
  • 每天至少花5到6个小时学习
  • 尝试在两周内完成HTML和CSS
  • 给JavaScript更多时间
  • 在对当前所做的事情不满意之前不要继续前进
  • 尝试打好坚实的基础
  • 多加练习!



其他资源:
您还可以探索以下网站以进行学习。
我希望您喜欢这篇文章。
如果您有任何问题,请在评论中让我知道。
我目前正在进行我的#100DaysOfCode挑战。要查看我每天的进展,请关注我的Twitter
@zeeshanhshaheen
‘’’

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值