首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

论前端小白的自我修养(1)

前端小白一枚,2017年许下目标:成为会写小说的优秀企业运营者。

已至年末,虽然成绩平平,但依然坚持。

2018年在即,突发奇想,对前端萌生兴趣,希望有朝一日,成为一个既能码字又会敲代码的优秀企业运营者。

嗯,梦想还是要有的,不然怎么在别人说现实很残酷的时候,底气十足的报以白眼。

前端是什么?

你问我前端是什么?

不好意思,是前面端盘子的意思?还是前面端着的那个?

如君所见,我就是这样的小白,虽然身处传统软件公司,身边不乏技术大牛,可我就是对前端这个词的概念,一无所知。

不过,没关系,以我的聪明才智,如花美貌,相信很快就能让它光着膀子来见我,开个玩笑。

小白的第一课到底要学什么呢?很迷茫。

那么,前端到底是做什么的呢?

走进新东方烹饪学校,出来之后就是厨师,颠勺炒菜,工作稳定收入高,终身就业有保障;医学院毕业,白衣大褂,救死扶伤,深得七大姑八大姨喜爱;那我当个前端工程师能干嘛呢?

尚大神环胸而立,满眼不可置信,无奈道:“其实不管是前端工程师还是后台工程师,我们要做的工作无非就是软件的开发。”

“纳尼?软件?”

软件的架构

大神竟然无视我苛求知识的大眼睛,继续说天书:“软件主要分两种架构,C/S和B/S。前端工程师主要从事的是B/S的软件的开发。

“尚大神,我……我……”

“听不懂?”

“可以吗?”

大神扶额,一怒之下,打开了它的XMind,“唰唰唰”画了一张图扔给我,然后戴着它的耳机背对着我啃苹果去了。

苹果有我可爱吗?苹果知道软件是什么吗?

可大神不理我!

大神一定是在测试我的领悟能力,我一定要看懂这张图,不能输给一个苹果。

软件的架构

温古言之

终于,借助度娘之手,本小白知道了C是Client,客户端;B是Browser,浏览器;S是Server,服务器的意思,以及C/S和B/S的区别和特点。

软件开发流程

本小白的天赋终于赢得了大神微微一笑,弃苹果核而去,继续为我授课。

我星星眼,崇而拜之:“尚大神,我们可以学习前端开发技能了吗?”

大神无视我:“还算聪明,不过认识软件的架构不过是皮毛而已,还要清楚软件的开发流程。接下来,我们就来探讨一下如何?”

内心并不愿意接受自己还在门外,被迫接受现实:“好吧。”

“学习是一个循序渐进的过程,切不可操之过急,心浮气躁。”

“哦~”尚大神一定是古代穿越过来的,咬文嚼字,一点也不善解人意。

大神才不管我如何吐槽他,继续一本正经:

“软件开发的第一步是需求分析,不过这一步一般是产品经理的工作,他们负责与客户交流,了解客户需求,提交给网页设计师,网页设计师利用PS软件根据客户需求设计网页,但是设计师设计的网页只是一个静态的设计图,并不能使用。前端工程师负责将设计图转换成静态网页,页面右键可查看源代码,那些源代码就是前端工程师的工作产物。到这里,前端工程师的工作就完成了,但是这个网页是静态的,还需要后台工程师介入,将静态页面修改为动态页面,即将数据从数据库取出来在页面里显示。所以,作为处在中间位置的前端工程师,既要与设计师交流,也要与后台工程师交流,处在一个承上启下的位置,就要求我们既要懂点设计又要了解一下服务器知识。“

软件开发流程

温古言之

“尚大神,咱能简单点吗?太多了,记不住!”

“简单点,就是前端工程师需要将设计师的设计转换成代码,然后交给后台工程师,再由他们去编写服务器的代码。前端工程师需要和设计师沟通,需要和产品经理沟通,也需要和后台工程师沟通。前端工程师编写的网页会在整个项目的最前端由用户查看。现在懂了吗?”

我摇头,又点头。

“额,你自己先体会一下吧。”

“大神,你又要吃苹果吗?”

大神冷笑:“吃鸡!”它嘴角明显藏不住的亢奋是为哪般?

看着大神英勇“吃鸡”的背影,我真怕自己拜了一个假师父。

吾日三省吾身:学前端容易吗?学前端容易吗?学前端容易吗我??!!

大神背上长眼睛,悠悠丢过来一张图:

葫芦娃

图片来源网络

选择了做前端开发工程师,就要不断的学习,不断的吸取知识啊,七葫芦!

尚大神占我便宜,我可以后悔吗?

在线等,急!

温古言之

童心未泯的理想主义者

对人生总是充满期待并乐观地追求人生价值的最大化

读书健身感悟成长

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171212G04VLF00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券