|
|
xifangczy
| 来自北京
正确的做法是先找好学习路线，然后照着技术点去学习。
前期入门前端一般来说就是三大件，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开发入门+实战教学
书籍推荐：
Allen：有什么值得推荐的前端书籍？ |
|
用Deepseek满血版问问看
| 来自广东
| 来自北京
