开门之作——小白HTML-CSS-JavaScript入门摸索历程

2020-01-28

字数统计: 739字 | 阅读时长≈ 2分钟

我是一个非计算机专业的同学，不过也因为时代发展，专业需要，也会用python写一些小代码。

平时呢热爱摄影、视频制作、还有视觉上好看的事物。

我想开始学Web Design技术也主要是因为，我喜欢的一个YouTuber他的大学专业也本来是网页设计……Peter Mckinnon!

好了正式开始！

1. 学习资源

地址：MDN Web Docs

这是一个非常优质、可以称之为鼻祖的Mozilla开源社区项目。它其中详细介绍了Web Design的各种基础技术知识。好好学，系统性地学，真的会有巨大的收获。而且大多数内容都有中文版本。

MDN截图.PNG

花1-2天时间阅读、上手操作HTML部分教程：
- 了解HTML的结构<head>,<body>,<script>等；
- 知道文本<p>(<h1><div><span>)、列表<ul><ol>、超链接<a href>、表格<table>、表单<form>的格式、用途；
- 接触CSS的样式知识；
- 知道如何选择特定内容querySelector；
- 表单<form>那里创建对象响应可能有些难，不过没关系，先仿照着学下去！
花1天时间学习CSS部分教程：
- 了解CSS结构；
- 知道如何选择特定部分，并修改样式；
- 学习网页排版位置设置知识 (虽然这里我也没有好好学就跳过了);
花3-4天时间学习JavaScript部分教程:
- 变量、函数、循环等编程基础与其他编程语言大同小易，这个基础应该原本就具备；
- 学会动态操纵文档，DOM树操作非常重要！
- 会在浏览器Console控制台调试程序;
- 控件响应事件学习,这样静态网页才能动起来；
- 其他还有更深层次的前端知识，异步处理，Canvas、OpenGL画图等等我先没有具体去学，因为我的初衷是创建一个个人博客，就急于来自己上手尝试了。在此还是强烈建议有识之士去好好学习的。

虽然我自己也没有完完全全吃透MDN官方教程上的内容，但是自己这几天照着官方文档和示例去学习，主要有两大感受：

这个教程非常棒，以后遇到很多困惑都可以再回去查，而且发现网络上很多的解决方案的原始链接都是它！快去学习一下鼻祖的MDN Web Docs吧！

打赏