一位前端小白的2024总结

目录

简要

一、迷茫点的解决

(1)前端领域该怎么学?

(2)旧技术还需要学吗?

(3)我该学些什么?

二、折磨点的解决

(1)学技术成果回报太慢怎么办?

(2)知识变现过程很长怎么办?

三、放弃点的解决

(1)就业环境越来越差怎么办?

总结

作者2025目标

简要

作者是一位前端领域的的小白,自2023踏入前端领域,至今刚好一年多一点,在这一年里,作者无数次在“迷茫”、“折磨”、“放弃”三种心态中徘徊。

  • 迷茫点在于:“前端领域该怎么学?”、“旧技术还有必要学吗?”、“我该学些什么?
  • 折磨点在于:“学技术成果回报太慢怎么办?”、“知识变现过程很长怎么办?
  • 放弃点在于:“就业环境越来越差怎么办?

不过好在作者并没有放弃,因为作者始终相信:“坚持总会有回报!”

在这里,作者向各位小伙伴,无论是接触过或者是没有接触过的前端小白,给出作者坚持下去的理由,帮助小伙伴们克服这个艰难时期,谢谢大家

一、迷茫点的解决

(1)前端领域该怎么学?

前端领域该怎么学呢?

学习前端必然是一件非常枯燥的事情,但是如果想到自己开发的网页会有多么精美!!

想到自己可以从“0”到“1”实现一件事情,这种成就感是非常非常浓厚的!!

因此,我觉得想要学前端,必须要有一颗耐得住性子的心以及适当的成果奖励来鼓励自己

另外对于学习的途径,我推荐大家不要去看B站视频,尽可能的去看官方文档,或者实体书,科学实现不是表明,在你看视频的时候,你只用到了眼睛、耳朵,但是很大概率没有过脑,而如果是文字,你会过脑!!!

一些常见的网站,例如:

w3school 在线教程:这是作者曾使用过的一个网站,非常好用,推荐大家使用

下面是一个作者基于Layui开发的一个个人网站(现已部署),支持PC/PE双端访问,由于隐私问题就不公布网址了

还有一些已经部署的小说网站,也不公布网址了(毕竟作者对于安全领域没有十足的把握)

(2)旧技术还需要学吗?

作者觉得在学习前段时,应当要明白,比较新的一些技术例如Vue3React这些框架,都是在基础的JavaScript上封装的,也就是说,新技术是在旧技术的基础之上封装上来的。

那么,如果我们不学习旧技术,只去关心框架的应用,有问题吗?

当然没有问题,不过当某个业务需要你去改动框架源码,又例如某个框架的BUG需要你明白框架源码才能解决,这个时候“旧技术”的重要性就毋庸置疑了

因此,作者建议学习的路线大致为:“优先学习旧技术,选择性的接触新技术。当旧技术掌握扎实后,再去钻研新技术

(3)我该学些什么?

对于小白,我们可以先学习:“HTML5 -> CSS3”,HTML网页的骨架,而CSS网页的皮肤,骨架决定网页的结构,皮肤决定网页的美观

在学习完这两种技术之后,相信你已经可以做出比较优美的“静态网页”了,至于“动态网页”需要后面学习JavaScript后再做考虑

随后我们需要学习“JavaScript”,它是网页的大脑,只有它才可以控制网页的变化、渲染、操作等

JavaScript有两个常用的标准:“ES5”和“ES6”,优先学习ES5标准即可,但是ES6标准在后面仍是必须要学习的

再然后需要去学习一些已经被淘汰的JS库和UI组件库,如:“JQuery”(在当今网页中仍然有它的身影,只不过统治力没有以前了)、“Layui”(曾几何时UI库界的王者,现在仍然被使用)、“Bootstrap”(严格来说它并不算被淘汰,不过随着框架的诞生,落寞也是不可避免的)

最后需要学习JavaScriptES6标准,在学习完ES6标准后就可以去学习:“Vue3”、“React”这些框架了(不过国内大多都是用的Vue,甚至还是Vue2)

在学习框架时,还会有基于框架的衍生物,例如:“vue-router”、“element-plus”、“vuex”等等,这些东西仍然是需要掌握的

二、折磨点的解决

(1)学技术成果回报太慢怎么办?

其实,不只是前端领域,后端领域、AI领域,包括任何的计算机领域成果回报都是很慢的,如果你想真正实现:“0到1”的过程,就必须要耐得住寂寞,耐得住性子,只有完成了“0到1”的过程,再去完成“1到100”的过程,相信我,是非常轻松又愉快的事情!

为此,小伙伴们可以在学习一部分知识后,尝试用已经学习到的知识去模拟一些东西

