前端新人之“不知所措”

前几天发了“前端工程师都能做什么”这篇文章,

此文的末尾有这样一句话:“...毕竟,无限可能嘛...”

有同学留言给我,

“可是新手往往望着无限可能而不知所措”

这句话我当时回复的是,“请先从切图开始”。

这个回复本身是没有问题的,

切图就是制作页面的过程,

熟悉切图,就是熟悉页面。

页面熟悉了,才谈得上控制页面,

也就是JS操作前端交互。

但今天有空的时候,我又想起来这事来,

他说的不是不会,也不是容易,

而是不知所措。。

让我们先来看看前端的技术构成吧,

html,有html4、html5;

css,有css2、css3

js,有javascript,jQuery,ES6,typeScript,...

框架就更多了,数不胜数,...

它们中的任何一项都不是web前端开发,

而是它们加在一起才叫前端开发,

更晕的是,其中有些是可学可不学的,而有些是必须要学的。

所以,这位留言的同学,他不知所措了。

要我说,任何技术都不是单一的,它都是多个相关技术的集合。

如果用一栋“商场”来比喻前端开发的话,

那么每个单元每一层都是一个技术分支;

每个房间,就是每个技术节点;

也许你得走遍每个单元,每个房间,

你才能真正窥得整个“商场”的内在,

然后你再回到“商场”的外面,

这时,这个“商场”,在你眼中又是另外一个样子了。

那么这就有一个问题,从哪开始呢?

就像真实的商场一样,有东南西北四个入口,

还有地下四个车辆入口,

还有二个过街天桥的直通二楼的入口,

这些入口之间,互相又是相通的,,

从哪进入呢?

好像从哪进去,都有些找不到方向。

想想我们线下是怎么逛商场的?

--走正门;

--正门进去之后会有个室内广场,应该会有个引导图,广场四周至少会有几个电梯,写着每层有什么。

这就是线索,按着这些走,就不会晕。

学习前端开发也是这样,

首先,“找到正门”。

切图,就是正门;

切图里面要用html、css,这二个就是引导图;

切图熟悉了,会有同事让你用JS写效果,

这个就是电梯,带你到第二层,简单页面交互;

再往后,

商场的第二层,第三层你都熟悉了,

慢慢的往上几层你也知道怎么个方向了。。

原文发布于微信公众号 - web前端教室(webfeel)

原文发表时间:2016-01-24

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端迷

为什么招聘高级前端开发这么难?(来源:知乎)

先交代背景:上海的创业公司,成立快十年,团队规模近百;主力是自己的产品,有时也作为技术合作方帮合作伙伴做一点外包;前端团队10人以内,目前主要技术栈是 Reac...

1.3K20
来自专栏大数据文摘

业界 | Apple首席工程师回忆:为乔布斯演示iPad的demo是怎样一种体验

1955年2月24日,乔布斯出生。时值美国资本主义黄金时期,国内经济形势一片大好。

10220
来自专栏腾讯社交用户体验设计

星咖闪动—闪咖品牌设计

14920
来自专栏腾讯社交用户体验设计

网页大图片应用技巧浅析 - 腾讯ISUX

12830
来自专栏Python中文社区

Python发射导弹的正确方式

專 欄 ❈ Toby,Python中文社区专栏作者,目前供职于国内最大的医药大数据平台,任数据分析组长。关注自然语言处理,英文密码学,医药统计学。 博客: h...

274100
来自专栏腾讯NEXT学位

2017前端技术大盘点!

46660
来自专栏Golang语言社区

供独立游戏开发者参考的2D美工教程(一)

作者:Chris Hildenbrand 引言 对大多数独立游戏开发者来说,自己亲自解决美术设计的工作是必然的——可能是因为财政预算上的限制,或根本就没有财政预...

66550
来自专栏带你撸出一手好代码

教你从零基础开始做一名前端开发工程师

软件开发工程师在行业外大众的眼里, 或许是一个出众的职业,收入不低, 技术含量还挺高,就连我自己刚入行时也是这么认为的,但事实上并不确切。任何行业中,只要是在金...

37270
来自专栏PHP在线

四招让你的网站“重获新生眼前一亮”

原文出处: teamtreehous - Kendra Gaines 译文出处:小米粥 我们都想拥有很棒的网站,想让其他人在看到我们的网站时眼前一亮。 如...

28190
来自专栏即时通讯技术

技术往事:微信估值已超5千亿,雷军曾有机会收编张小龙及其Foxmail

据汇丰银行(HSBC)发布的报告显示,腾讯公司旗下手机通讯app微信市场价值估计高达836亿美元(约合人民币5344亿元),几乎是腾讯市值的一半。由此可见腾讯高...

38820

扫码关注云+社区

领取腾讯云代金券