V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
mikulch
V2EX  ›  前端开发

从今天开始入坑前端,给各位前辈添麻烦了,请大家多多指教。

  •  
  •   mikulch · 2017-03-06 00:38:50 +08:00 · 2150 次点击
    这是一个创建于 2819 天前的主题,其中的信息可能已经有所发展或是发生改变。
    前言

    楼主在 2 线城市小公司工作(混日子)。
    由于经济不景气再加上公司经营不善,曾经 5 人的开发团队只剩下了我一人,老板为了缩减开支也不会招人了。
    于是我现在要负责需求讨论、 ui 设计、前端、后端、运维、一部分销售、公司整体流程的效率优化,打扫卫生、打电话叫水以及帮老板点外卖的工作。

    现状

    我是个 30 岁的大龄 api 程序员,毕业后就没写过 js 。
    平时写代码除了追求点设计模式外从来不考虑内部原理是什么。技术栈除了 java 外也用 python 解决点问题。
    为了解决公司的业务问题,我花了一段时间看完了 js 的基础教程,目前配合文档写点基础语法没什么问题。
    虽然看完了 w3cschool 上的 css 教程但是感觉对于布局之类的调整基本上一窍不通。

    为了紧跟时代潮流,我看了大部分阮一峰的 react 技术栈的教程。
    准备应用到现在公司的新项目(包括移动端)我想用 react 和 react native ,却发现不知道怎么开始。
    有一种下不了笔的赶脚。

    最后

    感觉自己实在太笨了,由于一直写后端,各种圈子都是后端的。
    所以不知道能不能在 v 站找个靠谱的,平时活跃点的,对新人友好的师傅或者 qq 群,想进来提问和交流,顺便也认识一些朋友。

    谢谢。
    6 条回复    2017-03-09 19:18:25 +08:00
    changwei
        1
    changwei  
       2017-03-06 08:11:52 +08:00 via Android   ❤️ 1
    w3c 的教程更适合已经有一定基础,然后准备巩固和复习的人看。如果说慕课相当于学校的老师,那么 w3c 更应该是一本手册或者字典。

    如果完全是 0 基础,可以看一些慕课视频或者花钱买,视频里面他会一步一步的带领你去理解一个页面,配好环境,讲解他的思路。

    html+css 我看的是慕课+w3c , js 我看的是 javascript 高级程序设计这本书外加各种网上大牛的博客文章。
    zhuangtongfa
        2
    zhuangtongfa  
       2017-03-06 09:49:55 +08:00
    港真,你的情况更适合用 Vue
    tomato3
        3
    tomato3  
       2017-03-06 10:07:22 +08:00 via Android   ❤️ 1
    心急吃不了热豆腐。
    静下心来刷书,《 css 权威指南》《 javascript 高级程序设计》《 javascript 语言精粹》。
    布局的话,把第一本书理解到了,布局就差不多涉猎一些其他技巧。然后你可以看看 bootstrap 框架,了解有哪些东西是常用的组件,这个框架就可以不用管具体的 css ,你只需要抄过来就可以了。后面两本书是学习原生 javascript 的,就像学汇编,看完了 js 基础应该就有了。

    一开始就上 react ,太多黑盒了。你应该学一个简单点的自动化构建工具, grunt (以项目为单位)或者 gulp (以任务为单位),理解到这些工具做了什么后,就去学 webpack ,不过在此之前,还需要先学习 nodejs ,而 nodejs 又依赖于 js 基础。然后,你还要学习 es6 语法,看阮一峰老师的那本书,这样你就知道要用 babel 转换器把语法转换一下。这样, react 构建起来的黑盒就没问题了。

    还有个渐进式的 vue ,简单上手容易,要求 css 基础和 js 基础。

    学习的地方,去 MDN 上去看系统的教程,布局直接关键词应该就会有文章的。知乎应该也有书推介。还有百度前端技术学院。

    然后你在写 html 和 css 写烦了的时候,再去学一些预处理工具模板等等,我推介 stylus,pug ,简单容易上手,这种东西也和构建工具一样,理解了做了什么就可以快速切换到另外一个。

    angular2 用了 typescript , es 语法糖,也和 es6+babel 一样的,把你写的东西转换成其他的,要求有 es6 基础。
    这些东西都在把新的东西转换成最基础的 css, html, js, 所以前端最重要的,还是这三剑客,要求效率的时候,就需要其他东西来转换一下了,就像 c++与汇编语言。
    编辑器用 visual studio code,要插件装就可以了。
    心急吃不了热豆腐,以上是我扎实的学习路线,然而学了这么多,还是感觉只是基础…
    mikulch
        4
    mikulch  
    OP
       2017-03-06 11:52:41 +08:00
    @tomato3 非常感谢。
    我先买一本 css 权威指南吧。
    nodejs 我本身也在看,后端构建微服务写网关会用到这个东西。
    jeffjade
        5
    jeffjade  
       2017-03-07 16:32:41 +08:00
    嗯,学了 Html CSS Js(Es6) ,是基础。
    不过,跟时代潮流的话,还是入 Vue 之门,更妥当些。
    xrr2016
        6
    xrr2016  
       2017-03-09 19:18:25 +08:00
    你这是要全包了啊...厉害
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1064 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 19:07 · PVG 03:07 · LAX 11:07 · JFK 14:07
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.