教练,我想学 web 前端。

2019-12-02 01:50:15 +08:00
 mushokumunou

有推荐的技能树展开方式吗?

个人暂时在学 html5+css,简单学习一点 wordpress,了解些 php。

简单尝试 js,ide 用的 WebStorm。

数据库暂时没有接触。

linux 的话主要 centos,稳定为主,ubuntu 玩不来。尝试会装一些环境练手。 py 会一些,之前接触过 py for maya。

git,docker 也有所了解。

以前是完全做 cg 的,由于不是前端,所以在转 web 设计中很多转代码的时候,让前端设计师头疼不已。 最终还是沟通和技术实现矛盾严重,结果不理想,所以想自己学前端,自己把控代码,也好了解 web 的设计思路。

移动端,主要 ios 开发也想涉足。

不知道我现在的方向对不对呢,希望能补充,我打算尽可能的学习框架,提高效率为主。

6168 次点击
所在节点    程序员
42 条回复
learnshare
2019-12-02 16:26:50 +08:00
设计转前端,核心是 CSS 及组件化( jQuery/React/Vue/Angular )
luoway
2019-12-02 17:03:32 +08:00
web 前端的话:
小公司 php
大公司 Nodejs,初级开发者了解 express 源码足以
git 必知必会,最好所有项目都放 github 上,再攒点 star
docker、linux 会也不要在简历上说,否则即使有幸进去了,做的可能就不是 web 前端了

web 开发基础是 http 协议的运用,了解前后端分离的思路,接下来就是经验与工程问题了。
框架建议学 react。( vue 太容易上手,以至于招聘没要求)

楼主做 CG 的本身也是优势,是很多在职前端都没接触过的领域,建议记录到个人博客里。
f056917
2019-12-02 17:25:08 +08:00
orzorzorzorz
2019-12-02 17:28:16 +08:00
既然有设计经验,那就不要去学那些乱七八糟的东西。核心就是 js 跟 css 的基础,你要做的是把设计经验结合到代码的实现效果里,而不是学什么库。比如一个 button,它在什么样的情况下等于 2,它在各种情形下给人的体验都是不一样的。不如从这块入手。
secondwtq
2019-12-02 19:23:57 +08:00
“完全做 cg 的”楼主这个“CG”指的是“Graphics”这一 discipline 还是 CGI/VFX 行业?
secondwtq
2019-12-02 19:26:31 +08:00
哦看到 Maya 了 ... 那就是 VFX 啊
那先提醒下楼上这个“设计经验”到前端的可转移性并不高
一般这行里面说搞原画的算是做“设计“的还行,做 3d 的并不完全算是
secondwtq
2019-12-02 19:46:08 +08:00
”自己把控代码“不应该是”沟通和技术实现矛盾严重“的解决方案
当然对于设计师而言,”了解 web 的设计思路“确实更好,但不至于到”自己把控代码“的程度

学技术不管学什么,都绕不过一个实践
然后就是,楼主是想转成专职前端还是只是想解决”结果不理想“的问题
如果是后者的话,那就先自己做点项目,比如尝试把“不理想”的“结果”自己实现出来(不需要数据逻辑),边做边学,用什么技术无所谓的
Elmer
2019-12-02 20:23:15 +08:00
你确定要学前端吗?

