小白自学前端看视频推荐尚硅谷还是黑马？
23 个回答
正确的做法是先找好学习路线，然后照着技术点去学习。
前期入门前端一般来说就是三大件，html+css，这部分其实看这两家的视频都可以。
到了学js以及后期前端进阶的框架的时候推荐看千锋的前端视频，前端这块技术视频更新比较快。
kerwin的js讲得很不错，此外还有node.js、es6、vue、react，陆荣涛老师讲的vite跟typecsript和wepack则又给你拔高了一个档次。
新手自学 前端路线图速览
前端核心基础入门 计算机基础知识——html+css基础——html5+css3——html+css pc 端项目实践
前端核心技术进阶 javascript基础——javascript进阶——javascript应用项目实践 Node.js——MongoDB项目实践
企业必备技术提升 vue&react开发阶段： vue2.0+3.0——Vue项目实践——React——React项目实战 公众号&小程序开发阶段： 微信公众号——微信小程序——小程序项目实战——uni-app——uni-app项目实战 前端高阶提升必学阶段： webpack5——Vite2——typescript——Harmony OS鸿蒙开发
前端学习路线详细介绍
零基础入门前端计算机常识课
这个课程是针对计算机基础薄弱的小白推出的计算机入门常识课，内容涵盖计算机的硬件、操作系统、存储单位与二进制、软件的安装和解压、IP、服务器、DNS、域名、环境变量、字符乱码、linux操作系统、键盘指法、计算机英语、多进程和多线程、系统的常用设置、使用浏览器、CMD命令、office办公软件等计算机常识。贴近实际需求，氛围轻松愉快，是计算机小白入门前必学的常识科普课。学完本课程，可以全面掌握计算机的基础常识，为接下来的编程学习打好铺垫。
推荐教程：
零基础入门前端计算机常识课
第一阶段：前端核心基础入门
下面的视频是专门为零基础前端学习者准备的入门学习指南，一点基础没有也可以直接看，你将从零开始学习网页端页面搭建，掌握前端开发的初级核心基础。
1、前端入门零基础与核心必看html+css
这个系列的课程从概念到具体基础知识点全程干货满满，为前端小白入门找到了很好的学习抓手，可以作为前端开发学习“梦开始的地方”，老师深入浅出的讲解和动画视频解析并用真实的案例巩固知识，学练结合，打好基础，不怕学不会！
HTML+CSS教程，零基础web前端开发入门必看视频
2、web前端项目实战之拉勾网（项目上手）
这个讲的是HTML+css pc端项目实战，通过讲解拉勾网得首页、登录页等，学完即可进一步学会应用HTML+CSS，掌握页面布局和标签、属性等的使用，让你从小白进化为真正的网页美化师。
web前端项目实战之拉勾网（项目上手）
第二阶段：前端核心技术进阶
学会了网页静态美化还不够，让你的网页与用户完美进行交互并学习动画效果，打通前端与后端通路，前端工程师必备的JavaScript、Node.js语言也要学起来并学以致用。
JavaScript基础进阶与应用
1、JavaScript 基础+进阶
这个系列的基础视频你将从JavaScript的前世今生学起到变量定义、数据类型、运算和语句、函数和对象以及最终的项目案例拆解展示，非常超级适合小白入门基础知识的学习，用动画效果展示知识，帮助你理解难懂知识，在最短的时间里传输给你密度最大且通俗易懂的干货知识。
全新版本的JavaScript基础&高级&实战视频教程，JS从入门到精通全套完整版，看过上面那一套视频的可以直接看本系列的高级和实战阶段。进阶阶段你将学到DOM的结构、节点和操作方法，并了解到前后端的视觉交互并涉及到初步Ajax 和JQuery的学习。
JavaScript全套视频教程（10天学会Js，前端javascript入门必备）
Node.js入门及应用
1、Node.js 本视频你将从认识Nodejs开始学习npm、nrm、 yarn；内置模块、路由、express、MongoDB、身份认证、koa、MySQL、Socket、Mocha等知识点全覆盖，学完本系列视频可以让前端程序员插上后端的翅膀，真正成为一名全栈工程师，助力同学横向全面发展。
每个大知识点讲解后还会通过实际需求案例驱动知识点吸收，幽默风趣讲解驱动学习的积极性，帮助大家迅速成长为Nodejs开发高手。
前端Node.JS教程,快速入门nodejs全套完整版
2、Node.js项目_Koa+MongoDB打造简书后台管理系统 本项目实战视频课程不仅可以让你理解RESTful API的6个限制和若干最佳实践，掌握Koa2. Postman. MongoDB、JWT等技术还会教你运用上述技术搭建简书后台管理系统的API接口，掌握云服务器的线.上部署方法。
前端实战项目_Koa+MongoDB打造简书后台管理系统
第三阶段：企业必备技术提升
光说不练假把式，光学不干虚本事。学会了上述热门核心技术还要进一步掌握企业真实场景下所需的开发技术，并能给不同行业中的企业对应的业务需求做出对应的解决方案。vue 、小程序、React、UniAPP是当下热门的技术，是同学们必须要掌握的。最后，一个前端工程师要保持不断进取，能力面的拓展，高阶的能力提升还需要大家学习webpack5、Vite和TypeScript。
vue&react开发阶段
1、vue2.0+ vue3.0 知识点+项目
Vue.js致力于构建数据驱动的web应用开发框架，以简洁化，轻量级，数据驱动，模块友好等优势深受企业以及前端开发者的喜爱，成为前端开发人员必备的技能。 本课程以项目实战为驱动，以轻松幽默的评书演义，帮你打开通往Vue.js的任督二脉，从vue2轻松过渡到vue3,助力同学成为一位优秀的Vue.js开发人员。
Vue2.0+Vue3.0全套教程，vue.js零基础入门到vue项目实战，前端必学框架教程
2、Vue+ElementUI物业后台管理系统
本项目是利用Vue3.0 + Element Plus UI技术开发后台管理系统，本视频你将见证从零开始搭建项目，手把手教你使用vue3.0组件开发，并用Element UI库快速创建项目页面，使用axios封装与拦截器进行前后端交互，用json-server模拟数据后台创建。 在项目中还会讲到工具库的封装、vue环境变量的部署、路由的设置与配置、响应式配置等。
前端vue项目实战，Vue+ElementUI物业后台管理系统
3、Echarts+Vue3.0数据可视化项目构建
本项目实战课程对Echarts中的各项核心图标技术，以及周边技术都进行了详细的讲解，一套课程让你精通Echarts技术栈，串联Echarts和vue3.0热门技术应用，让大数据可视化开发如丝般顺滑！
Echarts+Vue3.0数据可视化项目构建_入门必备前端项目实战教程
4、React
React已经成为江湖大厂的主流前端开发框架，本视频基于最新版React17良心制作。对React开发核心技术以及周边技术栈进行详细讲解，并进一步通过实际需求案例驱动知识点吸收，帮助大家迅速成长为React开发高手。最后还有一个完整的后台管理系统项目实战讲解，让大家即使身不入大厂，也可对企业内部真实项目组开发流程与细节做到心中有数。
2022版React全家桶教程_react零基础入门到项目实战完整版
5、React项目实战教程（全球新闻发布管理系统）
本项目实战教程一站式应用React全家桶打造企业级后台系统，无缝对接各大门派需求，让你不入江湖，便知江湖风雨。 同学们先去看过上述React开发基础视频，熟悉React 组件开发，组件通信以及基础路由开发再配合食用本实战教程效果更好。
web前端开发教程，React项目实战教程（全球新闻发布管理系统）
6、react项目 UmiJS蛋糕订购管理平台
从Umijis 上手、LeanCloud云服务、商品管理等业务逻辑、角色及权限管理、高德地图及Echarts这五个方面展开讲解Umijs的基本使用,让同学们能够快速上手Umijs框架。采用LeanCloud云服务作为项目的后端接口，结合Umijs 框架，serverless云服务实现业务逻辑交互,角色权限管理，最后完成蛋糕配送范围的绘制功能，利用Echarts 实现数据可视化功能
千锋前端UmiJS3蛋糕管理平台react项目实战，一套完整前端项目实战课程教你上手umijs框架
公众号&小程序开发阶段
1、微信公众号开发 本系列课程从整个微信公众号体系的介绍开始，进一步使用编辑模式来完成一个最基本的公众号搭建；此外你还将了解到公众号的开发模式以及所需的服务端相关知识，其中包括Express、MongoDB、Robo3T、mongoose、云服务器等；还会对微信JS-SDK鉴权的整个流程进行梳理与开发；使用vue技术栈结合vant组件库，构建web应用并集成到微信公众平台中。
千锋微信公众号开发教程全开源（强烈推荐）
2、微信小程序项目开发 本系列视频课程分为两大部分，微信小程序基础与项目实战开发。小程序开发基础学习部分你将从开发流程学起，到全局配置、todolist、基础语法、组件及自定义组件的基础知识学习。实战开发部分的讲解则会从项目搭建到借口、封装、首页模块、轮播模块、 搜索模块、分类模块、授权模块、购物车及我的模块深度剖析小程序。
微信小程序开发制作前端教程，零基础轻松入门玩转微信小程序
3、原生小程序-锋运票务系统 ——基于微信云托管的管理系统
本套《原生小程序-锋运票务系统》课程是针对有一定的前端基础的开发者提供的一个原生小程序案例实践课程。课程涵盖了客户端及中后台的业务流程，服务端的部署详细的讲解微信云托管的项目部署流程。整体项目从企业实践角度出发，多种常见的业务二次封装的技术分享，组件的复用，第三方类库的合理应用。
前端原生小程序项目-锋运票务系统 ——基于微信云托管的管理系统丨全网首发
4、锋巢直播IM ——基于腾讯云音视频跨平台应用（全网首发） 本视频使用腾讯即时通信IM+直播电商解决方案组件TLS,并涉及众多腾讯云产品，包括但不限于 云直播，云数据库，Serverless，提供了一站式讲解，帮助大家迅速整合直播电商功能到自己的业务中， 通过幽默风趣讲解驱动学习的积极性，让大家不入公司，便知公司项目的全貌。
锋巢直播IM ——基于腾讯云音视频跨平台应用
5、uni-app入门到实战项目之《仿网易云音乐》一 UniAPP 是基于「 Vue + 微信小程序 」语言体系，开发人员学习成本低上手快，随着如今 UniAPP 生态也逐步趋于成熟。基于 UniAPP 开发多端项目，已经是很多中小型企业常用的技术解决方案。 我们就从 UniAPP 基础开始，对照企业级实践标准，从零到一打造一个多端（微信小程序 + H5 + 安卓 APP + IOS APP）的社区论坛类项目。
前端uniapp入门到实战项目教程(微信小程序+H5+安卓APP+IOS APP)
6、uni-app入门到实战项目之《仿网易云音乐》二 课程将会手把手教大家从0搭建项目，仿照网易云音乐高度还原真实项目，实战教程包括了云音乐首页分类、音乐列表页展示、音乐详情页、音乐播放器、推荐音乐、用户留言、音乐搜索、加载骨架屏等实现。
前端项目_uni-app入门到实战项目之《仿网易云音乐》
前端高阶提升阶段
1、webpack5 webpack5课程分为四大部分，分别是webpack基础应用篇，webpack高级应用篇，webpack项目实战篇以及webpack内部原理篇。在本课程中，我们将通过前后呼应的demo从0到1学会webpack5，在项目实战中学以致用并在最后阶段去理解其底层的原理，从而做到对webpack5知其然并知其所以然的精熟掌握程度，完成前端工程师的一大步提升。
陆荣涛最新前端webpack5全套教程，全网最完整的webpack教程（基础+高级）
2、Vite2 Vite 基于原生 ES-Module 推出的前端构建工具，Vite 因为它的跨前端框架的能力 和极其优越的性能，被大家称为下一代 前端构建工具，及时的学习新技术是有必要的。本系列视频你将会学到Vite环境的搭建、依赖预构建、模块热重载、在Vite中使用vue2\vue3\CSS等其他技术、服务器渲染等关联技术。
陆荣涛最新前端Vite学习指南，基于腾讯云的项目教程全网首发
3、typescript 本套视频将从官网的知识点入手，分为基础篇，高级篇，案例篇及项目篇共4个篇章，结合案例循序渐进带你入门TypeScript。本视频还有配套详细版的文字笔记，帮助大家从 0 到 1 学习TypeScript,让你能读懂别人的TS代码的同时也能编写自己的TS代码。
前端TypeScript教程陆荣涛老师主讲（陆神顶配版TS入门教程）
4、从零编写一个HarmonyOS App 这个项目实战案例将手把手教你从0开始编写 华为鸿蒙app，本视频包含了对鸿蒙系统技术细节、生态圈全面解析及对鸿蒙系统的技术架构进行详细讲解，最终让大家开发初属于自己的第一个鸿蒙应用！真正将学到的核心技术点进行串联使用。
全网首套鸿蒙HarmonyOS 2.0应用开发实战教程丨锋迷商城项目，鸿蒙系统APP开发入门+实战教学
书籍推荐：
其实题主想自学前端开发技术选择哪家的视频都可以，只要感觉适合自己的学习就可以，况且现在各平台上的前端视频有很多，你可以多去对比一下，视频里讲的越细越有助于题主的学习。
虽然学习视频很重要，但是学习方法更重要，在学习上我给你几点建议吧
1.以用促学是一个比较接近企业用人需求的学习方式。你可以在招聘网站查看web前端开发工程师的技术需求，根据需求去学习web前端，是比较快速掌握实用技术的方法，可以快速的提高学习效率和自己的职业价值。
2.在很多公司在招聘web前端开发技术人才的时候，更多看的是项目实战经验，不要把侧重点搞错，更不要只会纸上谈兵，多敲代码对你理解代码和培养编程思维有更大的帮助。现在技术迭代更新速度飞快，老板更希望web前端开发技术人员在技术上能有更大的成就，是综合性技术的体现。
3.在学习web前端的过程中，要多加一些web前端群，在群里面多交流一些学习心得或讨论一些自己遇到的问题，群里有很多已经从业很多年的技术大牛，他们会给你一些自己的经验分享；或者是在论坛、博客蹲点，看一些技术博主发的技术类文章也是可以的，总之，在学习的道路上切记不要闭门造车。
喜欢谁的看谁的，谁的声音好听听谁的，谁的资料最全学谁的，谁的口碑最好学习的。
虽然视频看谁的都无所谓，但是你是在自学的，所以一定要规划好学习路线，最好制定适合的自己的学习计划，这样才能效率更高。
因为我们接触的学员比较多，其中就有很多是因为没有学习路线，网上各种找资料，学点这个，学点那个，最后也不知道学的啥了，乱七八糟的。又得从头来一遍。浪费时间不说，还非常打击信心。
也有一部分学员是没有合理的学习计划，三天打鱼两天晒网，漫无目标的学，学着学着就动力不足，容易放弃。
所以，根据我们的经验，我们为很多想要自学的小伙伴梳理出了一个科学的学习路线。让大家能有一个清晰的框架，只要前端开发都需要学哪些东西？学习的路线是怎样的。
所以接下来我就跟大家分从以下几方面分析一下：
一、前端开发所需技术&学习路线
前端经过这多年的发展，现在技术体系相对还是比较系统的，内容也不算少。想要系统学完的话，根据我们十多年的经验来说，至少也要4个月左右（这个体系的学习目标是将来就业薪资可以万元左右）。
可能有小伙伴说那我的目标薪资只要5000找个实习就行，那是不是我只学习一半就行呀，这个逻辑其实是不对的。
那就好像是我不想上清华北大，是不是只学体育、音乐课就行了。
二、为什么要学这些技术
可能有小伙伴说了，你说学这些就学这些吗，我也看过其他一些学习路线跟你的怎么不一样呢，凭啥相信你的。
这个问题我觉得好像是有那么点道理，俗话说的好："不以就业为目标的学习，都是耍流氓"。
点实在的，我们学习的目的就业找工作，所以，我们要学习或者要掌握的技能一定是企业需要的。所以我们要学习的内容就来源于市场的需求，那我们怎么看企业的需求呢？当然是招聘网站了。
强烈建议收藏，方便以后忘了反复查看，及时指导学习。ps：这个大家也可以自己去看，这个方法也可以用到很多其他的领域，叫做“以终为始”。
我们可以从前端开发招聘的需求中看出，企业招人的要求，需要具备哪些技能和能力。我们就可以针对性的去学习。当然不是盲目的去学习，而是需要系统的学习，这样知识体系才是完整的，综合能力才能过硬。
以下截图大型招聘网站BOSS对于前端开发工程师岗位的要求：
通过如上截图可以看出来，其实要从事前端开发相关的工作， 要求其实还是挺多的，而且每家公司的业务不同所要求的具备的能力也是不同的。
虽然招聘需求不尽相同，但是还是有很多共同点，这些共同点就是上面我们梳理出来的学习路线图。
三、学习内容&学习时间分配
接下来我就给你具体拆分时间分配。按照这个学习路线以及时间分配，绝对可以帮你顺利入门前端。
3.1、网页布局 新课时：10天
主讲内容
HTML | CSS | 企业级 小兔鲜儿电商项目首页制作，CSS高级特效 | 移动适配 | 响应式
视频地址： web前端开发入门教程，前端零基础html5+css3+前端项目视频教程
3.2、移动Web 新课时：7天
课程中和课程尾配备两个实战项目。
项目一类型是企业站，可以让同学们快速的将基础知识点进行反复练习。
项目二类型是电商站，可以让同学们掌握更复杂的网页效果的开发流程和布局标准。本教程严格按照专业的开发流程：专业的测量工具，做到100%还原设计稿。
视频地址： web前端进阶教程，前端html5+css3+移动端项目实战（含华为新闻，b站移动端等）
整理不易呀，眼睛都留眼泪了。亲爱的小伙伴儿们，如果觉得资源对你有用，点个赞 +收个藏，给我者一个鼓励吧。也方便你下次能够快速查找。
强烈建议收藏，方便以后忘了反复查看，及时指导学习。3.3、JavaScript新课时：24天
主讲内容
JavaScript基础 | WebAPI | JavaScript高级 | Ajax | Git
内容介绍
1. 学习JavaScript基础语法规则。
2. 学习DOM和BOM对象的属性和方法,以完成网页常见的交互效果。
3. 深入理解 ECMAScript 的知识体系及工作机制，熟悉 ES6+ 新的语法特性，注重抽象思维的培养，具备面向对象编程的的能力。
4. 利用 axios 发起 Ajax 请求，实现前后端的数据交互。并讲解 HTTP 请求的过程以及 Ajax 的底层原理。深入学习 JS 异步的底层原理，能够使用 Promise 处理异步操作，并使用 async/await 简化异步操作。
5. 能够创建 Git 仓库管理前端项目，基于 Git 分支进行多人协同开发，并且能够把本地的 Git 仓库同步到远程码云或 Github 仓库中。
视频地址：
- JavaScript全套教程，零基础JavaScript入门
- JavaScript全套教程，零基础JavaScript高级
- AJAX零基础到精通_整合Git核心内容全套教程
3.4、Vue.js新课时：41天
主讲内容
框架前置课 | Vue核心技术 | Vue3.0高级 | TypeScript
内容介绍
1. 掌握模块化思想，npm包管理， webpack基础，初探工程化开发。
2. 运用Vue2.0全家桶核心内容实现开发中常见的功能，如购物车，经典列表、TodoMVC等。运用 Vant 开发移动端，运用element-ui开发PC后台管理系统。
3. 掌握Vue3新特性、Vite、组合API、Pinia 等。
4. 掌握TypeScript基础语法，并且在Vue3项目中熟练运用TypeScript。
视频教程：
- Node.js全套入门教程
- Vue全套视频教程，从vue2.0 + vue3.0
3.5、小程序新课时：12天
主讲内容
原生小程序 | uni-app | 电商项目
内容介绍
1. 了解小程序开发的一般流程序，熟悉小程基础组件的使用，能够基于 wxml 和 wxss 实现小程序的界面布局，基于模板的数据绑定实现数据的动态渲染，基于 API 实现与服务端的数据通信，以及熟悉其它高级 API 的使用。
2. 理解 uni-app 实现跨平台开发的原理机制，理清单文件组件与原生小程序组件的对应关系，以及 uni-app 开发小程序时开发时与原生小程序的差异。
3. 基于真实需求综合运用小程序开发的相关知识，突出小程序 API 的真实应用场景，强化和巩固小程序开发的相关知识，提升综合解决问题的能力。
视频教程： 前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)。
3.6、React.js新课时：6天
主讲内容
React 核心技术|Hooks 深入+路由|Redux +中间件 + Redux Toolkit|记账本案例
内容介绍
1. 基于 React 脚手架（create-react-app）搭建React项目，掌握JSX语法搭建页面结构，使用函数组件实现组件化开发，掌握组件通讯在项目开发中的使用。
2. 掌握 useEffect Hook 的应用，掌握 useRef Hook 的高级用法，理解 Hooks 原理，掌握 react-router-dom 的应用。
3. 掌握 React 最常用状态管理工具 Redux 的基本使用，使用 react-redux 链接库在 React 中使用 Redux，掌握 Redux 中间件 redux- thunk 用来处理异步请求，掌握 Redux Tookit 简化 Redux 的使用。
4. 利用 React + Hooks + Redux Tookit 实现记账本案例，对整个 React 阶段所学内容进行练习，验证我们是否掌握了 React 开发能力。
视频教程： 前端React精品教程， React零基础入门到原理详解
四、项目阶段
4.1、数据看板项目新课时：3天
数据看板是一个数据可视化项目，通过折线图、K线图、柱状图等图表形式归纳汇总大量数据，以直观的方式展示数据。学员通过学习该项目，能够掌握数据可视化、异步编程、实时数据获取等技术解决方案，适合有基础希望技能强化的IT人员继续学习。
{\color{red}{体验地址：}} 立可得
主讲内容
1. 基于axios 实现网站注册和登录功能。
2. 基于 Echarts 结合需求高度自定义不同类型的可视化图表。
3. Ajax、数据渲染和服务端推送前后端分离技术的应用。
4. 基于 token 的访问权限控制功能。
可掌握的核心能力
1. 掌握Echarts 各类型数据可视化图表的应用
2. 能够根据需要求创建折线图、K线图、地图等图表
3. 掌握前后端分离技术的实现方式并了解其意义
4. 掌握使用token进行访问鉴权功能实现
4.2、面经全端项目 新课时：5天
黑马面面是一款面试刷题程序，系统包含答题状况管理、学科管理、企业管理、用户管理等综合管理功能。学员通过该项目可学习Element-UI功能组件、ECharts数据可视化、axios、JWT、Vue CLI、Vuex整体数据共享、Vue Router 等多个技术解决方案。
{\color{red}{体验地址：}} 黑马面面
主讲内容
1. 基于 vue-cli 创建工程化的 Vue 项目。
2. 基于 element-ui 组件库快速实现项目布局。
3. 用户注册与登录的业务解决方案。
4. 使用 Vuex 管理全局共享的数据。
5. 使用 axios 实现前后端的数据交互。
6. 基于 vant 组件库快速构建移动端界面。
可掌握的核心能力
1. 掌握 element-ui 组件库的运用
2. 掌握 axios 以及拦截器的应用
3. 掌握 Vuex 管理全局状态的技术解决方案
4. 熟练使用 vue-router 管理组件的切换展示
5. 掌握 element-ui 中如何自定义表单的校验规则
6. 掌握文件上传和富文本编辑器在 Vue 项目中的应用
7. 掌握 Vant 组件库的运用
8. 掌握使用 postcss-px-to-viewport 实现移动端适配
4.3、iHRM人力资源项目 新课时：12天
iHRM人力资源管理系统是一款在线HR人力资源管理系统，帮助企业管理人事信息、员工档案、绩效考核等。利用HR软件充分发挥人力资源的价值，通过企业人事HR管理人力资源，从而保持人才竞争力。
{\color{red}{体验地址：}} iHRM人力资源管理系统
主讲内容
vue-element-admin（请求模块化，请求工具拦截，scss 样式，布局组件） | Vuex 持久化（state，mutations，actions，getters 和 modules） | Vue CLI 配置(webpack) | 反向代理 | ElementUI 表单校验（async-validator） | vue-router 导航守卫 | token 认证 | token 失效控制 | 角色管理业务 | RBAC 权限 | Vuex + 路由 + RBAC | 动态路由 | 角色权限 | 混入 mixns | 工作日历 | Echarts 雷达图 | 全屏（screenfull） | tabs 页多页签组件 | vue-i18n 国际化方案 | history 路由模式的应用 | 树形菜单 |element 列表的数据过滤 | 导入导出 Excel | Excel 复杂型表头 | PDF 打印（vue-print-nb）| el-upload 上传第三方云服务器 | 打包性能分析 | CDN 加速的实践应用 | 组件封装 | 业务组件封装
可掌握的核心能力
1. 掌握Vue + Element技术栈在开发管理型后台项目的技术开发能力
2. 具备角色，人员，权限类系统的设计整体设计及应用能力。
3. 拥有Vue.js相关的技术要点及配套的插件，解决方案深度使用能力
4.4、优医问诊项目 新课时：12天
优医问诊H5项目，对标【某香医生】、【某东健康】、【某里健康】等在线医疗项目，本项目涵盖了在线问诊的主流业务，致力于交付完整的在线问诊业务解决方案，让学员成为具备在线问诊业务能力的前端开发工程师。
{\color{red}{体验地址：}} 优医问诊
主讲内容
vue3.0框架| TypeScript使用 | vite前端构建工具｜create-vue项目脚手架｜vue-router路由｜pinia状态管理｜pinia-plugin-persistedstate状态持久化｜sass预处理器｜ vite-plugin-svg-icons图标组件插件｜tailwindcss现代CSS框架｜@vueuse/core组合API工具库｜dayjs日期处理｜vant组件库 | postcss-px-to-viewport移动端适配 | id-validator校验身份证 | http://socket.io即时通讯 | eruda真机调试 | 第三方登录 | 第三方支付 | vant组件二次封装 | 通用组件封装 | reqeust工具函数 | 组件按需引入 | steup语法糖 | pnpm包管理 | 第三方库类型扩展 | 自定义composable | css变量
可掌握的核心能力
1. 掌握使用Vue3 + TypeScript 开发大型前端项目开发能力
2. 掌握使用Vant组件库开发移动端项目能力
3. 掌握 Pinia 状态管理工具实现项目状态管理
4. 掌握 第三方登录和第三方支付 业务解决能力
5. 掌握 快速问诊 等在线问诊主流业务开发能力
4.5、小兔鲜电商小程序 新课时：12天
小兔鲜儿电商是对标网易严选的综合品类的网上商城项目，本项目涵盖了电商的主流业务，致力于交付完整的电商业务解决方案，让学员成为具备电商业务能力的前端开发工程师。
{\color{red}{体验地址：}} 小兔鲜
主讲内容
1. uni-app跨平台开发框架。
2. 组件封装及通信。
3. 微信支付/登录。
4. pinia 状态管理。
5. 基于vue3+ts技术实践方案。
6. 小程序云开发。
7. vant组件库。
可掌握的核心能力
1. 能够开发跨平台的小程序
2. 能够独立开发小程序项目
3. 掌握微信登录的实现方式
4. 掌握微信支付的实现方式
五、简历&面试指导
这里就不多说了，是什么写什么就好。不过这里有一些简历和面试经验技巧可以参考这些回答：
【前端面试题】：
- 【建议收藏】4500字前端面试题及答案汇总，前端八股文
- 关于前端Vue框架的面试题，面试官可能会问到哪些？
- 【一定要收藏】32000字的前端面试题总结！！！
- （建议收藏）Vue面试热点问题
【前端简历模板】：
- web前端简历个人技能该怎么写?
- 前端简历中项目描述怎么写能够更加的优雅？
- 一个优秀的前端工程师简历应该是怎样的？
- 前端简历怎么写？前端尽力模板，4个动作帮你搞定心仪Offer
- 面试前端工程师简历应该怎么写才容易通过？
- 自学 web 前端人怎么找工作？
- 自学前端简历怎么写啊？
整理不易呀，眼睛都留眼泪了。亲爱的小伙伴儿们，如果觉得资源对你有用，点个赞 +收个藏，给我者一个鼓励吧。也方便你下次能够快速查找。
强烈建议收藏，方便以后忘了反复查看，及时指导学习。六、为什么越来越多的同学选择黑马程序员博学谷？
1、每10名学员中有7名来自老学员推荐
黑马程序员自成立以来，已直接为企业输送了30多万it人员，黑马程序员中的每10名学员中有7名来自老学员推荐，多年来高品质课程及优质的教学服务积累了良好口碑。
2、课程及项目好 黑马程序员课程以周为单位进行升级迭代，技术深度、课程容量、项目广度较其他培训机构全面提升50%以上，学到的课程更贴合大厂技术要求，直接对标中高级程序员薪资。同时，黑马程序员业内率先推出可体验的在线“项目库”，所有项目课均满足四个条件：
- 紧密贴合大厂需求，遵循真实场景设计；
- 具备一定体量的功能及业务规模；
- 注重UE及UI用户体验及界面效果；
- 前端及后端开发的技术方案制定及编码，遵循项目自身需求及当前市场技术应用。
3、 老师好 黑马程序员16层标准严选老师，教学老师录取率<3%，从源头严控师资水平。并与华为、阿里、亚马逊、百度等名企深度合作，每年斥资亿元投入全场景、全行业项目课程研发，提升老师水平、课程水平。
4、教材好 共出版原创IT教材百余本，覆盖高校近2000所，惠及200余万名学生，并深受学生一致好评。IT系列教材入选“十三五”职业教育国家规划教材书目，屡获 “国家信息技术紧缺人才培养工程指定教材”。 每年假期承办由工业和信息化部计算机与微电子发展研究中心（ 中国软件评测中心）主办的“全国高校IT骨干教师研修班”，目前共有近1000所院校的近10000名教师参加培训。
5、视频教程好 黑马程序员已向社会分享500多门、长达1万多小时的免费技术课程，年播放量4000余万次，免费公开课直播1100余次，听课人数近百万人，影响了中国50%以上的IT从业人员。
七、往期精选：
【前端行业发展】：
- Web 前端分为哪几个大方向，工资待遇如何，辛苦吗？
- 找前端工作会不会很难？
- 现在web前端的工资怎样？
- 前端开发就业情况如何？
【前端工作内容】：
- 前端工程师主要工作内容是什么？
- 前端开发是做什么的？工作职责有哪些？
【前端学习路线】：
- 怎么学习前端开发？求推荐学习路线？
【前端自学网站】：
- 【建议收藏】91个前端开发必备学习国内外免费网站和个人博客
- 13 个有趣且实用的 CSS 框架 / 组件
- 有哪些好的前端社区？
【前端书籍推荐（32本）】：
- 【建议收藏】2023前端书籍，前端开发入门与前端学习路线
【HTML教程】：
- HTML5入门教程（含新特性），从入门到精通
- HTML图文教程（表单域/文本框与密码框/单选按钮与复选框）
- HTML图文教程（选按钮与复选框/input标签/提交按钮与重置按钮）
- HTML图文教程（通按钮/文件域/label/下拉表单）
- HTML零基础入门教程， 零基础学习HTML网页制作（HTML基本结构）
- HTML零基础入门教程， 零基础学习HTML网页制作（HTML 标签）
【JavaScript教程】：
- JavaScript 是什么？
- JavaScript基础入门教程（引入方式/注释/变量/常量/数据类型/类型转换）
- JavaScript基础入门教程（引入方式/注释/变量/数据类型/类型转换）
- JavaScript基础入门教程（for循环/数组）
- JavaScript基础入门教程（函数/返回值/作用域）
- JavaScript基础入门教程（对象/内置对象）
- JavaScript进阶教程（作用域/函数/解构赋值）
- JavaScript进阶教程（构造函数/内置函数/继承/封装）
- JavaScript进阶教程（深浅拷贝/异常/this/防抖节流）
- JavaScript函数（函数创建和使用、参数传递）
- JavaScript函数（函数返回值）
- JavaScript数函（作用域和局部变量）
- JavaScript函数（模态框插件的封装）
【VUE教程】：
- Vue基础入门教程(vue-cli+vue指令)
- Vue基础入门教程(vue指令大全)
- Vue基础入门教程(vue组件化开发)
- 最全的Vuex学习教程(Vuex基础、模块化、案例)
【Koa2教程】：
- Koa2框架是什么？Koa框架教程快速入门Koa中间件
- Koa2框架路由应用，Koa2前景、Koa2中间件
- Koa2异常处理
如果对你有帮助的话，点个赞收个藏，给作者一个鼓励。也方便你下次能够快速查找。最后，希望喜欢学习的你们，坚持下去，做一个有知识的前端人，加油~
今天先分享到这里，写了好久的回答，看完了点个赞呀！！！
希望能帮助到更多人！！!
嗯，b站上不是这两个都免费嘛，可以自己都听一听啊，我当时就是两家都听的，互相补充，也当做就是复习了嘛！
如果听的过程中觉得哪一家更对自己的胃口，就选哪一家就好啦！
不过他们的视频都很多，而且互相之间都没有连贯性。所以你也可以某个阶段听一家，另一个阶段觉得不好了就换另一家去听。
这是我的一点建议。
不过后面的项目就比较难了，一个是没有配套的代码。老师经常就是，这个布局我们就不讲了， 直接copy一段代码过来了。。自己没有啊，就感觉体验不是很好。
其实小白还是需要别人带的，要不我们也不用去上小学了，在家里看电视学习不香吗？就是你一开始的时候反而需要有经验的人带着，等有自己的知识体系知识脉络了就可以自学了，这样的效率是比较高的。所以后来我就去报了一个线上前端培训机构，叫丁鹿学堂，不知道你有没有听过，还是很不错的。因为我自己看视频发现我的毅力还是不错的，不用去线下，线上的性价比高。然后就是线上有真人实时授课，带着学，还有配套资料和练习，一对一的答疑解惑，这些都是满足了我的需求。
现在已经开始跟着老师做项目了，已经学会了vue和react，还有node，自己前后端通吃的感觉真的很爽，感觉以后找工作了之余，还可以接点私活来做，整个人都很自信也充满了对未来的希望！
加油，这是我的一点建议，希望能帮到你。
随便啊，B站上的视频那么多，不仅这俩你可以博采众家之长啊！
大家把视频放在上边都是为了引流的，那肯定不会自己砸自己招牌，都拿的好东西都没毛病，至于有的人喜欢这个，有的人喜欢那个，那完全就是个人喜好的问题，萝卜青菜各有所爱，众口难调嘛。
自信的说，来慕课网免费学！
慕课网推出了前端就业班·体验课，就是给想要学习，却无从下手的你们准备的！4天学习+4个实战案例，配套PPT+源码，搞定前端入门！
戳下方直接学↓↓↓
学完本次课程，带你收获：
- 掌握前端HTML、CSS编程的基本语法
- 实现抖音风格字体特效
- 完成网页中常见的文章列表效果
- 实现社交账号注册的一个按钮的特效
- 完成网页中必会的鼠标经过隐藏显示特效
学过的同学 评价
来给大家展示下咱们的课程内容
上思维导图：
最后，祝各位同学学习顺利，学习过程中遇到任何问题欢迎随时留言或私信小慕哦~
零基础自学前端开发技术看哪家的视频都可以，最为关键的是你怎么来学习前端开发技术。
我整理了一套学习路线：
HTML + CSS核心基础：HTML、CSS核心基础、HTML5新特性、CSS3新特性、CSS过渡与动画、弹性盒模型、蓝湖工具使用
JavaScript：JavaScript基础、Web API(BOM & DOM)、JavaScript操作DOM、CSS预编译器(Less & Sass)、前端常用工具库、手写工具函数库、JavaScript面向对象(JS高级)
ES6 + Node + 工程化：ES5+ & ES6+、NPM与YARN常用命令、Git常用命令与协同开发、Node.js & Express框架 & MongoDB、HTTP协议 & Cookie & Session、Ajax（原生、工具库、自定义封装）、ESM与ComonJS模块化、构建工具Gulp、Webpack5.0、工程化项目
React技术栈：React基础语法、React Hooks、React-router、Redux、React Antd、React与Redux原理分析、TypeScript、尚医通-大型React医疗项目-中台Admin
Vue技术栈：Vue基础、VueRouter、Vuex、ElementUI & VantUI、Vue源码(数据响应式、虚拟DOM)、Vue3+TS、尚品汇-大型Vue电商项目-前台PC、尚品汇-大型Vue电商项目-中台Admin
小程序技术栈：原生小程序核心API、小程序框UniApp的核心API、小程序UI组件库uView、谷粒音乐(原生小程序)、尚上优选(UniApp小程序)
想要学好前端开发技术，除了有一个行之有效的学习路线外，还需要找到一个更适合自己的学习方法，才能在学习过程中事半功倍。
1.你在学习开发技术之前要找到一些相关的视频进行学习入门基础知识，最好是能够选择一套全面的、详细的、带有案例分析的视频来学习，这样可以让小伙伴更好的学习与积累基础知识。
2.在学习开发技术之前，要初步了解市场对开发技术的需求，从而确定自己的发展方向，针对性去学习开发技术知识，以用为学，这样才能在学习中提高学习效率，在工作中提升自身职业价值。
3.自学开发技术最大的弊端是只注重基础理论知识的学习，忽略了项目实战案例的练习。想要通过自学开发技术找到工作，必须加强项目实战案例的练习，积累更多的实战经验才可以。
个人喜好硅谷，刚学把这俩课程都看了更好
视频还是要看老师的。说实话两个机构的视频都不怎么样，尚硅谷的react17入门视频讲的还不错。黑马广州的那个react native实战也还行。 他们两家的基础几乎都只能作为了解 介绍最最最基本的用法 而且实战视频老旧参杂。 还是推荐王红元的前端课，成体系的，讲的特别好，从原理层次抛希，还顺便讲源码，而且这个老师贼牛，有过国内外好几个大型项目的开发经验，还写了两本前端这块的书已经出版了
最关键的是他的课成体系的，我说的你可能以为我打广告，但是你自己听个黑马的尚硅谷的视频课，再听这个王红元的，高下立判，自己能感觉到。当然这个人的课不便宜， 但质量极高
推荐去前端黑洞网上找一找，视频非常多
哎，自学你都看呗。
哪个自己看着得，咱就看哪个。
不过这千金难买寸光阴，还是择优而看吧。
把时间的损失降到最小值，先去看用人单位的具体要求，根据用人单位的要求，对比两家的免费教程。哪个更为接近，你就看哪个。
哪个都一样，主要还是看哪个更适合自己。
尚硅谷黑马我都看，不过最终还是选择尚硅谷。
上上月出的vue，我看的挺爽的。
入门的html和css可以看黑马b站的pink老师的课程，通俗易懂，很多小白都入门学的这个。
尚硅谷的js和node的 视频都比较老，你学的话没必要拘泥这两家，找b站上播放量多的跟着学就好了。
项目的话可以跟着尚硅谷做，他的vue项目还是能学到很多东西的，一个管理后台，一个尚品汇商城，都是不错的。
不过如果想快点入门的话，我觉得还是要找人带着，报名一个线上前端培训机构也是一个不错的选择啊！
毕竟比起你单单看视频，有给你规划好的路线，有实时授课的老师，有一对一的答疑解惑和配套练习，这些都是自己看视频没有的。而前端也没什么捷径，只能多写多练才行！
给你推荐一个不错的机构，丁鹿学堂。我弟弟就是对比了几家，线上线下的都有，最后去的丁鹿学堂。丁鹿学堂采用的是比较受欢迎的小班实时授课的模式，尤其对新手比较友好，还有一对一的答疑解惑，做练习中遇到问题可以很快的解决。这种讲练结合才是学前端写代码的好方法。他们家4个月就能学好毕业了，知识点一个不落下，html，css，js，jq，node，vue，react，小程序，甚至还会教你ps切图这些，内容丰富，关键是性价比高，只要线下的三分之一多一点，我们买东西都喜欢物美价廉，而线上前端的丁鹿学堂算是性价比很高了。
丁鹿学堂一律都是骗子，推荐去看pink老师，或者coderwhy
不需要看视频，前端是个更新很快的技术，看视频虽然能学习，不过更好的办法是，看文档看项目混圈子，直接拉开源项目搞起来。一句话，工作中不可能看视频解决问题。你把尤雨溪300多个知乎回答看完都比看视频好。