web_MDN学习资源导航_js初学者快速入门指南项目/javascript高级程序设计vsMDN javascript教程/指南(official)

文章目录

MDN 速览javascript

重新介绍 JavaScript（JS 教程） - JavaScript | MDN (mozilla.org)

学习项目地址(github)

link

项目中包括多国语言的翻译(包括中文等,放置在各个章节的translations目录中)

readme有多语言版,每章节的作业(assignment)也有多语言
在这里插入图片描述

中文版

在这里插入图片描述

每个章节配有视频

(但是遗憾,国内的话没有条件的话不容易查看)

javaScript高级程序设计vsMDN js tutorial

可以查阅javaScript高级程序设计(2021年,第四版)
这本书就是讲的很细,对我而言略显啰嗦(所以才找了这个仓库来学习),但是知识比较全都,可以随时查阅
不过笔记MDN的相关教程/文档,我还是更喜欢MDN(免费,完整又是时新的)
当然,两者可以互补看

MDN html/css/javascript 教程 导航清单

js学习的前提和路线

去哪里获取有关 JavaScript 的信息？

MDN 上的 JavaScript 文档包括以下内容：
一下每个模块都是一个大的模块

  • 认识 Web 为初学者提供信息，并介绍一些关于编程和互联网的基本概念。
    • 包含了htm/css/javascript 的基本使用
  • JavaScript 入门 （即本教程）提供 JavaScript 这门语言及其目标的概述。(更加集中的介绍js)
  • JavaScript 参考 提供关于 JavaScript 的详细参考资料。(权威且保持更新的参考资料)

总结以上内容:
如果你刚开始学习 JavaScript，请详细阅读

javaScript 指南

一份专门介绍javaScript的使用的tutorial
JavaScript 指南 - JavaScript | MDN (mozilla.org)

javaScript 参考(引用)

提供了比指南更加详细的介绍,适合高阶学习
JavaScript reference - JavaScript | MDN (mozilla.org)

javaScript basic (面向web介绍js)

JavaScript - 学习 Web 开发 | MDN (mozilla.org)

学习web开发路线三件套

js部分

  1. JavaScript — 用户端动态脚本

  2. JavaScript 第一步
    1. JavaScript 第一步概述
    2. 什么是 JavaScript？
    3. 初次接触 JavaScript
    4. 出现了什么问题？JavaScript 疑难解答
    5. 储存你所需的信息 — 变量
    6. JavaScript 基础概念 — 数字与运算符
    7. 处理文字 — JavaScript 中的字符串
    8. 有用的字符串方法
    9. 数组
    10. 作业：傻瓜故事产生器
  3. JavaScript 基础要件
    1. JavaScript 基础要件概述
    2. 在代码中决策 — 条件
    3. 代码循环
    4. 函数 - 可重复利用的代码块
    5. 建立自己的函数
    6. 函数回传值
    7. 事件介绍
    8. 作业：图库
  4. JavaScript 对象介绍
    1. JavaScript 对象概述
    2. 对象基础概念
    3. 适合新手的面向对象 JavaScript
    4. 对象原型
    5. JavaScript 中的继承
    6. 使用 JSON 资料
    7. 对象构建实践
    8. 作业：为弹跳球展示新增功能
  5. 异步JavaScript
    1. 异步JavaScript概览
    2. 通用异步编程概念
    3. 异步JavaScript简介
    4. 合作异步JavaScript: 超时和间隔
    5. Promises: 优雅的异步处理
    6. async和await:让异步编程更简单
    7. 选择正确的方法
  6. 客户端网页 API
    1. 客户端网页 API
    2. 网页 API 介绍
    3. 操纵文档
    4. 从服务器获取数据
    5. 第三方 API
    6. 画图
    7. 视频与音频 API
    8. 客户端存储

表单部分

