一位前端小白的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.rhkb.cn/news/6295.html

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

相关文章

kettle与Springboot的集成方法,完整支持大数据组件

目录 概要整体架构流程技术名词解释技术细节小结 概要 在现代数据处理和ETL(提取、转换、加载)流程中,Kettle(Pentaho Data Integration, PDI)作为一种强大的开源ETL工具,被广泛应用于各种数据处理场景。…

Linux探秘坊-------5.git

1.git介绍 1.版本控制器 为了能够更⽅便我们管理这些不同版本的⽂件,便有了版本控制器。所谓的版本控制器,就是能让你了解到⼀个⽂件的历史,以及它的发展过程的系统。通俗的讲就是⼀个可以记录⼯程的每⼀次改动和版本迭代的⼀个管理系统&am…

Linux网络之TCP

Socket编程--TCP TCP与UDP协议使用的套接字接口比较相似, 但TCP需要使用的接口更多, 细节也会更多. 接口 socket和bind不仅udp需要用到, tcp也需要. 此外还要用到三个函数: 服务端 1. int listen(int sockfd, int backlog); 头文件#include <sys/socket.h> 功能: …

【2024年华为OD机试】 (C卷,200分)- 字符串拼接(JavaScriptJava PythonC/C++)

一、问题描述 问题描述 给定一个字符列表&#xff08;字符范围为 a-z&#xff0c;且字符数量 M 满足 0 < M ≤ 30&#xff09;&#xff0c;从中选取字符&#xff08;每个字符只能使用一次&#xff09;拼接成长度为 N&#xff08;0 < N ≤ 5&#xff09;的字符串。要求拼…

AIGC专栏18——EasyAnimateV5.1版本详解 应用Qwen2 VL作为文本编码器,支持轨迹控制与相机镜头控制

AIGC专栏18——EasyAnimateV5.1版本详解 应用Qwen2 VL作为文本编码器&#xff0c;支持轨迹控制与相机镜头控制 学习前言相关地址汇总源码下载地址HF测试链接MS测试链接 测试效果Image to VideoText to Video轨迹控制镜头控制 EasyAnimate详解技术储备Qwen2 VLStable Diffusion …

软件测试 —— 性能测试(jmeter)

软件测试 —— 性能测试&#xff08;jmeter&#xff09; 什么是jmeter安装jmeterjmeter常用组件线程组取样器结果树 我们之前学习了接口测试工具Postman&#xff0c;我们今天要学习的是性能测试工具——jmeter 什么是jmeter Apache JMeter 是一个开源的性能测试工具&#xff…

vs code为不同项目设置不同的背景图