https://s3.us-west-2.amazonaws.com/secure.notion-static.com/eb98f30c-0f43-4167-950c-c1b4765aff17/75421E84-EC8E-4639-B0F3-27DD40BA0D77.jpeg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=ASIAT73L2G45BGF5HDPO%2F20191202%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20191202T122256Z&X-Amz-Expires=86400&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEMr%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLXdlc3QtMiJHMEUCIQCIz2N9nZbBspfDrl74L%2FwKoRo3wxVKcFzqNFMw00UpmQIgC7whe2H0lyeq4qayrFCfHgrwooZFZuHfVsuNYOnTz6Mq0gIIEhAAGgwyNzQ1NjcxNDkzNzAiDG75bqXkzoiqa%2BWgNyqvAkxlYPGBhvVsCmfOplSM1I5PT%2BU7yCdEgVgDE9fFkaNIi4k4J91bAdLrayOsfGPkbsao72qgu9V%2FdZ8atkiVWWKO%2Bsj0laYbj8jOkM%2BY7Mf6WoKUqDa84AJqn6n8LHE8Me5S4F6flA%2BDYjznoNm%2FN4oBFiHXHHbsVD13A%2FK3KQfX%2Fzh2JQnWuJMLVdsQVDlDj2%2BcrwucFosGYvSr%2F5LKJnGcnGp4Qkr9wxsXwsn07I5Y7ulQd6g4jadKk0bRfDEGhQMQ5sjL8zbXcdrBvBBgZQRMO0wobP4Nv3LIFqo%2FriR1jmOk0JGZNsRI8%2FF5gJHG8T8XjVtfVKfHXo%2F5Kq%2FqHLVLdDZz6kgaphroHKF3pV2w%2BXilqLsn0myLJBkr%2B6IlESBA4yk%2BqHQSsLuAw90gLTDfrpPvBTrNAhp80sPRKc2gmOvSxf2cj7blfS7CTSOPVZn6OscjVAd74hNx5GRDbRugnrX4Or6nPdB24X%2BVypYvR7%2BTDftAGtNNwWwYKwXYnZT5T1%2FbHynp5LyCFbZP%2BKE8tn7qoAbZJEKjTjBV3%2F%2F4T3qI6UkzXPsrc1cPJv%2BMMEhIYT6YCtgxP1oafY2V0vpJ%2F6RgfPYJadUil86M8O3Slj3YylhKLrRxZBV5UxNEAHfKYWhH0xxsq7o5lSR0syxeVFpds%2FSBO7EXiCl7hx3qxcmCDUkFp8oQcM3Ksbf7qrP%2F0dpJ0hWlMqF2nfkvzwdgkbOwobqgVxtomb%2BnK6LW95%2BkzkQFHPrlRm%2B0zxFum5rITz9KytGp%2B%2B9VOLagqrKtaeMQVvZIc6GR%2BUeJ68o%2Fi19O5l4sjyw8wPzYCzIadx5hRfBOYwfOHkAcRKU%2Fny9NJeR5yA%3D%3D&X-Amz-Signature=8aa6e70e7075e7f901cd1cd52bcfa001af6eb6142af35a7f9521f0557fc4e0dc&X-Amz-SignedHeaders=host&response-content-disposition=filename%20%3D%2275421E84-EC8E-4639-B0F3-27DD40BA0D77.jpeg%22
Elmer
2019-12-02 20:33:51 +08:00
测试:

![图片]( https://s3.us-west-2.amazonaws.com/secure.notion-static.com/eb98f30c-0f43-4167-950c-c1b4765aff17/75421E84-EC8E-4639-B0F3-27DD40BA0D77.jpeg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=ASIAT73L2G45MIVUIAWQ%2F20191202%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20191202T123031Z&X-Amz-Expires=86400&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEMv%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLXdlc3QtMiJIMEYCIQDeVXA1M4a%2FbdZMb%2FFqyHfVeeFz22Oho117KaEI93%2FoLAIhAL9Sy5YoB5MR8hbigtTCywIpbxFR3APhNLLkkEv4S97HKtACCBQQABoMMjc0NTY3MTQ5MzcwIgyObLJLH01LbtxahSoqrQJkHvqrCw17AbbOt2JyIXLnYvc44C6DcZ%2FsTuuQ4PsQvLqTK%2FWlj4balj%2FIiMGODbdbCzn%2B05tQptOcI6YUodvpUz6PHT4fHv3FnuZOtHFvscy6lNabHTXIERyCJB%2FLDP%2B2s2SDRKYkSNSIBNVcQ7J7B90WBC76O2UwzNYRMe01s1tmsXVol9Amsd8nYhFlzYmY0o6AUVpbZIw%2FDey2QL1BsMsLIV4Zu2cl2tgblNoejZU6m%2FJU8HD3D7wjgo2MaJiYB4%2ByQQrrqx4xKDQZRBPlvFvKk%2B6SclEt2MAO60qUI313wad%2FXerjtc93k4yNGbS7o8DMmajay1iPDWR6aHh29wvnX29q%2BHX5ZaD5Rkri7mmNy2oG%2Fu33jqd83G2kwT9VmuvCQ6b878DW%2BxadMJLik%2B8FOs4CirJIqpLGuBl8f3kt6jQc%2FRkSh8%2FIcqLWobrir0dPQ1DVB%2ButgzMWRk9vGa37qGCtlHcxTi2MDO7C2KMLShyexj07%2B4GnYmpmJWZ0Ex%2Fi9vvWVlA%2BpTnurZbilY7jpbgvdjQt5G1LDXaG4c7YTS5ao4fTB%2Bb9aiLKUSHywB9vDmi5etCU4AqfIMxTz%2FukWNrDQ2LhCjqX46BpZFNyuGNv41PEyyeErcAIhOSopqfz5Z10ciBKRClu63yPwPPO8%2BF6WhoUdz1VO8G6P1QO8EuSYPDz2v5aA1mCgBJlwzoE8JqKfOCPVFwgtIbKiJW3arR6u9NjET6CJqXXflHZdiizDKs2GLx3AY%2Fg7WHRnkqLn061hSGGgAgdthlvu66P2FftGcjmy1pb9%2FD19Fe6y8CMTjsasCR9P5ZxM5YFRTs6YLksjEkxWPqe1liASUzRvg%3D%3D&X-Amz-Signature=97cded9a67c390f5e83998f0a10ec77b4a5e15a73613203cfc25d15bfb080ec2&X-Amz-SignedHeaders=host&response-content-disposition=filename%20%3D%2275421E84-EC8E-4639-B0F3-27DD40BA0D77.jpeg%22)
wangkun025
2019-12-02 20:34:16 +08:00
@Elmer 笑尿了
secondwtq
2019-12-02 20:34:31 +08:00
@Elmer 楼主玩过 Maya 应该早就习惯了,这都小菜一碟 ...
Maya 这东西看心情,一般处于一天崩八次和一个小时崩八次的叠加态
Chrome 起码八天很难崩一次 ...
Elmer
2019-12-02 20:43:53 +08:00
netChen
2019-12-02 21:04:39 +08:00
@Elmer Thanks for the fuck javascript,你才是真正的大神,笑出翔了。
Elmer
2019-12-02 21:24:36 +08:00
@netChen 哈哈哈,转发的,能给你带来快乐就好
slanternsw
2019-12-03 00:49:26 +08:00
slanternsw
2019-12-03 00:51:31 +08:00
chenyu0532
2019-12-03 09:43:51 +08:00
难道练习 html css 不是做 ife 吗。。。
话说这东西不简单啊。。。谁跟我说简单的!!!
Nzelites
2019-12-03 09:54:47 +08:00
react 天下第一 随便写写的话加 antd 贴贴贴就完事了 要什么自行车,想认真写再研究细节
Jaosn
2019-12-03 10:18:12 +08:00
@Elmer ...为什么我看不到图片,大佬换个图床
laravel
2019-12-03 10:28:16 +08:00
@Elmer

<Error>
<Code>ExpiredToken</Code>
<Message>The provided token has expired.</Message>
<Token-0>
IQoJb3JpZ2luX2VjEMv//////////wEaCXVzLXdlc3QtMiJIMEYCIQDeVXA1M4a/bdZMb/FqyHfVeeFz22Oho117KaEI93/oLAIhAL9Sy5YoB5MR8hbigtTCywIpbxFR3APhNLLkkEv4S97HKtACCBQQABoMMjc0NTY3MTQ5MzcwIgyObLJLH01LbtxahSoqrQJkHvqrCw17AbbOt2JyIXLnYvc44C6DcZ/sTuuQ4PsQvLqTK/Wlj4balj/IiMGODbdbCzn+05tQptOcI6YUodvpUz6PHT4fHv3FnuZOtHFvscy6lNabHTXIERyCJB/LDP+2s2SDRKYkSNSIBNVcQ7J7B90WBC76O2UwzNYRMe01s1tmsXVol9Amsd8nYhFlzYmY0o6AUVpbZIw/Dey2QL1BsMsLIV4Zu2cl2tgblNoejZU6m/JU8HD3D7wjgo2MaJiYB4+yQQrrqx4xKDQZRBPlvFvKk+6SclEt2MAO60qUI313wad/Xerjtc93k4yNGbS7o8DMmajay1iPDWR6aHh29wvnX29q+HX5ZaD5Rkri7mmNy2oG/u33jqd83G2kwT9VmuvCQ6b878DW+xadMJLik+8FOs4CirJIqpLGuBl8f3kt6jQc/RkSh8/IcqLWobrir0dPQ1DVB+utgzMWRk9vGa37qGCtlHcxTi2MDO7C2KMLShyexj07+4GnYmpmJWZ0Ex/i9vvWVlA+pTnurZbilY7jpbgvdjQt5G1LDXaG4c7YTS5ao4fTB+b9aiLKUSHywB9vDmi5etCU4AqfIMxTz/ukWNrDQ2LhCjqX46BpZFNyuGNv41PEyyeErcAIhOSopqfz5Z10ciBKRClu63yPwPPO8+F6WhoUdz1VO8G6P1QO8EuSYPDz2v5aA1mCgBJlwzoE8JqKfOCPVFwgtIbKiJW3arR6u9NjET6CJqXXflHZdiizDKs2GLx3AY/g7WHRnkqLn061hSGGgAgdthlvu66P2FftGcjmy1pb9/D19Fe6y8CMTjsasCR9P5ZxM5YFRTs6YLksjEkxWPqe1liASUzRvg==
</Token-0>
<RequestId>6BC66C36C5AD1F05</RequestId>
<HostId>
L8NBmd/CchtzOUwFstxnEsUyaRZl8TtA7QSWW6LF0ttzQcctVS4shglFjguFsBtpMb8uJ7ksrP0=
</HostId>
</Error>

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/624899

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX