Soft_Job 板


LINE

我目前主要是做前端,少数写後端,,也是自学然後找到工作,目前在美国纽约华尔街日报 (The Wall Street Journal) 我觉得前文写的很好,不过我对於某些点有不同的想法,我也根据前文写的那几个分类来 提 1.四大硕问题 如果是要做前端工程师,我真的觉得特地去念四大硕(台清交成)没有其必要性,当然就算 是想当走全端,我也觉得没有一定必要性,当然我不是说正规教育研究所不好,加上我在 台湾职场没当担任过软体工程师的工作,所以我这样讲可能会有点偏颇,虽然我以前虽然 是四大硕,但是都是电机相关,大学是中央电机,研究所是交大电机,主修影像处理、图 形识别、电脑图学,但这学历跟我目前做前端没有任何关系,研究所写也只是写matlab跟 c/c++。 重点是,为什麽要去浪费两年的时间去念研究所,如果还要写论文的话,更是浪费时间与 金钱,我个人觉得,你要做的是front end developer,你需要的是好的作品集以及好的 专案@github,可以让人看出你写程式以及实作的能力,下面是我的网站以及作品,我不 敢说我做的网站超级好,有些是我在国外念 硕士去旁听大学部的课程写的作业或是自学课程写的作业,我国外资管研究所几乎没有培 养我任何写网站的能力,最多只有教资料库。重点是要不同的写作业/累积作品,实作能 力才是重点! GitHub https://github.com/johnnyhsu1106 个人网站及作品集 http://johnnyhsu1106.com.s3-website-us-west-2.amazonaws.com/ 我身边的同事,有些都不是CS背景的,可能一部分也是因为不是在四大公司(google, fac ebook) ,但是他们有些是自学或是参加coding bootcamp,也都是不错的高手,所以我觉 得有强烈的学习意愿才是重点。 我完全同意前文写的,学前端并非是可以轻松就非本科转职, 2. 如何自学 在台湾之前已经很久没写过程式,工作是当硬体工程师/专案管理诗/产品经理,完全跟写 程沾不上边,所以我出国念书的时候,所以我硕一下学期就去同时旁听两门Python的课程 ,跟大学生一起上课,每门课都有10个作业,10多个lab练习,每次上课都有worksheet 可 以练习写程式,我除了没参加期中/期末考试外,每个作业/练习都有写,後来因为实习需 求,我自己又去上Coursera学了html/css/javascript,下学期又去旁听两门课,一整堂 学了html + css,一整堂学了web development(js + php + mysql),也是狂写作业,以 及自学Java,跟同学写了一个poker game project ,基於design pattern 在找工作的时候,我也是没学过React, Angular,因为学校哪会教你这些library/framew ork,所以我开始上Udemy的课程,看到职缺需要什麽,我就去学,面试前时候需要线上考 试,现场面试的时候需要写程式码在白板上,就去学资料结构以及演算法,然後狂在leec ode/lintcode上面刷题目,当然这可以先学,不用等到要面试才学。 https://imgur.com/a/CRv8gdd ,这些是我的课程,但是我也不是每一门都上完。 结论是 网路上面有太多资源 ,像是Udemy,可以先去上这些,一门课才10元美金,然後觉得自己 有兴趣後,想要去上实体课程再去报名,Udemy的好处是可以一直不停的重复听,然後一 个月内还可以免费退费,千万不会有那种上网路课程,觉得自己会怠惰的心,所以先去上 实体课程,因为一开始去上实体课程的缺点是,对於没有基础的人而言,一开始如果听不 懂,很容易就追不上进度就放弃了。 3.学习曲线 准备 (1)挑一个好用的Text editor: 我个人用过notepad++, sublime, atom,目前用的是atom ,之後或 许转战到vscode (2)买一台好的电脑:我个人推荐用mac,光是unix作业系统的terminal就是好用,我个人 安装iterm 2 (3)选一个好用的浏览器:我个人推荐chrome,超多web app extension以及强大的chrome dev tool. (4)买1-2台的外接萤幕:一边写code,一边看web,一边看dev tool的console,多萤幕真 的是必要。 初阶 (1) HTML: 最好学会HTML5 那些semantic element (2) CSS: Box Model, Display, Font, Position, Float,, Pseudo class… (3) Javascript: 学会基本语法,内建资料型态(string, array, boolean, null, objec t, map, set),基本DOM API (4) Git/ Github: 你迟早要学会的工具 (5) Chrome Dev Tool:你迟早要学会的工具 (6) NPM: 你迟早要学会的工具 请记住,w3school是你的好朋友。 中阶 (1) CSS: Flex, Media Query,如何做出RWD(Responsive Web Design),Trasformation , Transition, Animation(keyframe) (2) Javascript: ES5, ES6的差别,何谓callback function? Event Handler, Event Loop,程式执行的时候,哪些会在Call Stack执行,哪些会在Callback Queu e,Ajax(XMLHttpRequest, fetch),如何写Callback/ Promise,至於是否要学ES7...., 真的是看心情。 (3) jQuery: 可学/可不学,我有学,毕竟这真的不难,不可避免有人会用,总是要看的 懂 (4) Bootstrap: 可学/可不学,我有学。可以快速做出一个不错看的网站 我建议不要一开始就学jQuery,至少有中阶程式能力後再学。我看过有人写程式都是 jQuery派,会导致程式码缺乏架构,缺乏模组化,我最近就是狂把jQuery改成vanilla JS ,自己写fadeIn, fadeout, animation, slideUp, slideDown,要改jQuery的最累的就是 没有模组化,几乎是一个block包含所有商业逻辑。 请记住,MDN是你的好朋友。 高阶 (1) React / Vue / Angular等Library或框架: 我建议学React,因为容易入门,多人使 用 (2) 写出MVC架构的web app: (3) 写unit test: Mocha, Enzyme, Chai这是我目前用的 (4) Node JS: 可学/可不学,想要深入JS的人可以继续学,我是有学 (5) Gulp/Grunt: 可学/可不学,看你公司用哪个或是个人爽度 (6) Sass/Scss: 可学/可不学,看你公司用哪个或是个人爽度 (7) Data structure/Algorithm: 我是上九章算法班/强化班,这两门课,加上Lintcode 刷200题。 请记住。Stack Overflow是你的好朋友 总结: 我目前只是一个一年多工作经验的菜鸟front end developer,我大多都是自学来的, 我相信有心/有兴趣/少许的天份,你也可以迈向软体工程师之路。 PS: https://github.com/goodjack/developer-roadmap-chinese 这看起来真的很实用 最後说明一下为什麽我要来美国念硕士,是因为我必须要有文凭才比较有机会留在美国工 作(这个就扯到了签证的问题),但是你不需要硕士文凭,你也可以在台湾工作。 我之前在美国面试google ,amazon的on-site interview,当然最後是没有上,现场面试当 然考的演算法为主,但是前几关也是会考跟front end 相关问题。 为什麽会推荐w3school,因为对於’初学者‘而言,上面有比较多的例子,虽然他的东西 是比较旧一点,但是是个好入门的网站。我相信学程式还是由浅入深,循序渐进比较好 —