vs code不同项目显示不同的背景图 效果展示 项目1-图 {"background.enabled": true, "background.interval": 0,"background.customImages": ["file:///C:/Users/Administrator/Pictures/bg.png"],"background.style": {&q…

防火墙安全策略

目录 一.拓扑信息 二.需求分析 三.命令行详细配置信息 1.配置IP 2.交换机配置 3.修改安全区域 4.安全策略 四.web界面详细配置 1.配置IP和设置安全区域 2.交换机配置 3.安全策略 五.测试 一.拓扑信息 二.需求分析 1.VLAN 2属于办公区域&#xff1b;VLAN 3属于生…

OpenStack基础架构

openstack是一套IaaS云的解决方案&#xff0c;是一个开源的云计算管理平台 每一台物理机上都会有一个nova服务器 虚拟化其实是在nova主机里启用的 COW技术&#xff1a; 这么来看&#xff0c;3个物理机上产生10个虚拟机&#xff0c;所以把服务分散到10个虚拟机上和分散到4个虚拟…

[论文阅读] (36)CS22 MPSAutodetect:基于自编码器的恶意Powershell脚本检测模型

《娜璋带你读论文》系列主要是督促自己阅读优秀论文及听取学术讲座&#xff0c;并分享给大家&#xff0c;希望您喜欢。由于作者的英文水平和学术能力不高&#xff0c;需要不断提升&#xff0c;所以还请大家批评指正&#xff0c;非常欢迎大家给我留言评论&#xff0c;学术路上期…

如何实现各种类型的进度条

文章目录 1 概念介绍2 使用方法3 示例代码 我们在上一章回中介绍了浮动按钮相关的内容&#xff0c;,本章回中将介绍进度条相关的Widget,闲话休提&#xff0c;让我们一起Talk Flutter吧。 1 概念介绍 进度条是常用的组件之一&#xff0c;它主要用来显示某种动作的完成进度。Flu…

arcgis短整型变为长整型的处理方式

1.用QGIS的重构字段工具进行修改&#xff0c;亲测比arcgis的更改字段工具有用 2.更换低版本的arcgis10.2.2&#xff0c;亲测10.5和10.6都有这个毛病&#xff0c;虽然官方文档里面说的是10.6.1及以上 Arcgis10.2.2百度链接&#xff1a;https://pan.baidu.com/s/1HYTwgnBJsBug…

C#,入门教程(04)——Visual Studio 2022 数据编程实例:随机数与组合

上一篇&#xff1a; C#&#xff0c;入门教程(03)——Visual Studio 2022编写彩色Hello World与动画效果https://blog.csdn.net/beijinghorn/article/details/123478581 C#&#xff0c;入门教程(01)—— Visual Studio 2022 免费安装的详细图文与动画教程https://blog.csdn.net…

【前端】Hexo 部署指南_hexo-deploy-git·GitHub Actions·Git Hooks

文章目录 前言基于 hexo-deploy-git基于 GitHub Actions基于 Git Hooks云平台端服务器端Git HooksSSHNginx 本地机端原理参考 前言 原文地址&#xff1a;https://blog.dwj601.cn/FrontEnd/Hexo/hexo-deployment/ #mermaid-svg-dfuCXqzZCx5I07IO {font-family:"trebuchet …

双指针+前缀和习题(一步步讲解)

前言&#xff1a;如果解决下面这几道题有些问题&#xff0c;或者即使看了我画的过程图也不理解的可以去看看我的上一篇文章&#xff0c;有可能会对你有帮助。 一、《数值元素的目标和》---来自AcWing 数组元素的目标和 给定两个升序排序的有序数组 A和 B&#xff0c;以及一个…

springboot 配置redis

环境配置 springboot3.4 redis5.0.14 redis准备参考下面文章 window下安装redis以及启动 redis客户端安装 引入依赖 <!-- 集成redis依赖 --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-…

TODO: Linux 中的装机硬件测试工具

TODO: Linux 中的装机硬件测试工具 装机时需要测一些硬件参数&#xff0c;希望选择一些跨平台的开源软件。 https://linux.do/t/topic/22175 https://www.baeldung-cn.com/linux/system-testing-tools https://blog.csdn.net/weixin_45358801/article/details/142701279

LabVIEW 太阳能光伏发电系统智能监控

本文介绍了基于 LabVIEW 的太阳能光伏发电监控系统的设计与实现&#xff0c;着重探讨了其硬件配置、软件架构以及系统的实现方法。该系统能够有效提高太阳能光伏发电的监控效率和精确性&#xff0c;实现了远程监控和数据管理的智能化。 ​ 项目背景 在当前能源紧张与环境污染…

doris:Broker Load

Broker Load 通过 MySQL API 发起&#xff0c;Doris 会根据 LOAD 语句中的信息&#xff0c;主动从数据源拉取数据。Broker Load 是一个异步导入方式&#xff0c;需要通过 SHOW LOAD 语句查看导入进度和导入结果。 Broker Load 适合源数据存储在远程存储系统&#xff0c;比如对…

WPF5-x名称空间

1. x名称空间2. x名称空间内容3. x名称空间内容分类 3.1. x:Name3.2. x:Key3.3. x:Class3.4. x:TypeArguments 4. 总结 1. x名称空间 “x名称空间”的x是映射XAML名称空间时给它取的名字&#xff08;取XAML的首字母&#xff09;&#xff0c;里面的成员&#xff08;如x:Class、…