前端学习路线汇总

一、参考手册
①W3school代码手册:https://www.w3school.com.cn/
②MDN参考手册: https://developer.mozilla.org/zh-CN/
③菜鸟教程:https://www.runoob.com/html/html-tutorial.html
④Vue官方文档:https://cn.vuejs.org/v2/guide/
⑤Vue-Cli脚手架官方文档:https://cli.vuejs.org/zh/guide/
⑥JQuery:https://api.jquery.com/
⑦Typescript (TS):https://www.typescriptlang.org/zh/
⑧Webpack:https://webpack.docschina.org/concepts/
⑨Nuxt.js:https://nuxtjs.org/
⑩SSR:https://ssr.vuejs.org/zh/

二、教学视频
第一阶段:学习HTML5+CSS3
李南江的HTML5+CSS3零基础教程(看这个就够了)
https://www.bilibili.com/video/av21212670

第二阶段:学习JavaScript(JS)脚本语言
尚硅谷的JavaScript零基础入门(1-140集为入门):
https://www.bilibili.com/video/BV1YW411T7GX

第三阶段:学习移动端设计(Flex布局是重点)
黑马程序员pink老师前端入门教程(1-390查缺补漏选看,重点看390集后)
https://www.bilibili.com/video/BV14J4114768?p=390

第四阶段:学习ES6+新版本(Promise Async 箭头函数等都是重点):
https://www.bilibili.com/video/BV1uK411H7on

第五阶段:学习JS原理和高级部分:
https://www.bilibili.com/video/BV14s411E7qf

选看:JQuery (用了Vue后基本用不着,有时间可以看)
https://www.bilibili.com/video/BV17W41137jn

=================================================================

第六阶段:框架学习 【Vue】:
https://www.bilibili.com/video/BV15741177Eh

第七阶段:UNI-APP【手机App、微信小程序开发、H5等混合式开发】(基于Vue,半天上手)
https://www.bilibili.com/video/BV1BJ411W7pX

第八阶段:
一 )、Typescript(TS,选看)
https://www.bilibili.com/video/BV1Xy4y1v7S2
二 )、新版Vue3(选看)
https://www.bilibili.com/video/BV1ra4y1H7ih
三)、Webpack
https://www.bilibili.com/video/BV1e7411j7T5

第九阶段:搜索引擎SEO优化
一 )、【全套SEO优化学习教程】 SEO基础:
https://www.bilibili.com/video/BV1fE411J7ya
https://www.bilibili.com/video/BV1m4411A79a
二 )、VUE的SSR服务端渲染(快速过一遍即可)
https://www.bilibili.com/video/BV1eE41187ny
三)、Nuxt框架(基于Vue)
https://www.bilibili.com/video/BV13Z4y1T74J

=================================================================

第十阶段:全栈开发路线(PHP、Node.js等)

一)、PHP:
黑马程序员28天PHP零基础入门到精通教程(P1基础6天)
https://www.bilibili.com/video/BV18x411H7qD
28天PHP零基础入门到精通教程(P2 mysql数据库5天)
https://www.bilibili.com/video/BV1Vx411g7uJ
28天PHP零基础入门到精通教程(P3 核心编程技术)
https://www.bilibili.com/video/BV1jx411M7B7

【李炎恢】【ThinkPHP6.x / PHP框架】【十天精品课堂系列】
https://www.bilibili.com/video/BV12E411y7u8

二)、Node.js:
https://www.bilibili.com/video/BV1ca4y1n7u3?from=search&seid=1042259761293661091

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注