CSDN博客太火了也教你做一个——（期末web大作业）(1)，web前端自学要多久

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

不光是这次博客系统，来这里你还能学习到以下这些。

好了这次博客系统我们将分为几期来进行展示说明，教大家一步一步完成自己的博客。来吧开启今天的肥学

整体设计模式

=========================================================================

这里使用经典的设计模式MVC+dao什么是MVC我简单说一下，以防有的肥友不知道，

MVC 模式

MVC 模式代表 Model-View-Controller（模型-视图-控制器） 模式。这种模式用于应用程序的分层开发。

Model（模型） - 模型代表一个存取数据的对象或 JAVA POJO。它也可以带有逻辑，在数据变化时更新控制器。

View（视图） - 视图代表模型包含的数据的可视化。

Controller（控制器） - 控制器作用于模型和视图上。它控制数据流向模型对象，并在数据变化时更新视图。它使视图与模型分离开。

虽然是以Java来讲解的但是并不影响python的使用哦。

后端知识介绍

=========================================================================

• flask

主体框架这里用到了flask为什么用这个呢？我之前有一篇介绍flask框架的文章大家有兴趣可以去看看。这里我就不详细说了。传送门

文档链接：链接

• mysql

这个不用我在说了吧，大家应该都用过，我总结了一些基础应用大家可以参考参考。链接传送门这里我们使用了pymysql作为链接数据库的驱动

• Flask-SQLAlchemy

Flask-SQLAlchemy 使用起来非常有趣，对于基本应用十分容易使用，并且对于大型项目易于扩展。有关完整的指南，请参阅 SQLAlchemy 的 API 文档。其实就是一个对数据库的一个映射让我们操作数据库不用再去写原生的sql语句文档

• flask_migrate

Flask-Migrate是一个扩展，它使用 Alembic 处理 Flask 应用程序的 SQLAlchemy 数据库迁移。数据库操作通过 Flask 命令行界面提供。

这个东西也是比较简单的，有需要可以通过文档查看用法文档

• flask_script

这个是flask里面带的一个插件，Flask-Script插件为在Flask里编写额外的脚本提供了支持。这包括运行一个开发服务器，一个定制的Python命令行，用于执行初始化数据库、定时任务和其他属于web应用之外的命令行任务的脚本

文档链接：链接

前端知识介绍

=========================================================================

• bootstrap

Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。

文档链接：链接

我们用这个框架非常适合新手配合上jinjia模板简直如虎添翼

• jinjia

首先，jinjia本质上是嵌入到html里的，说白了，你写的还是html文件，只不过flask等架构会把它里面嵌入的jinjia语句转化为对应的html，相当于动态页面。基本语法

{% for user in users %}

• {{ user.username }}

• {% endfor %}

  可以先看看文档：链接

  • jQuery

  jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（框架）于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

  

  总结一下

  面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

  还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

  万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

  为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

  

  

  前端面试题汇总

  

  网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

  需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
  

  一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
  技术提升。**

  需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
  [外链图片转存中…(img-ypVly45H-1713287678595)]

  一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！