共享多个前端技术文档网站

今天的文章是为想学习编程的小白写的(大四本白/搞笑)。不要觉得编程是一件很遥远的事情。只要你对它感兴趣并按照一定的梯度学习,你就可以很容易地实现你想要的功能。今天共享的这些技术文档网站适用于不同的学习阶段。你可能会看很多视频教程,但使用文档学习也是一种很好的方法。

1.1学校

注意:不是w3cschool

Slogan:在 W3School,你可以找到你所需要的所有的网站建设教程

W3School网站上提供了完整的网站开发教程,涉及前端和后端,学长以前就用这个网站了解了很多前端的内容

这个网站提供的前端内容有:HTML、CSS、XML 、Javascript

后端内容有:SQL、PHP 和 ASP.NET,甚至Python、Java

网站在大部分语法中都设置了充分的实例,并且在页面中可以实时的交互

点击“亲自试一试”还能修改实例中的代码,点击运行生成自己代码的结果

另外,对于Html、JS大量的元素、属性,W3School还整理成了图表的形式

亮点:适用于新手,有在线的代码工具(其实很多网站也有了这个功能)

缺点:广告内容较多,搜索引擎采用的Google,国内体验不友好

2.菜鸟教程

Slogan:学的不仅是技术,更是梦想

大家不要因这个名字产生不好的印象,这个技术网站上的文档也非常专业,而且小白也可以在这个文档网站上进行学习。

这个网站涉猎了更多的编程语言,不局限于网站方向的开发,比如安卓开发、Swift、Go、Python等

前端方面,这个网站不仅提供了基础原生的学习,还提供了框架的学习,比如Bootstrap、Vue、React,小白可以在学习完基础内容后了解一些框架的内容

在对应文档的下方还有许多优质的笔记,这些笔记都是来自菜鸟的用户,另外在主页的菜鸟笔记可以查看所有的笔记

如果看到内容量较大的一页内容,可以收藏,用于以后及时复习,不过由于网站没有登录功能,收藏的信息只是保留在本地,所以大家不要随意清理浏览器的缓存

网站还专门把编程工具整理出来,可以实现大部分语言在网页上在线编译

菜鸟有自建的搜索引擎,可以检索站内的内容

菜鸟教程还整理了很多各个方向的学习路径,可以解决小白不知道从哪学的问题

亮点:优质的用户笔记,除了原生还有框架的教程

3.MDN

Slogan:源于开发者,服务开发者。

一个非常专业的技术文档网站,维基上的解释是MDN Web Docs是一个汇集众多Mozilla基金会产品和网络技术开发文档的免费网站。

网站在描述一个属性或者用法时,使用的措辞都十分专业

在每个用法最下方会显示浏览器对语法的支持情况(前面的两个文档网站也有),在左侧侧边栏被弃用的语法会有红色高亮,提示已删除

在VSCode上编写html时,鼠标移动到标签块上,还可以快捷的打开指定的MDN页面

亮点:适用于专业的人员,整个网站无广告(Firefox的开发者工具应该不算吧)

缺点:部分页面未翻译(可以借助翻译插件解决,不过大家想学习技术的话还是多了解点英语比较好),国内网络有时会无法访问

资源下载: