前端学习建议+时间表+学习资源分享

于 2023-05-30 18:59:39 发布
阅读量2.5k 收藏 112
点赞数 7
文章标签： 前端 学习 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/itcast_cn/article/details/130954994
版权

来，给大家做个计划表，每天学习5-6小时，大概5个月左右可以学完。

第一阶段：HTML+CSS

HTML 基础：2-3 天

    • 学习 HTML 标签的基本使用
    • 掌握常见的文本格式化标签和链接标签等

CSS 基础：2-3 天

    • 学习 CSS 的基本语法和选择器
    • 掌握常见的盒模型和布局属性

CSS 布局：5-7 天

    • 学习常见的布局技术，如流式布局和弹性布局
    • 掌握常见的定位属性和网格布局

响应式设计和移动端布局：3-5 天

    • 学习响应式设计的原理和实现方式
    • 掌握移动端布局的常用技巧和工具

第二阶段：JavaScript

JavaScript 基础：7-10 天

    • 学习 JavaScript 的基本语法和数据类型
    • 掌握条件语句、循环语句和函数的使用

DOM 操作：5-7 天

    • 学习使用 JavaScript 操作 HTML 文档对象模型（DOM）
    • 掌握常见的 DOM 操作和事件处理

jQuery：3-5 天

    • 学习使用 jQuery 简化 JavaScript 编程
    • 掌握 jQuery 常用的选择器、事件处理和动画效果

AJAX：3-5 天

    • 学习使用 AJAX 进行异步通信
    • 掌握 AJAX 的基本原理和常用技巧

第三阶段：前端框架和工具

前端框架（如 Vue.js 或 React）：10-15 天

    • 学习选定的前端框架的基本概念和使用方法
    • 掌握组件化开发和状态管理等重要概念

CSS 预处理器（如 Sass 或 Less）：3-5 天

    • 学习使用选定的 CSS 预处理器编写可重用的样式代码
    • 掌握预处理器的变量、嵌套和混合等特性

构建工具（如 webpack）：3-5 天

    • 学习使用选定的构建工具进行前端项目的打包和优化
    • 掌握构建工具的基本配置和常用插件

版本控制（如Git）：2-3天

  • 学习使用 Git 进行版本控制和团队协作
  • 掌握常用的 Git 命令和分支管理

第四阶段：深入学习和项目实践

前端性能优化：3-5 天

    • 学习前端性能优化的基本原理和常用技巧
    • 掌握减少加载时间和优化代码的方法

前端安全：2-3 天

    • 学习前端安全的基本概念和常见攻击方式
    • 掌握预防 XSS、CSRF 等安全漏洞的方法

前端测试：2-3 天

    • 学习前端测试的基本原理和常用工具
    • 掌握单元测试和端到端测试的编写和执行

实际项目经验：持续学习和实践

    • 参与实际的前端项目，积累经验并提升技能
    • 学习与其他开发者合作和遵循最佳实践

二、前端学习资源

前端学习课程分享：

黑马程序员前端：2023年Web前端开发学习路线图17 赞同icon-default.png?t=N4P3https://zhuanlan.zhihu.com/p/596444606

三、前端学习经验分享

基础方面：

前端HTML+CSS+JavaScript是一定要牢固的，所有语法和知识点都要掌握。这些也是面试必问的问题，后面的话ES6以及新特性、原型链、Event Loop等等。这些知识，学习的时候一带而过，但是后期参与面试之前都需要反复去看，去刷题。

框架方面：

目前比较火爆的就是React、Vue、Angular，大家总是会说大厂用React多，其实不是，也会用vue的。没有什么绝对的，但是学的话，建议初学者和小白选择Vue，肯定是好入门一点。首先是纯中文的文档，而且有最佳解决方案。

简单分享学习步骤：先学基础语法—>高级用法—>掌握框架原理。

在框架的学习之中，实战肯定少不了。不管你是应届生还是转行。面试大厂还是小厂，都需要有实战经验。刚开始大家都会觉得自己做不了项目，没有全局概念。这些都很正常。

