关于前端设计师的养成

楼主: artwe6 (David)   2014-08-02 01:15:14
大家好
我是前端的平面设计师
主要做日本的网站
常常在做完后交给前端的程式,出来的效果跟当初讨论的都会有一定的落差,
所以我想好好的学习并且了解这方面的知识,
经过一个礼拜的读写大概能html配css在运气套javascript写出套用网络动作语法的静态网站,
但是其实对于整个架构还不是很明白.
目前知道想要做到一个好的动态网站(前端部分)
必须会的有
javascript,jQuery
sass,css3
html5
依目前的理解jQuery之于javascript和sass之于css3的关系
就是前者是后者的技术加强版,可以用更少的行数去执行更多的动作与原来做不到的效果.
我是使用纯文字的编辑器编辑,
主要想做的是想专心把前端的部分做好,设计,切版,套程式.
因为真的没底子,也真的很有兴趣,
也蛮怕一开始就会错意.
所以想请问大家
0.我的理解有错误吗
1.学习的顺序
2.学习的资源(有找很多,目前碰到的问题是很多交学者都是已经会一部份,导致到他会的那部分不太能理解,那有些从头教的大概在css初期就断尾了)
3.想成为一位了解前端的设计师还有什么是一定要了解的呢,谢谢大家
作者: TSW (翘班帝国)   2014-08-02 01:22:00
如果本身没有学过程式设计的话,javascript跟jquery离你太远,先丢一边。你第一个必须学会的是HTML,而且要背的很熟。第二个要学会的是CSS,这个要花时间下去慢慢搞清楚CSS里面的化学变化。第三个要学会的是 "利用别人的成果",像是bootstrap之类的。剩下不足的部分用jquery来弥补,最后才轮到javascript。
楼主: artwe6 (David)   2014-08-02 01:28:00
有我现在每天都会拨时间从头写html,但我上网看许多人都说在
作者: TSW (翘班帝国)   2014-08-02 01:28:00
本身熟悉程式设计的话,请从javascript开始XD
楼主: artwe6 (David)   2014-08-02 01:30:00
使用jquery之前得先会javascript,谢谢bootstrap的资讯我当然先使用你的流程:) 因为我完全不熟悉阿Orz
作者: TSW (翘班帝国)   2014-08-02 01:32:00
这样讲也没错,要先会javascript才能发挥100% jquery的效果但是对一个不熟悉程式设计的人来说,一头栽进变量、函式、事件
楼主: artwe6 (David)   2014-08-02 01:34:00
那请问是要先了解javascript的使用方式再去摸jquery吗,因为
作者: TSW (翘班帝国)   2014-08-02 01:35:00
、算法、资料结构等等,很容易马上就迷失and丧失斗志。
楼主: artwe6 (David)   2014-08-02 01:35:00
我其实是还蛮求甚解的人,哈铪哈,会很想了解他流程原因.
楼主: artwe6 (David)   2014-08-02 01:36:00
了解!
作者: TSW (翘班帝国)   2014-08-02 01:36:00
。直到你想要搞ajax或其他有得没得特殊功能的时候,再去学js。很求甚解的话,也可以从javascript开始就是了..没什么不行XD
楼主: artwe6 (David)   2014-08-02 01:39:00
我还是先把jquery当工具一边慢慢了解好了!因为我的目的还是主要在视觉和使用者的部分!我的意思就是听你的先用背的,或记录在记事本里了XD
作者: TSW (翘班帝国)   2014-08-02 01:41:00
XD
楼主: artwe6 (David)   2014-08-02 01:45:00
那请问sass必须要先透彻吗?
作者: TSW (翘班帝国)   2014-08-02 01:51:00
懂CSS之后再去看SASS,你不一定有机会用到它。
楼主: artwe6 (David)   2014-08-02 01:54:00
好的谢谢
作者: fire231 (Bloodmors)   2014-08-06 01:22:00
JQ用到在查就好了 JS也是常用的 多用几次就记起来了没有一定要先学JS
作者: iamnodoubt (Have Fun)   2014-08-07 22:44:00
你自己做出来的psd自切成html,切个几次html/css就很熟学jquery..再回头钻研javascript, codecademy其实都太简单,语法看熟一点,然后去看youtube上的psd 2 html影片

Links booklink

Contact Us: admin [ a t ] ucptt.com