</details>

  1. Web表单 — 与用户数据打交道

  2. Web表单核心
    1. Web表单概览
    2. 你的第一个表单
    3. 如何构造Web表单
    4. 原生表单控件
    5. HTML5的input类型
    6. 其它表单控件
    7. 样式化Web表单
    8. 高级表单样式
    9. UI 伪类
    10. 客户端表单验证
    11. 发送表单数据
  3. Web表单进阶
    1. 如何构造自定义表单控件
    2. 使用JavaScript发送表单
    3. 表单组件兼容性列表

  4. 可访问性 — 使每个人都能使用 Web

  5. 可访问性指南
    1. 可访问性概览
    2. 什么是可访问性
    3. HTML: 可访问性的好基础
    4. CSS 和 JavaScript 可访问性最佳实践
    5. WAI-ARIA 基础
    6. 可访问性多媒体
    7. 移动端可访问性
  6. 可访问性测评
    1. 作业：可访问性疑难解答

  7. 工具与测试

  8. 客户端web开发工具
    1. 客户端web开发工具索引
    2. 客户端工具概览
    3. 命令行速成课
    4. 包管理基础
    5. 一个完整的工具链
    6. 发布你的应用
  9. 客户端框架介绍
    1. 客户端框架概览
    2. 框架的主要特性
  10. React
  11. Ember
  12. Vue
    1. 开始使用Vue
    2. 创建第一个Vue组件
    3. 渲染一个Vue组件列表
    4. 添加一个新的TODO表单: Vue事件、方法、模型
    5. 用CSS样式化Vue组件
    6. Using Vue computed properties
    7. Vue conditional rendering: editing existing todos
    8. Focus management with Vue refs
    9. Vue resources
  13. Svelte
  14. Angular
  15. Git 和 GitHub
    1. Git和GitHub 概览
    2. Hello World
    3. Git Handbook
    4. Forking Projects
    5. About pull requests
    6. Mastering Issues
  16. 跨浏览器测试

  17. 服务端网页编程

  18. 第一步
    1. 第一步概述
    2. 服务端介绍
    3. 用户端概述
    4. 服务端网络框架
    5. 网站安全
  19. Django 网站框架 (Python)
    1. Django 网站框架 (Python) 概述
    2. 介绍
    3. 搭建开发环境
    4. 在线教学：本地图书馆网站
    5. 在线教学 2：建立网站框架
    6. 在线教学 3：使用模型
    7. 在线教学 4：Django 管理网站
    8. 在线教学 5：建立我们的首页
    9. 在线教学 6：通用列表与细节检查
    10. 在线教学 7：会话框架
    11. 在线教学 8：用户授权与许可
    12. 在线教学 9：搭配表单
    13. 在线教学 10：测试 Django 的 Web 应用
    14. 在线教学 11：部署 Django 至产品
    15. Web 应用安全性
    16. 作业：DIY 博客

html部分

  1. HTML 介绍
    1. HTML 概述
    2. HTML 入门
    3. 脑袋里是什么？HTML 中的元数据
    4. HTML 文字基础
    5. 建立超链接
    6. 高级文字格式
    7. 文档与网站架构
    8. HTML 除错
    9. 作业：标记字母
    10. 作业：构建出有内容的网页
  2. 多媒体与嵌入
    1. 多媒体与嵌入概述
    2. HTML 中的图片
    3. 视频和音频内容
    4. 从对象到 iframe — 其他嵌入技术
    5. 为 Web 新增向量图
    6. 自适应图片
    7. 作业：Mozilla 醒目页面
  3. HTML 表格
    1. HTML 表格概览
    2. HTML 表格基础
    3. HTML 高级表格特性和可访问性
    4. 作业：构建行星数据

css

  1. CSS — 设计 Web

  2. CSS 第一步
    1. CSS第一步概览
    2. 什么是CSS
    3. 让我们开始CSS之旅
    4. 如何让构建CSS
    5. CSS如何运行
    6. 运用你的新知识
  3. CSS 构建基础
    1. CSS构建基础概览
    2. 层叠与继承
    3. CSS选择器
    4. 盒模型
    5. 背景与边框
    6. 处理不同方向的文本
    7. 溢出的内容
    8. 值与单位
    9. 在CSS中调整大小
    10. 图像、媒体和表单元素
    11. 样式化表格
    12. 调试CSS
    13. 组织你的CSS
  4. 样式化文字
    1. 样式化文字概述
    2. 基础文字与字体样式化
    3. 样式化列表
    4. 样式化链接
    5. Web 字体
    6. 作业：排版社区大学首页
  5. CSS 排版
    1. CSS 排版概述
    2. Introduction to CSS layout
    3. 正常布局流
    4. 弹性区块
    5. 网格
    6. 浮动
    7. 定位
    8. 多列布局
    9. 响应式布局
    10. 媒体查询
    11. 传统的布局方法
    12. 支持旧的浏览器
    13. 基础布局练习
posted @   xuchaoxin1375  阅读(9)  评论(0)  编辑  收藏  举报  
相关博文：
· web_Tutorials for Web developement beginner学习指南/大纲导航(html/css/javascript)(by MDN )
· web_web参考手册/web参考文档
· JavaScript 学习路线图
· 终极前端资源
· JavaScript不同阶段的学习资料推荐
阅读排行：
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示