例如你学完了HJTML+CSS,你完全可以对照某些“大企业”网站去尝试“1:1还原”,尽可能的使用已经学习到的技术,哪怕这些技术已经过时了,不用担心,在这个过程中“兴奋”会督促你去了解更多的扩展知识,帮你巩固已经学习到的知识!

(2)知识变现过程很长怎么办?

知识变现,其实不止是IT行业,任何行业,只要妄图将知识变成金钱,这个过程都必然是很长的

而如果是体力劳动,知识变现过程当然很短了,不过回报也是一样的,非常少

IT行业的回报,相对来说在整个工科领域都是数一数二的

有得必有失,所以小伙伴们在学习时,不要只想坏处,要多想一下好处,多想一下知识变现会获得超级超级多

三、放弃点的解决

(1)就业环境越来越差怎么办?

其实大家沉下心来想一下,就业环境越来越差是“大环境的影响”,而不是“it”行业的影响

所有的“行业”都是在走下坡路,而“it”行业已经是走下坡路最慢,影响最小的了

大家不要被营销号所蛊惑:“学Java相当于49年入国军之类的”,其实大家只要去招聘网站看一下,就业需求还是蛮大的,但是如果你是刚入门Java,学习的东西比较浅那肯定是不行的,技术在发展,大家也越来越卷,只要你足够卷,就业问题仍然是不需要担忧的

总结

2024年总的来说,作者的2024目标实现90%以上,还算可以,而在2025年,希望小伙伴们也可以和作者一样,给自己确定一些目标,尽可能的去实现它,如此一年又一年的实现目标,最终你会得到你想要的!

作者2025目标

  1. 深入钻研Vue3,制作出更多成品
  2. 学习更多的后端框架如FastAPI(Python)、Django
  3. 开发一个商业网站且投入使用
  4. 学习AI方面知识,如机器学习、深度学习
  5. 赚人生的第一个2W

最后,在这里,作者祝愿所有的小伙伴2025心想事成!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/69025.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

数据分析学习路线

阶段 1:数学与统计基础 1.1 数学基础 数据分析涉及大量的数学知识,尤其是统计学。虽然你不需要成为数学专家,但一些基本的数学概念对你理解数据分析非常重要。 线性代数: 矩阵运算:理解矩阵乘法、求逆等操作。特征值…

python爬虫 爬取站长素材 (图片)(自学6)

安装 :lxml 地址 : Installing lxml pip install lxml 或者 sudo pip install lxml 下面开始 写代码 下载 站长素材的图片 import urllib.requestfrom lxml import etreeimport osdef create_request(page):if(page 1):url "https://sc.chinaz.…

《OpenCV》——图像透视转换

图像透视转换简介 在 OpenCV 里,图像透视转换属于重要的几何变换,也被叫做投影变换。下面从原理、实现步骤、相关函数和应用场景几个方面为你详细介绍。 原理 实现步骤 选取对应点:要在源图像和目标图像上分别找出至少四个对应的点。这些对…

spring---@Pointcut表达式

spring语法 execution 方法表达式:execution(modifiers-pattern? ret-type-pattern declaring-type-pattern/name-pattern(param-pattern) throws-pattern?) 修饰符匹配(modifier-pattern?):可以省略。代表匹配任意修饰符方法;或者显示…

第十五届蓝桥杯大赛软件赛省赛C/C++ 大学 B 组

第十五届的题目在规定时间内做出了前5道,还有2道找时间再磨一磨。现在把做的一些思路总结如下: 题1:握手问题 问题描述 小蓝组织了一场算法交流会议,总共有 50人参加了本次会议。在会议上,大家进行了握手交流。按照惯例…

Linux - 五种常见I/O模型

I/O操作 (输入/输出操作, Input/Output) 是指计算机与外部设备就行数据交互的过程. 什么是外部设备: 如键盘, 鼠标, 硬盘, 网卡等. 五种常见的 I/O 模型: 阻塞 I/O非阻塞 I/O信号驱动 I/OI/O 多路复用异步 I/O 阻塞 I/O 阻塞 I/O 的特点: 当用户发起 I/O 请求后, 进程/线程就…

问题修复记录:Linux docker 部署 dify,无法调用宿主机本地服务

重磅推荐专栏: 《大模型AIGC》 《课程大纲》 《知识星球》 本专栏致力于探索和讨论当今最前沿的技术趋势和应用领域,包括但不限于ChatGPT和Stable Diffusion等。我们将深入研究大型模型的开发和应用,以及与之相关的人工智能生成内容(AIGC)技术。通过深入的技术解析和实践经…

【UE5插件】RuntimeSpeechRecognizer

