大专大一计算机专业的，想以后毕业做前端开发，自己该怎么学习？

我不是女神ヾ 2023-10-10 14:19 47阅读 0赞

各位好，希望每一个学前端的小伙伴可以认识我，前端系统自学路径主页挂了5个月了。 HTML+CSS-->移动web->JavaScript基础-->Web APIs->数据交互&异步编程-->Node.js-->Vue2+Vue3-->React核心技术-->微信小程序

![2a60e991fe90c9e24321d2f491f447c2.png][]

![397c9da91eba1c50515b18079bfb2c7f.png][]

编辑切换为居中

添加图片注释，不超过 140 字（可选）

前端学习全套笔记：

*  [认识网页 ][Link 1]/ [HTML标签大全][HTML] / [表格 ][Link 2]/[ 列表][Link 3]
 *  [CSS入门笔记][CSS] / [Css样式表][Css] / [emmet语法][emmet] / [CSS的复合选择器 ][CSS_]/ 显示模式 /
 *  [CSS背景][CSS 1] / [CSS三大特性][CSS 2] / [盒子模型][Link 4] / [圆角边框、盒子阴影、文字阴影][Link 5]
 *  [浮动知识点汇总][Link 6] /[ PS切图][PS] / [CSS属性书写顺序（重点）][CSS 3] / [CSS练手之学成在线页面制作][CSS 4]
 *  [CSS定位的4种分类][CSS_4] / [学成在线模块添加][Link 7] / [HTML+CSS之定位（position）的应用][HTML_CSS_position]
 *  [案例：淘宝轮播图][Link 8] / [元素的显示与隐藏 ][Link 9]/ [土豆网鼠标经过显示遮罩][Link 10] /
 *  [【重点】CSS之精灵图][CSS 5] / [字体图标][Link 11] / [用户界面样式源码][Link 12] / [vertical-align 属性应用][vertical-align] /
 *  [溢出的文字省略号显示][Link 13] / [常见布局技巧+案例][Link 14] / [CSS新增选择器][CSS 6] / [盒子模型和其他新特性][Link 15]

在基础到一些特性都学习结束之后，可以用一个大型的项目多页面的作为自己学习成果的检测。 HTML+CSS项目《品优购》完整笔记+源码（万字版可复制）：

*  [HTML+CSS大项目1：品优购项目笔记+源码（万字！收藏）][HTML_CSS_1]
 *  [HTML+CSS大项目2：品优购项目笔记+源码（万字！收藏）][HTML_CSS_2]

学习建议就是看视频入门，可以把我给大家准备的笔记放到自己随时可以查看的地方。另外官方文档也是我们入门的最好的学习资料！新手不要光看，学完基础就可以写静态页面，学完特性就可以独立搞一个商城首页。到这里可以独立完成之后再去学习JavaScript。 JavaScript个非常重要

*  JavaScript本身属于抽象的，尤其是闭包、内置对象、DOM这里都有难度；
 *  而且要学习的内容非常多，比如函数库，对象库也是很多很多；
 *  不仅涉及面向过程的编程思想，还有面向对象的编程思想；
 *  好不容易都学习完了之后会有一种脱离实际应用的感觉，这些都算是javascript的难点。

那就需要一条清晰的学习路线了，基础部分（定义变量、函数、数组、字符串、内置函数、内置对象）——>面向过程的编程思想（在这里可以试着用自定义按钮、自定义播放器练习）——>面向过程编程思想（封装一些我们自己想的对象，提供有意义的接口） 笔记同样是为大家整理好了：

*  [认识JavaScript][JavaScript] / [注释以及输入输出语句][Link 16] / [变量的使用、语法扩展、命名规范][Link 17]
 *  [数据类型简介以及简单的数据类型][Link 18] / [获取变量数据类型][Link 19]/[运算符&算数运算符][Link 20] / [递增和递减运算符][Link 21]
 *  [比较运算符和逻辑运算符][Link 22] / [赋值运算符以及运算符优先级][Link 23] / [流程控制-实际案例学习if语句][-_if]
 *  [三元表达式&分支流程控制 switch 语句][switch] / [JavaScript的for循环学不明白怎么办？][JavaScript_for]
 *  [以案例学习JavaScript双重for循环][JavaScript_for 1] /[while以及do while循环][while_do while]
 *  [遍历数组，附5个案例][5] / [函数的概念和使用][Link 24]/[JavaScript函数的参数][JavaScript 1]
 *  [JavaScript的返回值][JavaScript 2] / [函数案例练习][Link 25] / [JavaScript函数的两种声明方式][JavaScript 3] / [JavaScript 作用域][JavaScript 4]
 *  [对象][Link 26]