项目学习的步骤：找到培训机构项目课—>自己动手练习—>看书—>在GitHub找开源项目—>跑通。

四、前端学习笔记

HTML+CSS+项目

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

JavaScript非常重要

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

JavaScript最全拔高（更新中）

JavaScript面向对象开发相关模式/JavaScript创建对象简单方式到优化/JavaScript面向对象游戏案例：贪吃蛇

手把手教你学项目：

博客
自学前端需要达到什么水平才能去找工作？来看看这套前端学习路线图
11-26 2万+
自学前端需要达到什么水平？当然是水平越高，越容易找到工作。在竞争这么激烈的2020年，就需要更加的努力，充实自己，让自己不被代替！看了好多的回答，大家都是再说学到什么水平能找到工作，我就来分享干货吧！祝看到这篇干货的小伙伴，工作步步高升！黑马程序员学习路线图及能掌握的能力（总，以下会分阶段，加上配套学习视频，小伙伴可继续往下看！）第一阶段：HTML5+css配套学习视频：前端小白零基础入门HTML5+CSS3完整视频：http://yun.itheima.co.
博客
软件测试全套教程，2020年全新软件测试学习路线图
05-04 1万+
2020年全新的软件测试学习路线图来袭，零基础入行入职必备学习教程，高质量免费资源在线学习！还在等什么，想学习软件测试的小伙伴，快来点击进入学习状态吧！一、基础入门课程亮点1. 熟悉计算机相关概念。2. 掌握基础的测试理论。3. 熟练掌握HTML常用标签input。4. 掌握使用CSS选择器。配套学习视频：软件测试基础入门之HTML基础​软件测试基础入门......
博客
Java多线程编程，来看这篇就够了！全新Java多线程教程！
06-25 7186
对于Java程序员来讲，Spring全家桶几乎可以搞定一切，Spring全家桶便是精妙的招式，多线程就是内功心法很重要的一块，线上出现性能问题，多线程更是不可回避的问题。因此多线程基础知识对于高级程序员的重要性不必言语！很多公司在面试高级程序员时候，多线程相关知识也必定是考核的标准之一。那我们为什么要学习多线程呢？掌握Java多线程可以：应对面试、优化之路、深入理解。应对面试在面试中，求职...
博客
QT教程，QT从入门到实战教程完整版
06-17 7万+
Qt是一个跨平台开发框架，可以使用C++和Qml开发，同时它又不仅仅只是开发框架，它也是一种技术策略，可以让你快速、高效地设计、开发、部署和维护软件，同时在所有设备上提供无缝的用户体验。因而，对于C/C++工程师而言，QT是必须要学习的一个跨平台开发框架，今天分享一个QT教程！课程亮点1，知识体系完备，内容精炼2，脉络清晰，讲解过程把握知识主线。3，结合工作实践及分析应用，培养...
博客
软件测试人员应该如何介绍自己测试过的项目
05-09 4万+
测试人员在找工作的过程中，通常有一个问题是很难绕开的。就是要如何向别人介绍自己之前做过的项目。下面我们就这个问题简单的做一些分析。要解决这个问题，大体上可以分为如下几个步骤：1、对项目进行基本介绍2、说明自己负责测试的模块3、针对部分模块展开进行说明一. 对项目进行基本介绍以下就以一个简单的项目进行介绍说明：最近测试的Tpshop项目是一个B/S架构的Web项...
博客
软件测试全套教程，软件测试自学线路图
07-09 20万+
软件测试：软件测试是为了发现程序中的错误而执行程序的过程。通俗的说，软件测试需要在发布软件之前，尽可能的找软件的错误，尽量避免在发布之后给用户带来不好的体验，并要满足用户使用的需求。现在市面上这么多软件，每个软件背后都有软件测试工程师的功劳，这也造就了软件测试行业前景非常好，今天我就分享一下自学线路图，及全套教程！软件测试学习线路图点击查看大图第一阶段：该...
博客
Python入门教程完整版（懂中文就能学会）
09-28 18万+
今天本宝宝给大家带来了干货，Python入门教程完整版，完整版啊！完整版！言归正传，我来给大家介绍一下这套教程，希望每个小伙伴都沉迷学习，无法自拔！本套教程学习时间15天1-3天内容：为Linux基础命令4-13天内容：为Python基础教程14-15 天内容：为飞机大战项目演练第一阶段（1-3天）：该阶段首先通过介绍不同领域的三种操作系统，操作系统的发展简史以及...
博客
Java学习路线图，全套Java基础视频教程
09-07 24万+
深知广大爱好Java的人学习是多么困难，没视频没资源，上网花钱还老被骗。为此我呕心沥血整理了这套Java教程，不管你是不懂电脑的小白，还是已经步入开发的大牛，这套路线路你都值得拥有，小白看上面的视频可以成功学会Java并且顺利工作，大神看了上面的资源肯定会谆谆乐道，教程的宗旨就是分享，专业，便利，让喜爱Java的人，都能平等的学习。首先建立好开发环境非常重要，工欲善其事，必先利其器。做任何开发.........
博客
2025年春招市场行情报告发布！薪资最高的是？
03-11 282
2025年春招季与2024年相比，三线城市居住人才期望在本地城市工作的比例从76.0%提升至79.2%，四线城市从69.5%提升至70.9%，五线城市从62.1%提升至66.4%，AI技术发展迅猛，DeepSeek的爆发将国内AI产业推向高潮，并加速了AI在各行各业的应用渗透，同时也带动了与AI相关的新兴职业需求。当前，无论是互联网巨头，还是传统企业，都在积极布局AI领域，对AI工程师求贤若渴。AI的发展就像一场“魔法风暴”，不仅改变了我们的生活，还催生出一大波新兴职业，
博客
AI正在培养「文盲」程序员，你怎么看？
02-28 934
所以，在AI时代，我们每个人的第一课，就是学会与AI共存。③从“技术宅”到“全能者”：沟通、业务分析、创新思维等软技能，将成为AI时代差异化竞争的关键。②从“单兵作战”到“AI指挥官”：优秀的开发者懂得向AI提出精准问题，并验证其答案的可靠性。AI发展势头锐不可当，可以预见，未来市场对AI相关人才的需求会更加迫切，这清晰地表明，AI虽然强大，但无法完全替代程序员。总结来说，单纯比拼技能的时代已经过去，在未来的职场，
博客
程序员的未来：不是失业，而是起飞
02-11 731
黑马Al+Python大数据开发5.0课程，AI大模型驱动+云平台赋能，让数据分析更精准，开发更高效。黑马Al+Java开发V15.0课程，深度融合前沿AI技术与工具，全程“AI+项目实战”教学，培养AI时代下的精英Java开发人才。黑马AI+设计课程，学习时长3.5个月，全面覆盖AIGC技术，从软件操作到商业应用，技能全打通。对于其中的原因，周鸿祎称，有了AI工具之后，可以让程序员、产品经理、设计人员的能力提升5倍。最后，播妞想说，AI不会淘汰程序员，但会淘汰那些不会用AI的程序员。
博客
千字Java学习路径，超全！从零基础到精通~
07-01 1009
Java并发编程实践》是并发编程的里程碑著作，从并发编程的基本理论入手，逐步介绍设计Java并发程序时的重要设计原则、设计模式及思维模式，使开发人员能够快速领悟Java并发编程要领，迅速构建大规模并发应用程序。这本书详细讲解了Java SE的所有内容及其原理，如果你能彻底掌握这本书，将会为你未来的技术进阶打下坚实的基础。《Java核心技术卷2：高级特征》全面覆盖了Java技术的高级主题，对Java技术的阐述精确到位，叙述方式深入浅出，并包含大量示例，帮助读者充分理解Java语言及其类库的相关特性。
博客
Java若依框架入门，初始化项目、Maven构建等配置
06-28 2056
这些版本的框架为开发者提供了多样化的选择，无论是传统的Web应用、现代化的前后端分离应用，还是复杂的微服务架构和跨平台的移动端应用，都能找到合适的若依框架版本来满足开发需求。
博客
Python学习指南：6个步骤快速上手
06-27 1263
Python 是一种高级解释型编程语言，由 Guido van Rossum 创建，首次发布于1991年。它注重代码的可读性，其语法允许程序员用比C++或Java更少的代码行来表达相同的概念。Python 支持多种编程范式，包括过程式编程、面向对象编程和函数式编程。简单来说，这意味着它非常灵活，可以用不同的方式编写代码，无论是为计算机设定一系列任务（过程式），创建事物或概念的数字模型（面向对象），还是像处理数学问题一样处理代码（函数式）。
博客
鸿蒙开发培训，5000家App已加入鸿蒙生态，华为鸿蒙设备增长至9亿
06-24 624
在2024年华为开发者大会上，华为终端BG CEO余承东宣布，目前鸿蒙生态设备已超过9亿，HarmonyOS开发者人数达到了254万，鸿蒙学堂的参与人次达到了435万。余承东指出，鸿蒙原生应用已进入全面冲刺阶段，并呼吁更多开发者加入鸿蒙生态。华为也承诺将持续提供完善的开发工具及资金扶持。鸿蒙生态的快速发展为开发者提供了广阔的前景和机遇。那么，如何投身鸿蒙技术，成为一名合格的鸿蒙开发者呢？以下是详细的学习路径，帮助你从基础到进阶，逐步掌握鸿蒙开发的核心技术。
博客
Python入门，Python爬虫基础知识
06-19 773
网络爬虫（Web Crawler 或 Spider）是一种在互联网上自动获取信息的程序。它根据设定的规则，从互联网上下载网页、图片、视频等内容，并提取有用信息进行处理。简而言之，网络爬虫就像是在互联网上自动“爬行”的程序，从一个或多个初始网页开始，读取网页内容，找到其中的链接，再通过这些链接找到下一个网页，如此循环，直到抓取完所有目标网页。网络爬虫的应用非常广泛，如搜索引擎的网页抓取、数据挖掘、网站监测等。例如，搜索引擎通过爬虫技术抓取网页信息，建立索引数据库，以便用户进行关键词搜索时能快速找到相关信息。
博客
Java入门，深入理解Java平台及其关键特性
06-19 656
Java的标志性特点是“一次编写，到处运行”（Write once, run anywhere）。通过字节码和Java虚拟机（JVM），Java可以在不同的操作系统和硬件上运行，这种跨平台的抽象屏蔽了底层的细节，使得Java程序具备了很强的可移植性。
博客
5分钟上手Python爬虫，轻松掌握爬虫技巧
06-17 1435
本文的重点在于引导读者初步掌握爬虫技术。入门并不难，但在实际操作中可能会遇到一些困难，比如有些网站不允许直接访问，需要登录或进行人机验证等。因此，建议先从爬取一些新闻资讯类的网站开始，因为这样相对容易。涉及用户支付等敏感信息的网站就不那么容易获取了。因此，在入门阶段，不要选择太复杂的网站，先尝试简单的爬取。一旦理解了基本原理，遇到问题时可以考虑添加组件或使用第三方库来解决。# 初始化彩色输出init()# 定义颜色# 打印初始信息。
博客
Java面试重点知识体系解析及高效复习指南
06-12 546
Java 后端的知识体系非常庞大，在准备面试时，需要优先抓住重点进行复习。
博客
鸿蒙开发培训，5分钟学会鸿蒙开发语言关键知识点
06-11 942
ArkTS 是 HarmonyOS 的主要开发语言。它在 TypeScript 的基础上进行了优化和扩展，保留了 TypeScript 的优点，同时屏蔽了其缺点，并与 ArkUI 框架一起构建了鸿蒙应用。本文将介绍 ArkTS 的相关内容。基于上述需求，ArkTS 强制使用静态类型。这意味着在 ArkTS 中，声明变量、函数参数和返回值时必须指定类型，并在编译时进行严格的类型检查。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值