前端学习路线请勿商用
# show_page
还在为如何系统学习前端而苦苦寻觅资源么?
前端学习路线来了!让我们甩开膀子学起来吧。
只要能坚持学下来,一定可以学有所成!
以下资源只提供学习,不可随意商用或者进行盈利,否则要追究其责任。
# 尚硅谷前端学习路线
如果下载链接失效了请留言
# 一、前端基础阶段
1.尚硅谷前端基础教程(含css3+html)
尚硅谷Web前端零基础入门HTML5+CSS3基础教程丨初学者从入门到精通
2.尚硅谷JavaScript基础教程
尚硅谷JavaScript基础&实战丨JS入门到精通全套完整版
3.尚硅谷JavaScript高级教程
尚硅谷JavaScript高级教程(javascript实战进阶)
4.尚硅谷less教程
5.尚硅谷Bootstrap教程:
尚硅谷Bootstrap教程(bootstrap框架讲解)
6.尚硅谷HTML5基础教程
尚硅谷前端HTML5教程(html5入门经典)
7.尚硅谷HTML5实战教程
尚硅谷HTML5实战教程(html5项目实战)
8.尚硅谷jQuery教程
9.尚硅谷Ajax教程
【尚硅谷】3小时Ajax入门到精通
# 二、后台服务器端&工程化&规范集成&自动化构建工具
1.尚硅谷Node.js教程
【尚硅谷】最经典Node.JS全套完整版教程(快速入门nodejs)
2.尚硅谷MongoDB教程
尚硅谷MongoDB入门基础教程(一天搞定mongodb)
3.尚硅谷ES6教程(涵盖ES6-ES11)
尚硅谷Web前端ES6教程,涵盖ES6-ES11
4.尚硅谷JS模块化规范教程
尚硅谷JS模块化教程(js模块化精讲含commonjs、AMD、ES6、CMD规范)
5.尚硅谷Git教程
尚硅谷Git教程全套完整版(12h深入掌握git)
6.尚硅谷Grunt教程
尚硅谷前端Grunt教程,自动化构建工具grunt
7.尚硅谷Gulp教程
尚硅谷前端Gulp教程,自动化构建工具gulp
8.尚硅谷Webpack教程
尚硅谷新版Webpack实战教程(从入门到精通)
9.尚硅谷Webpack5教程
尚硅谷2022版Webpack5入门到原理(面试开发一条龙)
10.尚硅谷Promise教程
尚硅谷Web前端Promise教程从入门到精通
11.尚硅谷Axios教程
尚硅谷Web前端axios入门与源码解析
12.尚硅谷Mpvue核心技术教程
尚硅谷Mpvue实战教程(微信小程序mpvue项目硅谷图书)
13.尚硅谷TypeScript教程
尚硅谷TypeScript教程(李立超老师TS新课)
# 三、前端核心
1.尚硅谷React教程
尚硅谷React教程(2022加更,B站超火react教程)
2.尚硅谷Vue.js教程
尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通
3.尚硅谷Vue3新特性教程
尚硅谷Vue.JS教程快速入门到项目实战(Vue3/VueJS技术详解)
4.尚硅谷Vue源码解析之mustache教程
5.尚硅谷Vue源码解析之虚拟DOM和diff算法教程
6.尚硅谷Vue源码解析之数据响应式原理教程
7.尚硅谷Vue源码解析之AST抽象语法树教程
8.尚硅谷Vue源码解析之指令和生命周期教程
9.尚硅谷微信小程序教程
尚硅谷微信小程序开发(零基础小程序开发入门到精通)
10.尚硅谷自定义工具函数库教程
# 四、前端项目实战
1.尚硅谷商优选项目教程
【尚硅谷】前端项目-尚优选(HTML/CSS/JS技术综合实战)
2.尚硅谷谷粒外卖项目教程
尚硅谷Vue实战教程(企业级vue项目,Vue项目硅谷外卖)
3.尚硅谷大型/重磅项目-尚品汇
尚硅谷VUE项目实战,前端项目-尚品汇(大型\重磅)
4.尚硅谷硅谷直聘项目教程
尚硅谷React项目实战,全栈开发Web前端项目《硅谷直聘》
5.尚硅谷谷粒音乐项目教程
尚硅谷前端项目教程_HTML5项目实战《谷粒音乐》
6.尚硅谷公众号实战项目教程
尚硅谷公众号开发,微信公众号开发实战
7.尚硅谷谷粒后台项目教程
尚硅谷React项目教程(react实战全栈谷粒后台)
8.尚硅谷Mpvue硅谷图书教程
# 黑马前端学习路线
如果下载链接失效了请留言
新手入门: HTML5+CSS3+实战项目 → 移动web
JavaScript阶段: JavaScript基础 → JavaScript核心Web APIs → 数据交互 & 异步编程Ajax\Git
VUE开发: 框架前置课Nodejs&es6 → Vue2+Vue3全套
React + 微信小程序: React → TypeScript → 微信小程序
# 一、基础入门
学前导读:为零基础学员量身定制,教你搭建PC端和移动端静态页面,让你从小白升级成网页“化妆师”,轻松掌握 HTML5 和 CSS3 相关知识。
1.Web前端零基础入门HTML5+CSS3+前端项目
课程中和课程尾配备两个实战项目,项目一类型是企业站,可以让同学们快速的将基础知识点进行反复练习;项目二类型是电商站,可以让同学们掌握更复杂的网页效果的开发流程和布局标准。本教程严格按照专业的开发流程:专业的测量工具,做到100%还原设计稿。
2.移动web开发实战
本课程采用2+5模式, 前两天承接HTML+CSS, 使用字体图标、平面转换、动画等,丰富网页效果和呈现方式;后5天完成移动端和多端适配效果。课程采用闭环方式设计,每天课程都有完整的案例或项目, 让学生学以致用。
# 二、技术进阶
学前导读:让网页“动”起来,带你学会前端工程师核心语言——JavaScript,实现网页数据交互与动画效果,并实现与后端数据的联通。
1.JavaScript深入浅出-0基础入门神器
学完本课程你将掌握JavaScript基础从变量的定义与使用、数据类型及相互转换、运算符、流程控制语句、三元运算符、数组、函数、构造函数、内置对象以及对象等基础必备技能。
2.JavaScript核心之Web APIs
学习客户端开发技术,能够根据产品需求完成开发任务,如视觉交互、数据处理、安全、性能等,熟练掌握 DOM 操作的方法,能够分析视觉交互需求,结合 CSS 规则设计合理的 DOM 结构,完成开发任务。
3.数据交互&异步编程-前端进阶Ajax零基础入门
本课程案例丰富,知识点配套的案例丰富多样,满足学生学习的兴趣 ;深入原理,会深入讲解如何封装自己的模板引擎和 Ajax 函数;涵盖广泛,涵盖了 Ajax、跨域、JSONP、模板引擎、节流防抖、XHR Level2 等常用技术。
# 三、VUE开发
学前导读:掌握多行业解决方案,项目开发拿来即用,帮你搞定前端工程师必备热门框架Vue.js。
1.前端高级Node.js零基础入门教程
本套课程作为框架前置课,重点为学生铺垫 npm、包、模块化、身份认证、CORS 跨域等主要知识点,为学习后面的 Vue 课程夯实基础。同时,本课程涵盖了 MySQL 数据库、API 接口项目开发等后端内容,拓宽了学生的知识面,为前端学生构建了前后端完整的知识体系,助力学生更好地发展。
2.前端框架Vue2+Vue3全套视频
历经 5 年的反复打磨与锤炼,黑马程序员重磅推出全套新版的 Vue2 + Vue3 基础课程。共计 500 多集的免费视频,助您轻松掌握前端 Vue 框架!
# 四、React&小程序开发
学前导读:React帮你解锁中高级前端工程师能力地图,多端项目让你满足90%+企业需求。
1.前端React精品教程
React 是时下流行的前端框架之一,是很多大厂的选择前端开发框架!历经数月精心研发,内容包括:React 脚手架、JSX、函数组件、类组件、受控组件、组件通讯、Context、组件生命周期、高阶组等等技术。
2、TypeScript零基础入门到实战
从零开始学习 TypeScript,上手时不需要工程化配置,完全没有任何学习负担。涵盖全套知识点,从 TypeScript 基础类型,到高级类型,到 TypeScript 的类型声明文件,再到配合 React 的使用,一应俱全。除了纯粹的类型外,还包括 TypeScript 类型兼容性、结构化类型等 TypeScript 原理内容。
3.手把手快速带你开发微信小程序
本课程从小程序账号注册、开发环境搭建、基础语法、路由导航、数据请求、分包、组件化等方面详细阐述了小程序开发必备的基础知识。学完基础之后,利用 uni-app 技术实现微信小程序的开发,可以做到一次开发多端部署。项目拥有首页、搜索页、商品列表页、商品详情页、购物车、登录支付等主要功能。涵盖了分包、vuex、组件化开发等核心技术点的使用。
免责声明
教程资源来自于尚硅谷和黑马程序员,个人只是觉得很好,推广一下而已。
以上资源只提供学习,不可随意商用或者进行盈利,否则要追究其责任。
下面是他们的官网:
小站纯属个人爱好所建,无任何盈利性质,如有涉及侵权,请联系删除。
联系方式:点击页头的作者【老陈】或者页尾的【关于博主】。