Re: [心得] 前端工程师(实习)面试与分享

楼主: yuanchen1103 (Yuan)   2018-03-15 00:02:23
因为有不少人站内跟私讯问我有关自学
在这边统一做回复
啊因为我还是比较习惯打在Medium上 所以要更详细的连结等都在里面:
https://goo.gl/r8NcY4
以下会分为UIUX跟前端技术
UI/UX学习历程与作品
我接触UIUX大约是一年多前,自己本来就擅长于视觉设计,但没想过要当饭吃,知道有
UIUX这个选项以后就开始自学,以下为学习方式与资源:
100 Days UI
我记得这好像是从一个国外的设计师开始发起的,简单来说,就是每天做一个UI,持续
100天不同的题目。这实在要很有意志力,我大概到20几天之后就懒了XD那时候刚好录取
实习就没有再继续。在进行100 Days UI的同时,也可以参考看看别人是怎么做的,从临
摹开始,同时去思考为什么要这么做。练习这个的缺点是通常只有单页面或功能,所以不
能算是一份完整的UIUX练习。下面这个连结集合了很多100 days ui的作品,题目也可以
依照这里面走:
http://collectui.com/
彼得潘的ios课程
两个学期以前,彼得潘来台大开ios开发的课程,所以我也会很简单的ios app开发,在这
个课程当中真的收获良多,也是我立志要学好UIUX的转捩点,录取UI实习的作品集也是从
这个课堂而来:
https://goo.gl/vfiHfG
这边的学习方式就是真的去规划一个app,从user story、wireframe到prototype都做出
来,是最好的练习方式,也顺便完成了一个大型的作品集。
uxabc 实体课与网络资源
这是在业界非常有名的Taylor开的实体课,在报名课程之前就已经从官方Medium学到了很
多UI必须注意的小细节。
报名实体课真的是我人生做过最好的决定(太夸张),这个课也是我录取实习以后,发现
仍有不足才去报名的,说真心话不便宜,还好有学生价打折扣,但上课品质绝对不打折,
一个月的时间打破我之前所有观念,接着一步一步重新建构起来,上完这个课绝对有信心
跟别人说我的专长是UIUX。下面这个是我在这四个礼拜的课程中所做的作品(这篇文怎么
好像变成叶佩文了)。
https://goo.gl/tLKAPw
其他学习资源
Dribbble:每天看培养美感与跟上设计潮流。
Medium:追踪跟UI有关的议题更新资讯,有蛮多专业的部落格,最重要的是不要怕看英文
文章。
ios design guideline:Apple官方出的设计规范,绝对要看得滚瓜烂熟,一样不要怕看
英文。
Material Design guideline:Material Design的官方设计规范,一样要看得滚瓜烂熟,
但弹性比ios大。
最重要的是,当进到一个网站,或著新下载App,仔细研究一下流程规划、设计,同时思
考为什么这样做,怎样做会更好,学习评论。初学者还是建议从临摹开始,久而久之记得
要培养自己的风格。
Web Front-end前端技术学习历程与作品
会踏入1 0的世界我自己也料想不到,刚开始只是看到对UI设计师的要求多有html/css这
项,才去碰了一点,后来因为自己专案需求开始研究网页程式的各种技术,像是git、
sass、pug、gulp、bootstrap、vue、react、node、express等等。以下我会将学习资源
以技术作为分类。
html/css/jQuery
严格说起来我是从Hahow上的这堂课开始对html与css产生理解,但我现在回过头来看,我
认为这堂课的定位比较像是“网页设计师”而非“前端工程师”。网页设计师介于设计师
与工程师之间,可以是两者沟通的桥梁,也有UI设计师跨足做到网页设计这块,职责大概
是将UI设计师输出的设计稿转换成程式码,并用jQuery插件做一些简单的动效。
这部分的练习,最简单就是用google chrom的开发人员工具去看不同网页的程式码大概是
怎么做的,我也有去dribbble、behance拿别人的设计稿来做做看。其实这部分熟悉的话
已经有蛮多工作可以找的,去104查询网页设计师的要求就是这三个。
Bootstrap/Sass/Gulp
将这三个放在一起是蛮突兀的,但我真的是这三个套在一起学。会用到bootstrap是因为
自己在进行专案当中,手刻UI实在是太慢了,索性买了六角学院的这堂课(超推)。基本
上这堂课看完就能对bootstrap有很全面的理解,透过自己的练习与运用可以蛮快上手的
。而若要更改、客制bootstrap样式,则要对sass有一定的理解(因为bootstrap 4是由
sass开发),而浏览器其实无法读取sass档案,就要用Gulp自动打包、转换成css。
Git/Github
老实说我对git还没有到完全能够驾驭,一开始我是用s这个视图化软件操作git(设计师
一定要看到东西的天性),简单的commit、push、pull、checkout是ok,但在什么时候开
新分枝跟如何完美的Merge起来则还在摸索,最近也正在尝试用command line操作git。
Vue.js/firebase
熟悉Vue可以说是我人生的高峰,会选择Vue是因为六角学院的老师推荐,而且官方文件也
算很好读,加上近两年火红起来觉得会是未来的趋势,也因此免费的教学影片蛮多的,其
中我大推这位国外Youtuber:
https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg/playlists
他讲的非常清楚(除了他的英国腔),而且一段影片不会很长,一天看个五六段一个礼拜
内就能看完。看完的话能够对Vue有完整的认识,也能学会操作router跟连接firebase。
剩下的我就是在专案中边做边学,翻了很多文件跟github,目前是能够独立做完一个简单
的web app。
其他学习资源
codecademy:拿来熟悉程式码,其中基本Javascript蛮有用的。
github:这应该不用提了,多多观摩别人的程式。
培养自行查资料、判断资料的能力(重要!):前端的技术日新月异,不会有人从头到尾
教会你,记得估狗是你的好朋友。
目前规划
node.js/express.js:没有点后端数据库概念在资料操作上不能得心应手。
react.js:facebook开发的react仍是前端框架最大家,学习生态完整,且能够衔接上
react native。
ios swift:实习可能会使用到的。
这一年来真的做了很多事情,也成长了很多。去年应征UI实习时履历丢了一大堆只有三家
回复我,今年应征更难的工程师却每个都录取,算是给自己的一个肯定。但我知道这条路
还很漫长,技术不断在更新,工程师绝对没有停止学习的一天。最后希望这点资讯能帮助
大家。(我已经很努力回想过去这一两年到底做了些什么,如果临时想到有缺少的部分会
上来更新。)
作者: vi000246 (Vi)   2018-03-15 00:38:00
推 没有停止学习的一天
作者: j62065678620   2018-03-15 03:02:00
作者: Fisher810228 (FrisbeeFish)   2018-03-15 07:50:00
推,谢谢分享
作者: sppqre (山中练脑残)   2018-03-15 08:49:00
作者: spyshiba (史拜西)   2018-03-17 19:24:00
谢谢分享~

Links booklink

Contact Us: admin [ a t ] ucptt.com