前端好难 -- 致即将开发移动 Web App 的新人们

[ufologist]

http://www.douban.com/note/290965435/

前端之难, 难于上青天...

一个专业前端在知识的深度和广度上要求都非常之严, 肯定不仅仅是复制粘贴几段HTML标签, 网上找点CSS特效, 下载个jQuery插件什么的.

看看我们在开发移动 Web App 时需要具备哪些知识
1. 单页面开发
2. 模块化
3. MVC

如果你立志做一名专业的前端, 你就会真正意识到我说的好难是有多难, 一切从头开始, 循序渐进.
如果你仅仅是过来凑个热闹打打酱油, 请保持谦卑, 万事不要自作主张, 前端的坑比你想象的要多要深.

一入前端深似海...

[clc3123]

首先是javascript基础，现在mobile热了之后，js基础愈发重要。

[clino]

我对这块也还没怎么入门,之前jquery学了一点,现在正在学angularjs

[awebird]

前端洗牌期，有机会有挑战，硬头皮上吧...

[zrain2009]

好吧，看了原文介绍SPA的部分，我就想问了，为什么不用jQuery Mobile呢？

[panlilu]

@zrain2009 jQuery Mobile效率低的令人发指。。jQuery UI也是一副德行。。

[ufologist]

@clc3123 是啊, 最根本的是将 JavaScript 真正作为一门语言来学习

[ufologist]

@clino 我推荐先从最基础的学起, 少一点魔法的框架, 不然可能造成只会用而不会解决问题

[ufologist]

@awebird 希望此篇对你迎接挑战有好处

[ufologist]

@panlilu 非常感谢 @panlilu 为了解答, 其实目前前端的形势更趋向于组合小巧的micro-framework而不是拿一个什么都提供的大架子, 这样解决问题的时候更能灵活调控

[tamamaxox]

没人用backbone吗？

[darasion]

嗯。并且大部分人还认为前端无技术含量。

[raptor]

谁敢说前端无妓术含量的…bootstrap, less, html5, js, coffee, jquery, backbone, underscore, mustache, angular, ember, knockout…我看了头都大。

[LokiSharp]

@raptor +1 ，这些东西看了就头大

[wodemyworld]

难点在javascript上，本身语言设计就不咋地，还得造一堆的轮子，轮子还全呈现在前端，你引用了GPL协议的第三方js，还得开源自己的，不像做server端的，全在服务器上呢，你引用了别人也发现不了，呵呵呵呵~额呵呵呵呵~

[Mcatt]

深似海，要写出个高质量的HTML好难

[ufologist]

@tamamaxox 喜欢backbone的推荐看
1. JavaScript Architecture
2. Step by step from jQuery to Backbone
3. A Complete Guide for Learning Backbone Js

[Sivan]

前端不是难，是杂……关注点太多会跟不上来。

[ufologist]

@darasion 深有同感 +1, 是我们组最近有新人来, 我需要一遍又一遍的说一番, 因此促成了此篇, 其实也是总结自己前端的经历

[ufologist]

@raptor 其实懂了最根本的技术点, 其他只是框架熟练度的问题了, 并且需要一停的从框架再反过来学习, 弥补自身的不足

[ufologist]

@wodemyworld 难点其实所有点上都有, 只不是大多数人都更关心JavaScript, 因为是"编程", 其实数据结构什么的更重要, HTML之于数据结构

[ufologist]

@Mcatt 如果以后每个人都觉得写HTML好难, 那大家对前端的想法必然有所改观

[ufologist]

@Sivan 其实不用关注太多眼花缭乱的框架什么的, 势必造成力不从心, 更重要的是基础, 找到合适的框架适可而止

[Mcatt]

@ufologist 不能同意更多！

[rrfeng]

纯路过
看起来 js 需要被更好的替代了?

[refresh]

真心没觉得难，虽然我不是专业的前端，只是挺麻烦的，特别是浏览器适配，不过如果放弃ie6的话，事情会简单很多

[Perry]

是不是没提到设计。。

[deathfang]

@ufologist 问下LZ对UI框架怎么看？如果团队专注前端的人数不多，UI组件基本要用写好的，这个时候怎么选择？
看到国外一个 收费UI框架
http://www.kendoui.com/

[echo1937]

@Sivan 我也觉得,前段的核心问题是杂,而不是难.

在IT领域,无论是语言还是框架,比前段部分难的很多很多.

