岁数稍大的程序员转行前端：一年多的总结和规划

最新推荐文章于 2025-11-24 02:17:16 发布
最新推荐文章于 2025-11-24 02:17:16 发布
阅读量133 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/api_git355/article/details/132882958
一位岁数稍大的程序员转行前端开发，通过自学和在线教程掌握了HTML、CSS、JavaScript基础知识，并深入学习了React和Vue.js框架。在实践中参与项目和开源社区，不断提升技能，跟进行业动态，为未来持续学习设定了目标。

岁数稍大的程序员转行前端：一年多的总结和规划

在过去的一年多时间里，我作为一个岁数稍大的程序员，决定转行前端开发。这段时间里，我积累了丰富的经验并制定了自己的规划。在本文中，我将分享我的经验，并提供一些相关的源代码。

学习前端技术

作为一个转行的程序员，我开始通过自学和在线教程来学习前端技术。我首先学习了HTML、CSS和JavaScript的基础知识。这些技术是前端开发的基石，掌握它们对于构建网页和实现交互功能至关重要。

以下是一个简单的HTML示例，展示了如何创建一个基本的网页结构：

<!DOCTYPE html>
<html>
<head
了解本专栏 订阅专栏 解锁全文
C语言实现：有5个人坐在一起，问第五个人多少岁？他说比第4个人大2岁。问第4个人岁数，他说比第3个人大2岁。...，请问第五个人多大？
寒水馨
01-05 800
C语言实现：有5个人坐在一起，问第五个人多少岁？他说比第4个人大2岁。问第4个人岁数，他说比第3个人大2岁。问第三个人，又说比第2人大两岁。问第2个人，说比第一个人大两岁。最后 问第一个人，他说是10岁。请问第五个人多大？
后台技术人员转型为前端技术服务顾问的心得分享
songjunw的博客
03-05 1002
在与客户沟通时，我们建议使用手写笔记本记录客户的诉求和问题，这不仅可以帮助我们更好地理解和记忆，也能展现出我们对工作的认真态度。同时，我们也应该自信地表达我们的观点和建议，因为作为技术人员，我们在技术方面的专业知识是优于客户的。无论是标准的业务流程，还是客户现场的业务流程，我们都需要在实际的软件系统中进行测试和运行，确保基本的业务能够顺畅运行。总之：作为技术服务顾问，我们需要转变思维模式，倾听和理解客户需求，有效沟通，提供优化方案，并进行实际操作和测试。这样，我们才能更好地服务客户，提供最优质的解决方案。
5年前端经验的大佬提供的职业规划(1)
cwcnl25131的博客
05-04 825
前文并没有直接跟大家说明怎么做职业规划，而是从发展方向、技术学习、主要业务场景、NodeJS、造轮子问题等多个方面，来给大家分析：作为前端，哪些需要做、哪些不需要做、哪些必须做、哪些可以做。大家可以根据自己的兴趣、能力等特性，并且和自己在公司所做的项目结合，决定做哪些、不做哪些、强制自己做哪些、有空余时间做哪些等等类似的决定。
程序员生存定律[五] 成长路上常见的坑
飞扬的青春的专栏
07-25 1006
前面讲到了程序员成为高手需要有一张地图，借助这样一张地图，程序员可以尝试成为架构师、Guru或者纯管理者。但这条路总是不会那么顺畅。 升级练功流的网文中总会给修仙的主人公设置下几大关卡，比如：金丹难成、元神难成、成了元神后还有天人五衰等等。没有这些关口，情节很难推动，所以仙侠类的网文几乎无一例外依赖于这类设定。这一传统甚至可以追溯到《西游记》和《封神演义》。 拿这个来对照程序员的增值道
被年龄门槛卡住的这一年
2401_84760322的博客
08-05 1013
年龄，多数情况下，被视为个人隐私。尽管皮肤肌理和眼角纹路会给出提示，但在一段保有距离的社交对话里，年龄大多不会成为直接讨论的话题，有默契的谈话对象，懂得回避询问年龄后可能带来的尴尬。直到一些时候，陌生人对我们年龄的打量、审视甚至诘问，从意想不到的地方冒出来。那个每年「+1」的数字，会悍然成为一道跨不过去的门槛，把我们拦在旅舍、出租屋、工作岗位，和更多可能性之外。主角公李明强为化名。
互联网大厂程序员梦醒时分
欢迎关注公众号：【码农突围】，回复9999，可以获取一份LeetCode刷题笔记
12-03 1410
梦醒之后，每个人对于这份职业的未来、互联网行业的未来，以及更重要的，自己的未来都有了更现实的判断。本文经授权转自《晚点LatePost》（ID：latepost）；作者：祝颖丽，编辑：黄俊...
程序员生存定律
热门推荐
polar9527的专栏
09-04 4万+
http://blog.youkuaiyun.com/leezy_2000/article/details/29407747#comments 程序员生存定律这书是陆续发的，所以做个目录让想从头读的方便些： 前言：解码程序人生
理解专业程序员
tiewen的专栏
11-21 1万+
铁文整理   理解专业程序员 Understanding the Professional Programmer   杰拉尔德 温伯格         如果你是一个程序员，或是程序员的管理者，或者处于任何和程序员紧密相关的位置，这就是你该读的那本书
程序员生存定律--成长路上常见的坑
expleeve
07-06 1130
前面讲到了程序员成为高手需要有一张地图，借助这样一张地图，程序员可以尝试成为架构师、Guru或者纯管理者。但这条路总是不会那么顺畅。 升级练功流的网文中总会给修仙的主人公设置下几大关卡，比如：金丹难成、元神难成、成了元神后还有天人五衰等等。没有这些关口，情节很难推动，所以仙侠类的网文几乎无一例外依赖于这类设定。这一传统甚至可以追溯到《西游记》和《封神演义》。 拿这个来对照程序员的增值道
互联网大厂程序员梦醒时分：攒够400万，到40岁退休
programmerjob的博客
12-01 8920
梦醒之后，每个人对于这份职业的未来、互联网行业的未来，以及更重要的，自己的未来都有了更现实的判断。 文 | 祝颖丽 来源 | 晚点LatePost 一个生于 1986 年的人，他所走过的前半生： 从出生起，他就经常踩到最剧烈的技术与社会变迁的节点。2400 万中国人和他同岁，他赶上了这里的最后一次婴儿潮，去年的出生人口只有这一半。250 万户中国家庭装着电话，这个数字当时可是保密信息。 等他 10 岁，中国大部分城市刚接入互联网。不过 “互联网” 对于大部分中国人来说，还比较新奇。一位年轻的前...
岁数识别app开发实践：face++与Hbuilder结合
- 对于程序员而言，项目结构通常包括多个文件和文件夹，例如资源文件、代码文件、配置文件、库文件等，为了版本控制可能会使用git等版本控制系统。 综上所述，开发一个岁数识别app需要使用HBuilder作为开发环境，...
易语言递归算法算岁数
07-22
易语言是一种国产的、以中文编程为特色的编程语言，它旨在降低编程的门槛，让更多的人能够参与到编程活动中来。在易语言中，递归算法是一种常见的编程技巧，它通过函数或过程自身调用来解决问题。本篇文章将深入探讨...
Vue开发工具使用技巧
最新发布
2509_93946471的博客
11-24 232
打开DevTools的"Events"标签页，所有组件间传递的事件都会按时间顺序列出来，连事件负载数据都能展开看详情。更绝的是，你还能手动触发事件——比如在父组件里模拟一个事件，直接测试子组件的响应逻辑，省得反复修改代码来调试。如果组件用了作用域插槽，可以在"Scoped Slots"子面板里实时查看slot传递的数据内容，比在模板里写调试代码清爽得多。路由调试经常被忽略。热重载调试时，如果发现修改代码后页面没及时更新，可以到DevTools的"Settings"里勾选"Log reloads"选项。
Python全栈开发项目——AI智能聊天机器人
qiao_yue的博客
11-24 519
本项目实现了AI聊天功能，具有语音输入和聊天背景自定义等亮点功能
Vue3的生命周期
分享学习网络的点点滴滴
11-21 110
Vue3生命周期详解：从创建到卸载的全过程 Vue3的生命周期分为四个主要阶段：创建、更新、卸载和错误处理。创建阶段包含setup()、onBeforeMount()和onMounted()；更新阶段有onBeforeUpdate()和onUpdated()；卸载阶段包括onBeforeUnmount()和onUnmounted()。setup()替代了Vue2的初始化阶段，是组合式API的入口。子组件的生命周期会先于父组件执行。错误处理可使用onErrorCaptured()捕获和阻止错误传播。这些钩子函
【前端】Grid布局实现瀑布流：随机生成数据、动态计算每项高度、无限滚动、异步请求更多
karshey的博客
11-21 991
本文介绍了使用CSS Grid布局实现瀑布流效果的方法。普通版通过设置grid-auto-rows:10px和动态计算gridRowEnd实现基础瀑布流布局。进阶版则通过随机生成颜色和高度数据，并实现无限滚动加载功能，模拟异步请求场景。核心思路是利用Grid布局的特性，动态计算每个项目在网格中的跨度，从而实现参差不齐的瀑布流排列效果。文中提供了完整的代码示例和实现原理说明。
Spring Boot 集成 Spring AI：实现大模型对话与MCP Client
iioSnail的博客
11-20 837
上篇文章中（Spring Boot 集成 Spring AI：实现可被大模型调用的 MCP Server），我们构建了一个MCP Server，提供了查询个人信息、查询订单信息、下单等操作。但是，上篇文章我们使用的是Cherry Studio作为客户端来与后端进行交互。实际生产中，让客户去下载Cherry Studio，然后配置MCP Server显然不显示。因此，本篇文章将会教会你如何使用 Spring AI 构建一个简单的聊天界面，并支持MCP Client.
Vue3响应式原理详解
2509_93942542的博客
11-24 387
当访问响应式对象的某个属性时，get拦截器会被触发，此时会执行track函数来收集当前的依赖（也就是正在运行的副作用函数）。当effect执行时，Vue3会将其设置为当前活跃的副作用函数，这样在访问响应式数据时，get拦截器就能准确知道是哪个effect依赖了这个数据。值得一提的是，Vue3的响应式系统是完全独立的模块，这意味着它可以在任何JavaScript环境中使用，不仅限于Vue框架。另外，Proxy的拦截是浅层的，对于嵌套对象需要递归代理，Vue3通过在get拦截器中自动解包来实现这一功能。
Vuex的store特性
xiaoxiaoovo的博客
11-20 226
分别是overview和home，在overview页面修改store中的配置，切换浏览器页签到home页面想要使用最新的store，需要按照以下流程进行实现。不同标签页（window.open）每个标签页是独立的Vue应用。共享同一个Vue应用实例。共享同一个Vue应用实例。同一标签页的路由切换。Vue应用重新初始化。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值