教练,我想学 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 开发也想涉足。

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

6353 次点击
所在节点    程序员
42 条回复
DamienS
2019-12-02 02:58:06 +08:00
可以学 react
DamienS
2019-12-02 03:00:22 +08:00
java 为主,可以学学 go。api 一般 reset 也可以看看 graphql,我感觉 graphql 好用很多( apollo 吧,relay 有点麻烦)

一般用 vscode 就可以写 web

移动端可以看看 react-native 或者 flutter
DamienS
2019-12-02 03:00:35 +08:00
没注意是前端
alw
2019-12-02 08:23:02 +08:00
放弃 php、花少许时间在 HTML、JS 与 CSS 入门后,学习 Vue。
villivateur
2019-12-02 08:35:36 +08:00
同上,学习 vue.js
weixiangzhe
2019-12-02 09:07:15 +08:00
先放弃移动端 php,主攻 web 前段,之后再上
grewer
2019-12-02 09:35:34 +08:00
学得太杂了
a4854857
2019-12-02 09:40:31 +08:00
由于你之前主要做 cg 的..然后其实是一个设计师..我觉得就先专心学 html + css 就好了..学熟悉了你就知道你平常设计的那些页面和特效为什么让人头疼了
icedwatermelon
2019-12-02 09:43:23 +08:00
这个情况需要掌握的主要还是 CSS
lneoi
2019-12-02 10:01:58 +08:00
原因是设计让前端头疼而学习的?那只要重点学 css3/html,了解一些原生的 js、canvas 就行。
如果是想转前端,有在接触 php,就简单了解一下前后端的数据传输方式,然后专心搞 css/js,再 react、vue 选一好好学。其他的可以等前端熟练后再发展
isRealLeven
2019-12-02 10:04:39 +08:00
读大几了?
bzj
2019-12-02 10:07:05 +08:00
这个情况需要掌握的主要还是 html+css+jquery
xutao881
2019-12-02 10:07:52 +08:00
MDN 把 JS 的 Array 和 Object 两个模块好好看看,然后把阮一峰的 ECMAScript6 撸一遍,再挑一门框架,vue 或者 react 都可以,angular 看自己的情况,有兴趣就学学,基础打牢了,万变不离其宗。

CSS 和 HTML 么...CSS 就是搭积木,HTML 就先用 DIV 一把梭完事儿。
wqzjk393
2019-12-02 10:24:49 +08:00
少看 3cschool 菜鸟学院之类的语法教学,都太零碎了跟个 menu 一样。建议直接找个网站页面做仿站,学习时候用来填充的数据就全部自己造一点就好了,毕竟项目里数据都是后端 api 给你的你考虑数据的来源是没太大意思的。
基本上就是 html 写个骨架,然后通过样式类 class 到 css 里去定义样式,然后通过 js 去处理数据。前端其实就是这个逻辑,前期不要纠结于 css 那么多样式 html 那么多标签要怎么学怎么记,你只要理解了 html、css、js 在前端里的作用,然后需要什么查什么就好了。
例如 v 站,上面一个导航栏,下面一个 bottom,中间主体框架。你 html 就在 body 里直接分三个 div,然后中间的 div 可以看到有帖子内容主体,右边的广告栏、右上的个人信息,然后你一样跟着分 div。然后在主题内容里面又用许多个 div 包裹了每一条回复信息,这每一个 div 里面有个人头像 img 标签、有个人信息链接的 a 标签,有回复时间对应的 span 文本标签等等,简单说就是用你的设计稿把框架搭起来。
然后你需要修改样式吧,就像头像显示的大小,文字的大小。这就要通过 css 来分别确定了。其实简单的写写 css 并不难,难的是各种布局和样式的叠加经常会出现奇奇怪怪的 bug,不过样式这种东西慢慢调总是能调出来的
最后是 js,如果你是自己创建的数据拿来学习那 js 就没啥太大的作用。但是实际上项目中你的数据是从 api 拿到的,你需要做 request 请求获取数据,也需要做 post 提交表单等等。api 的数据是后端通过数据库查询返回来的,因此不同地方的数据格式和请求方式也会有区别,例如内容详情可能就是 title、content、comments、userid、username、userimg 等等这几个字段,主页的请求结果可能就是 title、url、comment_count 等等。不同格式的数据就需要不同的处理方式,因此就有了前端经典的 mvc 结构,model(m)就是起到了这个对不同格式数据不同需求进行统一处理的作用。js 基本上就是做这个用的,处理请求,格式化数据,然后 html 通过 src 等指定到这个格式化好的数据就可以显示页面了。

我没仔细学过 vue,但是学的是小程序开发,估计差不多。这些都是组件化编程,其实说白了还是包装,把各个部分进行抽象包装,然后在 html 里和原生组件(例如 img)一样调用这个组件,这样能让 html 结构更加简介清晰,但是实际的前端逻辑还是那一套
Owenhe
2019-12-02 10:26:48 +08:00
需要每天规划好时间,我都没能一直坚持学,时间不太够用,要学的太多了。
wangyzj
2019-12-02 13:44:24 +08:00
html5+css+js
试试 jq
然后上 vue 或者 react
后端语言也可以直接上 node
这就达成一整个大礼包成就了
will1234
2019-12-02 13:46:53 +08:00
驰狼课堂 有免费的前端教程 还不错。
zppass
2019-12-02 16:02:02 +08:00
教练:你啥都想学,上回那个学的咋样了?
JerryCha
2019-12-02 16:21:34 +08:00
![WX20191201-170136@2x.png]( https://i.loli.net/2019/12/02/G5MuXLpQjamyIkn.png)

你确定你要学前端?
root8080
2019-12-02 16:22:57 +08:00
零基础的话 还是网上找个好点的教程 花点钱也值得 有好的老师梳理和传授一些经验 比自己看书硬啃高效很多 当然只是入门 后期还是要靠自己

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

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

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

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

© 2021 V2EX