零基础自学前端开发学习路线

686 阅读2分钟

1、HTML+CSS(1个月)

(1)视频:B站李立超老师(前端基础入门教程 HTML CSS 李立超_哔哩哔哩_bilibili

(2)官网:w3school 在线教程

(3)学完检测方法:自己找一个官网模仿写出一个静态网页(eg:京东、小米等)

2、Javascript(2个月)

(1)视频:B站李立超老师(JavaScript核心基础_讲师(李立超)_JS教程_哔哩哔哩_bilibili

(2)官网:JavaScript - 学习 Web 开发 | MDN (mozilla.org)

(3)学完检测方法:

方法一:将上述静态网页变成一个动态网页

方法二:刷题:

3、Git(4天)

(1)视频:B站李立超老师(Git和GitHub视频教程-李立超_哔哩哔哩_bilibili

(2)官网:快速入门 - GitHub 文档

(3)学完检测方法:多练熟悉这些命令即可,同时可以创建GitHub或Gitee账号

4、WebPack(3天)

(1)视频:B站李立超老师(前端构建工具(webpack&vite)教程 李立超_哔哩哔哩_bilibili

(2)官网:webpack | webpack 中文文档 | webpack 中文网 (webpackjs.com)

(3)学完检测方法:多练习视频中的命令和代码

5、Ajax(4天)

(1)视频:B站李立超老师(REST和AJAX(包含Fetch和Axios)李立超_哔哩哔哩_bilibili

(2)官网:Ajax - Web 开发者指南 | MDN (mozilla.org)

(3)学完检测方法:多练习视频中的命令和代码

6、Nodejs(10天)

(1)视频:B站李立超老师(REST和AJAX(包含Fetch和Axios)李立超_哔哩哔哩_bilibili

(2)官网:Nodejs官网 - 搜索 (bing.com)

(3)学完检测方法:多练习视频中的命令和代码

7、Vue(1个月)

(1)视频:B站尚硅谷(尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通_哔哩哔哩_bilibili

(2)官网:Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)

(3)学完检测方法:写项目

8、其它工具

(1)Obsidian做笔记

(2)Vscode写代码

(3)postman测试接口

———————————————— 版权声明:本文为CSDN博主「MrJK芙木木」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:blog.csdn.net/weixin_4906…