作用:语音识别 获取途径: Runtime Audio Importer | Fab 示例蓝图: 如何使用插件 |Georgy 开发文档 UE5.3 RuntimeSpeechRecognizer Streaming Example posted by gtreshchev | blueprintUE | PasteBin For Unreal Engine RuntimeSpeechReco…

2025年最新深度学习环境搭建:Win11+ cuDNN + CUDA + Pytorch +深度学习环境配置保姆级教程

本文目录 一、查看驱动版本1.1 查看显卡驱动1.2 显卡驱动和CUDA对应版本1.3 Pytorch和Python对应的版本1.4 Pytorch和CUDA对应的版本 二、安装CUDA三、安装cuDANN四、安装pytorch五、验证是否安装成功 一、查看驱动版本 1.1 查看显卡驱动 输入命令nvidia-smi可以查看对应的驱…

unity插件Excel转换Proto插件-ExcelToProtobufferTool

unity插件Excel转换Proto插件-ExcelToProtobufferTool **ExcelToProtobufTool 插件文档****1. 插件概述****2. 默认配置类:DefaultIProtoPathConfig****属性说明** **3. 自定义配置类****定义规则****示例代码** **4. 使用方式****4.1 默认路径****4.2 自定义路径**…

Web3 与数据隐私:如何让用户掌控个人信息

随着数字化时代的快速发展,互联网已经渗透到我们生活的方方面面,个人数据的收集与使用也变得越来越普遍。与此同时,数据隐私问题逐渐成为全球关注的焦点。传统的互联网平台通常将用户的数据存储在中心化的服务器上,这意味着平台拥…

HTML常用属性

HTML标签的常见属性包括许多不同的功能,可以为元素提供附加信息或控制元素的行为。以下是一些常见的属性及其解释: 1. src 描述:src(source)属性指定一个资源的路径,通常用于图像、音频、视频等标签。常见…

SQL Server 建立每日自动log备份的维护计划

SQLServer数据库可以使用维护计划完成数据库的自动备份,下面以在SQL Server 2012为例说明具体配置方法。 1.启动SQL Server Management Studio,在【对象资源管理器】窗格中选择数据库实例,然后依次选择【管理】→【维护计划】选项&#xff0…

基于 WPF 平台使用纯 C# 实现动态处理 json 字符串

一、引言 在当今的软件开发领域,数据的交换与存储变得愈发频繁,JSON(JavaScript Object Notation)作为一种轻量级的数据交换格式,以其简洁、易读、便于解析和生成的特点,被广泛应用于各种应用程序中。在 W…

C++—21、C++ 中构造函数Constructors

一、什么是构造函数? 构造函数是一个特殊的方法,它在类每次实例化创建对象的时侯自动调用,用于初始化对象。 构造函数的名字必须与类名完全相同,并且没有返回类型,甚至连void也没有。 构造函数的目的是确保对象在创…

Tensor 基本操作1 unsqueeze, squeeze, softmax | PyTorch 深度学习实战

本系列文章 GitHub Repo: https://github.com/hailiang-wang/pytorch-get-started 目录 创建 Tensor常用操作unsqueezesqueezeSoftmax代码1代码2代码3 argmaxitem 创建 Tensor 使用 Torch 接口创建 Tensor import torch参考:https://pytorch.org/tutorials/beginn…

C# HTTP/HTTPS 请求测试小工具

这是一个使用 C# 语言开发的实用小工具,旨在帮助用户轻松测试 HTTP 和 HTTPS 请求。 该工具可以发送各种 HTTP 和 HTTPS 请求,包括但不限于 GET、POST、PUT、DELETE 等常见的请求类型。通过简洁明了的界面或命令行操作,用户可以方便地输入目…

学习英语48个国际音标

学习英语48个国际音标 首先在b站刷到了雪梨老师的视频,感觉很好: 【雪梨老师】48个国际音标的标准发音速记口诀,零基础一定要收藏!【建议收藏】_哔哩哔哩_bilibili 雪梨老师的视频朗朗上口,节奏感强,听起…

Kyligence AI 数据智能体:首批亮相神州数码 DC·AI 生态创新中心!

近日,跬智信息(Kyligence)长期合作伙伴神州数码,其 DCAI 生态创新中心正式启幕。 作为首批生态伙伴,Kyligence AI 数据智能体也正式入驻,在这里首次亮相。 Kyligence 是国内最早推出 AI 用数产品的厂商&a…

Vue基础(2)

19、组件之间传递数据 组件与组件之间不是完全独立的&#xff0c;而是有交集的&#xff0c;那就是组件与组 件之间是可以传递数据的 传递数据的解决方案就是 props ComponentA.vue <template><!-- 使用ComponentB组件&#xff0c;并传递title属性 --><h3>…