[DaniloSam]

呵呵

[ety001]

又要广又要深，真心有时候感觉力不从心。。

[subpo]

呵呵

[subpo]

只能说呵呵了

[tshwangq]

前端确实很难了。
几年前开始的prototype, jquery只是web开始复杂化的序幕。
spa的应用都要担心内存泄漏了。
要弄出一个好的app，也不会比一个传统的native app轻松多少了。

[ufologist]

@refresh 不知道朋友是不是说的做网页, 而不是前端...

[ufologist]

@rrfeng 如果你喜欢ruby, 那么推荐去看看CoffeeScript

[ufologist]

@Perry 设计领域确实没有提到, 我想设计领域可以参考Bootstrap

[ufologist]

@deathfang 这个框架我是相当看好, 第一眼看见就在持续关注, 如果这位朋友预算够, 可以选择商业产品, 如果不行的话, 就选择开源的吧, 类似Bootstrap这样的full stack应该比较适合你

[ufologist]

@echo1937 非常赞同, 如果说到计算机领域, 还是更难更基础的东西, 什么编译原理啊, 算法啊, 数据结构啊比比皆是

[ufologist]

@ety001 慢慢来吧, 从头开始有时候并不可怕, 总比突然卡壳的好

[ufologist]

@tshwangq 非常赞同, 框架的开始只是解决问题的开始, 前端越被重视就越多问题需要大家来解决

[fooCoder]

读完全文。我也没发现难在哪里。我现在就是在做移动web app的。native的也做过，后端也做过。各有各的复杂点和方便的地方。

[fooCoder]

看了下回复，很同意是复杂而不是难的说法。

[clino]

@ufologist 呃,我不是完全前端的,是前后端要一起搞的,所以想选一些比较省工作量的东东

[refresh]

@ufologist backbone，hybrid, handlebars, less, grund, expect之流，算前端不

[refresh]

手误，grunt

[tamamaxox]

@refresh grunt 非常好用过

[chemzqm]

所以我用component，它用简单的方案解决了最复杂的工程性问题

[wity_lv]

“前端之难, 难于上青天...”

曾经作为后端工程师，被公司项目各种折腾, 现在以深深陷入js, css, html这个大坑。

Web端用过的东西:
GWT, ExtJS, jQuery, Backbone, RequireJS, Jasmine, BootStrap, 960Grid

去年又开始iOS, iOS端还是处在前端的形式。(应用除了h.264视频处理，其他部分都可用web app代替)。为什么不用js ? 我对解决mobile端的坑没信心。

[ufologist]

@fooCoder 复"杂"的赞一个 +1

[ufologist]

@clino 那你是可以选择带双向数据绑定的前端MV*框架, 比如你说的angularjs, google出品有底气

[ufologist]

@chemzqm 请问你说的 component 是否指的是 http://component.io/, 同样喜欢, 那样做组件的方式赞一个 +1

[ufologist]

@wity_lv 被同样坑过的人 +1, 前端处于快速变化期, 各种框架在更替, 还没有完全一体化的解决方案, 大家都在摸索/推翻以前的东西

[Keinez]

一年前看张鑫旭的博客就知道前端不好做，光模块化这个问题就能搞死一堆人，还要解决JS优化，还要解决载入性能，还有各种乱七八糟的问题……所以我老老实实学了点CSS然后埋头做设计。

以为会写HTML和CSS，会点JS库就是前端了？大错特错！

附上地址：http://www.zhangxinxu.com/

[wity_lv]

@ufologist 多数前端还是用不到这么复杂的东西。，感觉现在前端还是设计重于技术。现在前端暂时不打算折腾，保持一个技术栈就ok。

现在摸索出来的技术栈:
Bootstrap, jQuery, backbone, jasmine, requirejs, bower
后续打算：
yeoman做前端构建
coffeescript代替js,应对需要使用大量js的应用

留个github, 互粉:https://github.com/lvjian700

[ufologist]

@Keinez 非常感谢, 已经关注了张鑫旭的博客, 受教中...

[ufologist]

@wity_lv 同意技术栈的说法, 一般的前端(网页)开发, 是不需要用到文章中提到的N多东西, 也就是希望大家了解下可能会碰到的各种问题(其实我也没有办法全部列出来), 俗话说你永远也不知道你不知道的东西, 视野非常重要, 另外已经关注这个朋友的 github, 相互学习