JavaScript最全拔高（更新中） [JavaScript面向对象开发相关模式][JavaScript 5] / [JavaScript创建对象简单方式到优化][JavaScript 6] / [JavaScript面向对象游戏案例：贪吃蛇][JavaScript 7] 前端项目去哪里找？

*  [https://www.leapcloud.cn/website/case\#][https_www.leapcloud.cn_website_case]
 *  [apicloud.com/cases][apicloud.com_cases]
 *  [历趣应用商店 - 手机APP下载&手游排行榜][- _APP]
 *  [小程序|小程序社区|小程序开发社区-极乐小程序社区-www.wxapp-union.com][-_-www.wxapp-union.com]
 *  [http://app.weijuju.com/all\_tpl.html?list=03\_0\_0][http_app.weijuju.com_all_tpl.html_list_03_0_0]
 *  [https://adhub.com.cn/\#!/case][https_adhub.com.cn_case]
 *  [http://www.pc6.com/pc/shoujikanche/10/][http_www.pc6.com_pc_shoujikanche_10]
 *  [解放号数智版-伴行数字化转型的软件产业互联网][-]
 *  [IT项目在线交易平台--米鼠网][IT_--]

![ff779014be3d9fd79046ac5712a0570d.png][]

项目学习以及简历的体现：

前端项目怎样做出亮点难点，有什么难的技术可以做？欢迎大家回答

![944789ec84dd1e7d28a50a35ead3be5c.png][]

手把手教你学项目之：

*  [HTML+CSS大项目1：品优购项目笔记+源码（万字！收藏）][HTML_CSS_1]
 *  [HTML+CSS大项目2：品优购项目笔记+源码（万字！收藏）][HTML_CSS_2]
 *  [优购小程序实战：64-个人中心-历史足迹&我的订单-静态结构][64-_-_-]（正在更新）
 *  [刚学前端的话，有什么项目是可以上手的吗？][Link 27]
 *  [Node框架/开源项目推荐？][Node]
 *  [如何学习ECharts数据可视化？][ECharts]

[2a60e991fe90c9e24321d2f491f447c2.png]: https://img-blog.csdnimg.cn/img_convert/2a60e991fe90c9e24321d2f491f447c2.png
[397c9da91eba1c50515b18079bfb2c7f.png]: https://img-blog.csdnimg.cn/img_convert/397c9da91eba1c50515b18079bfb2c7f.png
[Link 1]: https://zhuanlan.zhihu.com/p/427219865
[HTML]: https://zhuanlan.zhihu.com/p/427223623
[Link 2]: https://zhuanlan.zhihu.com/p/428116551
[Link 3]: https://zhuanlan.zhihu.com/p/428136229
[CSS]: https://zhuanlan.zhihu.com/p/429033172
[Css]: https://zhuanlan.zhihu.com/p/429466289
[emmet]: https://zhuanlan.zhihu.com/p/429471464
[CSS_]: https://zhuanlan.zhihu.com/p/430870869
[CSS 1]: https://zhuanlan.zhihu.com/p/431702659
[CSS 2]: https://zhuanlan.zhihu.com/p/431711084
[Link 4]: https://zhuanlan.zhihu.com/p/432121846
[Link 5]: https://zhuanlan.zhihu.com/p/432144139
[Link 6]: https://zhuanlan.zhihu.com/p/432529468
[PS]: https://zhuanlan.zhihu.com/p/432548149
[CSS 3]: https://zhuanlan.zhihu.com/p/433893912
[CSS 4]: https://zhuanlan.zhihu.com/p/433897316
[CSS_4]: https://zhuanlan.zhihu.com/p/434434899
[Link 7]: https://zhuanlan.zhihu.com/p/435213834
[HTML_CSS_position]: https://zhuanlan.zhihu.com/p/435216711
[Link 8]: https://zhuanlan.zhihu.com/p/435222921
[Link 9]: https://zhuanlan.zhihu.com/p/436381963
[Link 10]: https://zhuanlan.zhihu.com/p/436788529
[CSS 5]: https://zhuanlan.zhihu.com/p/436792962
[Link 11]: https://zhuanlan.zhihu.com/p/437188671
[Link 12]: https://zhuanlan.zhihu.com/p/437196668
[vertical-align]: https://zhuanlan.zhihu.com/p/437742587
[Link 13]: https://zhuanlan.zhihu.com/p/439075105
[Link 14]: https://zhuanlan.zhihu.com/p/439078907
[CSS 6]: https://zhuanlan.zhihu.com/p/440387989
[Link 15]: https://zhuanlan.zhihu.com/p/442281670
[HTML_CSS_1]: https://zhuanlan.zhihu.com/p/442761752
[HTML_CSS_2]: https://zhuanlan.zhihu.com/p/443256317
[JavaScript]: https://zhuanlan.zhihu.com/p/465679313
[Link 16]: https://zhuanlan.zhihu.com/p/466283680
[Link 17]: https://zhuanlan.zhihu.com/p/467386111
[Link 18]: https://zhuanlan.zhihu.com/p/468193673
[Link 19]: https://zhuanlan.zhihu.com/p/468664933
[Link 20]: https://zhuanlan.zhihu.com/p/469219413
[Link 21]: https://zhuanlan.zhihu.com/p/470296033
[Link 22]: https://zhuanlan.zhihu.com/p/470300185
[Link 23]: https://zhuanlan.zhihu.com/p/470933090
[-_if]: https://zhuanlan.zhihu.com/p/471913794
[switch]: https://zhuanlan.zhihu.com/p/471925073
[JavaScript_for]: https://zhuanlan.zhihu.com/p/472416751
[JavaScript_for 1]: https://zhuanlan.zhihu.com/p/478297648
[while_do while]: https://zhuanlan.zhihu.com/p/478304094
[5]: https://zhuanlan.zhihu.com/p/483297752
[Link 24]: https://zhuanlan.zhihu.com/p/485578714
[JavaScript 1]: https://zhuanlan.zhihu.com/p/486880405
[JavaScript 2]: https://zhuanlan.zhihu.com/p/486884907
[Link 25]: https://zhuanlan.zhihu.com/p/489669343
[JavaScript 3]: https://zhuanlan.zhihu.com/p/489714090
[JavaScript 4]: https://zhuanlan.zhihu.com/p/495210745
[Link 26]: https://zhuanlan.zhihu.com/p/497944441
[JavaScript 5]: https://zhuanlan.zhihu.com/p/458842270
[JavaScript 6]: https://zhuanlan.zhihu.com/p/459279808
[JavaScript 7]: https://zhuanlan.zhihu.com/p/461347980
[https_www.leapcloud.cn_website_case]: http://link.zhihu.com/?target=https%3A//www.leapcloud.cn/website/case%23
[apicloud.com_cases]: http://link.zhihu.com/?target=http%3A//apicloud.com/cases
[- _APP]: http://link.zhihu.com/?target=https%3A//www.liqucn.com/
[-_-www.wxapp-union.com]: http://link.zhihu.com/?target=http%3A//www.wxapp-union.com/
[http_app.weijuju.com_all_tpl.html_list_03_0_0]: http://link.zhihu.com/?target=http%3A//app.weijuju.com/all_tpl.html%3Flist%3D03_0_0
[https_adhub.com.cn_case]: http://link.zhihu.com/?target=https%3A//adhub.com.cn/%23%21/case
[http_www.pc6.com_pc_shoujikanche_10]: http://link.zhihu.com/?target=http%3A//www.pc6.com/pc/shoujikanche/10/
[-]: http://link.zhihu.com/?target=https%3A//www.jfh.com/
[IT_--]: http://link.zhihu.com/?target=https%3A//www.misuland.com/
[ff779014be3d9fd79046ac5712a0570d.png]: https://img-blog.csdnimg.cn/img_convert/ff779014be3d9fd79046ac5712a0570d.png
[944789ec84dd1e7d28a50a35ead3be5c.png]: https://img-blog.csdnimg.cn/img_convert/944789ec84dd1e7d28a50a35ead3be5c.png
[64-_-_-]: https://www.zhihu.com/zvideo/1503419544752771073
[Link 27]: https://www.zhihu.com/question/520873671/answer/2389049752
[Node]: https://www.zhihu.com/question/511136454/answer/2353819671
[ECharts]: https://www.zhihu.com/question/436318663/answer/2459961158