※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 207.237.11.51
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Soft_Job/M.1529980631.A.041.html ※ 编辑: philosiphy (207.237.11.51), 06/26/2018 10:45:38
1F:推 shvanta: 感谢分享06/26 10:58
2F:推 BaGaJohn5566: 很强 推一个06/26 11:21
3F:→ alongalone: wall street . 请问是在美国吗 ?06/26 11:41
4F:推 mit007187747: 推06/26 11:49
5F:推 pttrAin: 谢谢你的分享,大推06/26 12:01
6F:推 e920528: 推一个06/26 12:54
7F:嘘 yfu3330225: 在台湾没有念研究所会少很多机会 要注意06/26 12:56
8F:推 ymcheung: 也觉得研究所念完根本没帮助推06/26 13:08
9F:推 darkch: 有系统的学习,胜过去读研硕06/26 13:14
10F:→ darkch: 花了好几xx万拿到一张毕业证书,还不保证一点有那个能力,06/26 13:16
11F:→ darkch: 顶多称号好看而已06/26 13:16
12F:→ smmoon: 以上前提是英文要先学好...06/26 13:21
13F:推 black209: 推06/26 13:21
14F:推 theget3874: 感谢分享06/26 13:24
15F:嘘 FellRed: 纯嘘w3school06/26 13:53
16F:推 nichinichi: 其实主要是那张研究所文凭吧,以後的路会顺一点06/26 13:59
17F:→ bndan: 路顺一点 走比较远...心力耗费太大 有时连初级成果都还没拿06/26 14:31
18F:→ bndan: 到就腰折的多的是...06/26 14:32
19F:推 superpai: 看来近年w3school洗白了06/26 15:43
20F:→ joejoe14758: 想请问为什麽w3school 会被嘘@@06/26 15:59
21F:推 hakosaki: 听说满多错误的 可以去国外网站找找 ,读官方文本还是稳 06/26 16:05
22F:→ hakosaki: 一点06/26 16:05
23F:→ lovdkkkk: w3school 还可以啦, 我觉得只是对规格的变动更新慢一点06/26 16:19
24F:→ lovdkkkk: 不过我想嘘 react 容易上手, 所以给箭头 XD06/26 16:20
25F:→ stkoso: 能不能录取是一回事 但是硕士能拿到的面试机会多很多06/26 16:29
26F:推 THEWORLDS: 很明显就刷题阿 有刷有差拉06/26 17:20
27F:推 liuderchi: 推分享06/26 18:14
※ 编辑: philosiphy (207.237.11.51), 06/26/2018 18:31:09 ※ 编辑: philosiphy (207.237.11.51), 06/26/2018 18:53:01
28F:→ philosiphy: 是在美国纽约喔06/26 18:53
29F:→ philosiphy: React 相对来讲是简单,如果是跟Angular比2&4) 06/26 18:54
30F:→ daniel54088: React 哪有容易上手.. 06/26 18:57
※ 编辑: philosiphy (207.237.11.51), 06/26/2018 19:12:53 ※ 编辑: philosiphy (207.237.11.51), 06/26/2018 19:13:39 ※ 编辑: philosiphy (207.237.11.51), 06/26/2018 19:14:55 ※ 编辑: philosiphy (207.237.11.51), 06/26/2018 19:18:21
31F:推 WunoW: 说react容易上手蛮傻眼的,我主流框架都玩过,不觉得reac 06/26 19:26
32F:→ WunoW: t叫做好上手 06/26 19:26
33F:→ beaprayguy: Angular对前端工程师本来就有门槛。强型别语言加上服 06/26 19:29
34F:→ beaprayguy: 务注入特性,本来就有差 06/26 19:29
35F:推 beaprayguy: 有些架构上跟後端爱语言学习 06/26 19:33
※ 编辑: philosiphy (207.237.11.51), 06/26/2018 19:47:53
36F:→ philosiphy: 这三个框架当中,react相对容易上手,在美国也比较多 06/26 19:51
37F:→ philosiphy: 人用,当然觉得简单与否就是个人感觉了。我个人是觉得 06/26 19:51
38F:→ philosiphy: 前面的基础都很好了之後方,react 是容易上手 06/26 19:51
39F:→ beaprayguy: React极吃javascript水准。我个人无法接受html写在程 06/26 19:55
40F:→ beaprayguy: 式码里面。比较喜欢分开的开发。选择angular.这没有 06/26 19:55
41F:→ beaprayguy: 对错问题。同一个人写出来的react可能10万八千里 06/26 19:55
42F:→ beaprayguy: Angular好处是有best practices 可以参照 06/26 19:56
43F:→ beaprayguy: 我考量後续要维护和教育训练成本问题,选择angular06/26 19:57
44F:推 vi000246: 同意github很重要 非本科的唯一武器06/26 20:16
45F:推 w5151381guy: 三大框架当中最好入门的是vue吧...React要学JSX而ng 06/26 21:29
46F:→ w5151381guy: 要学ts,对於新手来睡都比较难入门啊... 06/26 21:29
47F:推 goodblessu: 更正一下,你举的IDE应该只算是文字编辑器 06/26 21:36
48F:推 aidylUranus: 感谢分享~~06/26 21:53
49F:推 aegisty: 好强06/26 22:12
50F:推 yuanchen1103: vue 派表示 react的官方文件相对来说写得不清不楚超06/26 23:08
51F:→ yuanchen1103: 级烂 哪叫容易上手XD06/26 23:08
52F:推 zeroshine: 我反而觉得 vue 一堆 api 比 React 复杂很多 06/27 00:42
53F:→ zeroshine: React 反而概念很间单 抓准 state 跟 props 的概念 06/27 00:43
54F:→ zeroshine: 就可以写出容易维护的 code 了 06/27 00:44
※ 编辑: philosiphy (206.15.106.198), 06/27/2018 01:33:01
55F:推 NCKUFatPork: 现在的React documentation已经写得不差了吧,然後以 06/27 02:05
56F:→ NCKUFatPork: 零基础的纯初学者来说Jsx是蛮直观的一件事。几个Reac 06/27 02:05
57F:→ NCKUFatPork: t的设计模式掌握好确实不需要花太久就可以写出堪用的 06/27 02:05
58F:→ NCKUFatPork: code。 06/27 02:05
59F:推 pig0038: 推 06/27 09:25
60F:→ pig0038: vue的好处是一堆简体中文资源,官网document也有中文 06/27 09:26
61F:推 pig0038: React 比较看好是native方面最近越来越多公司采用了,甚 06/27 09:29
62F:→ pig0038: 至有职缺title直接就说徵React app developer 06/27 09:29
63F:推 putryyy: 太厉害了!!谢谢分享!! 06/27 09:53
64F:推 fish0112: 推 06/27 09:56
65F:推 dododavid006: 我也觉得 React 的概念比 Vue 简单多了 其实我不懂 06/27 23:15
66F:→ dododavid006: 为什麽 Vue 的常说要另外学 JSX 学 Vue 不也是要知 06/27 23:15
67F:→ dododavid006: 道 v-bind v-on 之类的吗 虽说 JSX 与 html 的差异 06/27 23:16
68F:→ dododavid006: 是要来的比 vue 的 template 大 我有个 Vue 派的朋 06/27 23:17
69F:→ dododavid006: 友一直跟我说他无法接受 JSX 虽然他现在被我逼的用 06/27 23:18
70F:→ dododavid006: JSX 写 Vue 就是了(笑 06/27 23:18
71F:推 sora1111: 推,现在也是非本科想要转走前端,努力自学中.... 06/28 08:23
72F:→ rarex: vue的进入障碍比较低没错 好的react开发者比较难找 06/28 11:26
73F:推 A131381568: 感谢分享文 07/01 20:20
74F:推 crazwade: 有帮助 谢谢 07/07 02:21
75F:推 aad61404: 很完整 谢谢 07/07 14:23
76F:→ EPGo: Vue比较简单中文资源也多,但React比较能练到JS基本功 07/26 23:48
77F:推 chiuchang: 感谢 08/17 13:40







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:Tech_Job 或 站内搜寻

TOP