网站首页 > 技术文章 正文
之前在那篇《我的编程之路》里,我讲述过我的编程之路。今天我们就来说说我的前端之路,相信以后还会有一篇《我的全栈之路》。
记得在一直有三个主要的发展方向:编程、写作、设计。依据这三个方向来说,前端就是编程和写作的结合体。
入门
故事要从大一说起:当时在入学前,我和楚非经常在“福(fu)建老乡群”讨论技术,于是到了大学就勾搭在一起了。他是学美术的,我是学电焊(电子信息工程)的。在后来的大学期间里我们常常搭档拉一些私活、做一些网站。
在我们有了远大的理想之后,我们就开始分前后端——就是谁做前端,谁做后端。这个问题的答案:难道不应该是学美术的用PS做前端,学电信的C写语言的做后端吗?反正答案大家都知道了:不是。在今天看来有两个原因:一、他是用Python的。二、我想学点设计。
于是,我就踏入前端这个坑,后来我就变成了萝卜。
我一直都喜欢实战一个语言、框架、技术等等,所以在最初的时候我只能做出这样的页面——这是我的第一个网站的水平,求不取关。
并且很多写得比较好看的都不是我写的,就开始了长路漫漫的Cookbook学习了——这就是我为什么我对动物园(O'Reilly)的书好感比较深的原因了。
切图
大一暑假时,我就尝试向几家网络公司投了简历,第一个实习机会就是切图,当时这样的网络公司算是比较普遍的,不过我想今天大多数公司也是这样的:
当时我只实习了半天就觉得混不下去了,主要是那个电脑太卡了——完全不适合用PS。那半天做的事情就是这样的:那家公司给了我个静态图片,让我把它切成一个个图层。类似于我们在写CSS + HTML的时候,划分DIV的感觉。
接着,很快地我就找到了第二家公司。这家公司要我做的事情:基于一张图片,做出一个静态页面。
不过,在今天我都是在做第二件事,除了这个网站不是这样的做的:
但是它真的不好看,求UX帮改进。
在那之后的很长一段时间里,我觉得前端就是HTML + CSS,外加JavaScript这个小三来操作HTML和CSS。当时我们面对客户的需求后,要做的第一件就是:找个jQuery插件。
后来,我就去学后端、还有“空手”焊电话:
幸好,最后焊出来的这个电路是能用的。
前后端分离
某次在闲逛的时候,发现了一个基于jQuery Mobiel的单页面应用,发现原来Web也可以这样做。但是因为是基于jQuery就还觉得好奇了,到了后来都已经是实习的时候。当时项目上在用Backbone,今天已经是微服务 + React了。说是幸运也不好,不幸也好,经历过这么大的爆发。
APP和移动Web的出现改变了系统原先的MVC架构。
这时候出现了一些微妙的变化,于是我也经历了这些变化。
逻辑代码不仅仅只在后台出现——同样的逻辑也会出现在前后端
由于前端打交道的是API——人们不得不重新设计API,微服务开始流行
信息安全变成了一个更重要的话题了
混合应用带给了前端新的可能性
Node.js将前端人员引入了后端
人们改进了JavaScript——ES6
等等。。
越来越多的网站开始重构自己的系统,让自己的网站更轻量级,更快。当然,更有极端者走向了One JavaScript。
One JavaScript
如果说这个世界上有一个语言来解决绝大部分的技术问题,那么只有JavaScript。
因为只有JavaScript能在浏览器上运行,即使我们用了其他语言转换成JavaScript,那么它最终也是JavaScript。
在那篇《最流行的编程语言JavaScript能做什么?》,实际上就是我对JavaScript的一些尝试:
数据可视化。我最喜欢的领域之一了,将难以读懂的数据,转换成美秒的图表。
移动应用。无论是Growth还是我现在的项目,我都在尽可能去优化这种快捷地开发方式。
服务端。我在我的物联网项目上,将Node.js用到其中,发现还是很不错的。
桌面应用。Growth的桌面版就是这样的一个尝试,只是这个包太大了。
VR和AR。还记得之前提到过的火星漫游者吗?
硬件。今天除了Tessel、还有Ruff可以做这样的事,未来还会有更多的硬件出现。
物联网。既然前后端都统一了,那么它也将在物联网领域统一。
全平台应用。
依照现在的趋势,未来人们只需要有一份代码,就可以运行在桌面、桌面Web、移动Web、移动应用上。我想这个时间应该就在今年里就可以轻松做到了——已经有了,虽然还不怎么样。
但是这一切并没有让人太满意,技术并没有与业务有太好的隔离。
Hi,如果你追求技术,热爱前端,如果你也在深圳,不妨来ThoughtWorks深圳试试。我们正在寻找茫茫人海中的你。不仅可以见到我,你还有机会看到Martin Fowler——不要和我说你不认识他。同时,你将体验到国内领先的软件工程实践,以及结对编程:
以及大把的不加班、刷GitHub、刷技术涨经验的时间——我的意思是我们几乎不加班:
把简历发给我(邮箱 h@phodal.com )啊,让我赚点辛苦费——毕竟推荐有奖。
- 上一篇: 前端切图css高级阴影用法drop-shadow
- 下一篇: 微信小程序(切图)切片软件
猜你喜欢
- 2024-11-20 viewport定宽方式布局webapp切图
- 2024-11-20 从零开始的项目实战(3)——赶鸭子上架的切图仔
- 2024-11-20 前端兼容性问题总结
- 2024-11-20 切图网:从创立的网站看我为何钟情一个“切”字
- 2024-11-20 “360行,行行转前端”:前端岗为什么这么火?
- 2024-11-20 切版网2023年发布改版
- 2024-11-20 细聊前端架构师的视野
- 2024-11-20 什么是web前端外包?
- 2024-11-20 对于前端新手来说,能直接跳过jquery学vue吗?
- 2024-11-20 黑塔职业分享课——零基础入门前端
你 发表评论:
欢迎- 07-10Oracle 与 Google Cloud 携手大幅扩展多云服务
- 07-10分享收藏的 oracle 11.2.0.4各平台的下载地址
- 07-10Oracle 和 Microsoft 推出 Oracle Exadata 数据库服务
- 07-10Oracle Database@Azure 推进到南美等新区域并增加了新服务
- 07-10Oracle宣布推出 Oracle Database@AWS 的有限预览版
- 07-10Oracle与Nextcloud合作,推出主权云上的安全协作平台
- 07-10NodeRED魔改版连接MsSql、PostgreSQL、MySQL、OracleDB存储无忧
- 07-10对于企业数据云备份,“多备份”承诺的是成本更低,管理更高效#36氪开放日深圳站#
- 602℃几个Oracle空值处理函数 oracle处理null值的函数
- 594℃Oracle分析函数之Lag和Lead()使用
- 582℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 579℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 574℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 567℃【数据统计分析】详解Oracle分组函数之CUBE
- 554℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 548℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
-
- Oracle 与 Google Cloud 携手大幅扩展多云服务
- 分享收藏的 oracle 11.2.0.4各平台的下载地址
- Oracle 和 Microsoft 推出 Oracle Exadata 数据库服务
- Oracle Database@Azure 推进到南美等新区域并增加了新服务
- Oracle宣布推出 Oracle Database@AWS 的有限预览版
- Oracle与Nextcloud合作,推出主权云上的安全协作平台
- NodeRED魔改版连接MsSql、PostgreSQL、MySQL、OracleDB存储无忧
- 对于企业数据云备份,“多备份”承诺的是成本更低,管理更高效#36氪开放日深圳站#
- 解读丨《归档文件整理规则》— 电子文件元数据存储
- Data Guard跳归档恢复的实践(dataguard failover)
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端获取当前时间 (50)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle约束 (54)
- oracle 中文 (51)
- oracle链接 (54)
- oracle的函数 (57)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)