【前端学习之路】01：关于一个大二计算机专业学生如何从零开始学前端
作者前言
首先本人在学前端之前只有一点C语言和Python基础，其实也算不上什么基础，写代码能力一般，算法题也做不出来，想打比赛，结果蓝桥杯白捐300块钱。所以放弃算法这条路了，打算走前端开发方向，但最近互联网上又对前端的争议很大，说前端已死，本人偏不信邪，想着一定要将前端学出点名堂来，于是踏上了这条前端学习之路。其实在写这篇博客前，本人已经通过黑马pink老师的课程学完html和css了，为什么现在才想着写博客呢，一是想着写博客也算是另一种形式的自我学习监督，顺便可以把每个板块的知识点自己梳理一下；二是想锻炼一下自己的语言组织能力，提升一下自己的能力。遇见即是缘分，接下来进入正文。
我的前端学习路线
本人是在b站上看黑马pink老师最新的前端学习视频来自学的前端，视频链接如下：
这套课程是2025版最新前端基础入门课程，包含 html5、css3、flex布局、grid布局、响应式布局、移动端布局，从零基础到实战的课程。里面包含svg、 css 变量、计算函数、时间线动画等新技术，同时还是全网首套 AI工具 trae 讲解的零基础到实战的前端课程。
这套学习视频我认为还是很全面的，然后也很容易上手，我是在这个学期已经通过这个视频学完了html和css了，然后打算寒假跟着这个视频的学习路线接着往后学，同时再自学JavaScript。
JavaScript的话我看b站黑马程序员的视频，视频链接如下：
这套视频课程是Pink老师最新版JavaScript课程，主要讲解JavaScript核心知识，包含最新ES6语法，从基础到API再到高级。
打算系统学完前端的基础知识后，再到网上跟着实战做几个项目。
以上差不多就是我的前端学习路线的，接下来我将简单讲一下前端的一些基础知识，要学什么，要怎么学，以及要用什么工具。
学习前端开发的基础知识
HTML是网页的骨架，学习如何创建基本的网页结构。掌握常用标签如<div>、<p>、<a>等，理解语义化标签如<header>、<footer>的作用。
CSS负责网页的样式和布局。学习选择器、盒模型、浮动、定位等核心概念。熟悉Flexbox和Grid布局，它们是现代网页布局的基础。
JavaScript是前端开发的核心语言。从变量、数据类型、函数等基础语法开始，逐步学习DOM操作、事件处理、异步编程等高级特性。
掌握前端开发工具
代码编辑器是必备工具，b站上配套的前端学习视频用的是Trae这个软件，我目前用下来也觉得很好用，结合了ai的一款前端开发软件，很适合小白使用。以后我的博客和前端的练习也都是会用这个软件来编写。
深入学习前端框架
React是目前流行的前端框架之一。学习组件化开发思想，掌握JSX语法、状态管理、生命周期等核心概念。通过实战项目巩固知识。
Vue是另一个易上手的前端框架。理解响应式原理、指令系统、单文件组件等特性。Vue的文档友好，适合初学者系统学习。
然后我看pink老师的课程讲到了Bootstarp框架，但我还没学到这里，具体的框架内容等我后期涉及到后再做整理。
前端工程化是进阶必备。了解Webpack、Babel等构建工具，掌握模块化开发、代码分割、性能优化等高级技巧。
实践项目与持续学习
从简单的静态页面开始，逐步完成复杂的动态应用。建议先跟着课程来，把课程里的项目都跟着练一遍，课程里的项目有小兔鲜项目、优医问诊项目、designcode项目和vivo响应式官网项目。这些项目都比较经典，练完这些项目后也可以去黑马程序员找其他项目练习
参与开源项目能提升实战能力。在GitHub上寻找适合的项目，从修复小问题开始，逐步贡献代码。
技术社区是学习的重要资源。关注前沿技术动态，参与技术讨论，保持持续学习的习惯。前端技术更新快，需要不断更新知识体系。
结语
以上就是我第一篇博客的全部内容了，后期我将会陆陆续续整理一下我前端的笔记上传，然后也会一边学一边发表博客，有什么想法大家都可以到评论区交流讨论噢，也欢迎给我这个前端新人一些建议~ 在前端的学习之旅上我们一起加油吧！ps：第一次写博客内容和排版可能不太精致，还请大家见谅，我会慢慢提升自己的！
