【前端基础教程1】什么是前端开发?

本文为位于德国亚琛的InnerKen公司的内部培训材料。主要目的在于使实习生和同事们迅速掌握可以说是极为庞杂的前端开发体系。为之后的学习和成长提供一个更好的开始,同时能够即学即会的开始开发。

22.png
  1. 什么是前端开发?
  2. 从功能的表达到功能的层级与载体
  3. 一份设计标准和一种设计模式
  4. Aves基础前端开发框架
  5. 常见前端元素实现方式
  6. 数据的载入和上传,异步通讯

1.什么是前端开发

如果要搞清楚,什么是前端开发,那么就要首先搞清楚,什么是前端。广义上的前端指的是用户界面,在不同的编程语言,编程模式中,前端和后端的划分各种各样,但是最为根本的就是,前端是软件中*(或是网站等)和实际使用的用户做交互的部分。

前端开发是软件开发中最为庞杂的部分。由于平台和编程语言的分化,前端开发逐渐包罗万象,而各种开发模式层出不穷,要想精通其中的全部无疑是十分不明智的。然而,从IOS到安卓,从Web开发到小设备的嵌入式编程,所遵循的原则却都是相同的。

用户使用软件的逻辑,就是使用的逻辑,而前端开发,就是在用界面上的元素和布局表达用户的使用逻辑。我们在界面上放置一个按钮不是因为这里很空,不是因为放着好看,而是因为表达用户的使用逻辑需要这么一个按钮,我们才放置一个按钮,而具体的设计是在那之后的。只有确定了页面上的功能,确定了用户的使用逻辑,我们才能确定界面上的元素和其所表达的功能,而美观则是在那之后才会被考虑到的。

设计这门学科原本就是为了表达功能,因此设计中的几个基本原则都可以在前端的制作过程中一 一体现。亲密性,重复,对齐和对比,这是设计中最为基础的几个原则。亲密性意味着在逻辑上具备相似功能或内容的元素应该在物理上(或者说布局上)放置在一起。重复的意思是页面上的表达同样逻辑的元素应该具有相似的样式。对齐是指在页面上元素的放置应该符合特定的视觉轴线,不应该有和其他元素完全不对齐的元素。而对比则是要求如果两个表达不同逻辑的元素的样式不同,那么就让他们截然不同,而不是仅有一点点基本的区别。

牢记这些原则并不能让我们设计出令人称道的页面,但是考虑到大多数初学者的水平,这些原则就可以让我们设计出不至于让人反感的页面了,而这正是很多企业用户的需求:简洁,高效,成本低廉。

而前端的另外一个重要的能力就是从用户的需求中提炼出行之有效的用户行为和业务逻辑。

前端的开发是从对用户需求的分析开始的,一个优秀的前端工程师应该在和用户沟通用户需求后,形成良好的文档和确认后才开始设计的。只有理清了用户需要的功能,并将功能变成可以被具体描述的用户行为后,所有前端的设计才有了意义, 前端的设计是对于用户逻辑的表达,没有用户逻辑的前端设计如同无源之水。

而从需求到用户的业务逻辑,从业务逻辑再到具体的用户行为,则是另一种可称得上是繁重的劳动,在小项目和大家具有共识(指公共知识)的情况下,很多用户行为已经被确定,那么我们应该顺应用户习惯的行为进行设计,而对于一些未接触过的用户行为,不常用的功能,在设计之余应该使用新手和从未接触过使用逻辑的用户进行测试。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,470评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,393评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,577评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,176评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,189评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,155评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,041评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,903评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,319评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,539评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,703评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,417评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,013评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,664评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,818评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,711评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,601评论 2 353

推荐阅读更多精彩内容