小弟目前在转职工程师的路上， 看到心得文觉得写得不错，分享给大家 ※ [本文转录自 Salary 看板 #1OZ3AzqB ] 作者: Titus (天和) 看板: Salary 标题: [心得] 无经验转职前端工程师 时间: Sat Jan 28 13:57:13 2017 说明一下小弟的背景与结论 国立经济系学士毕业、在旅游业当业务两年半， 自学 HTML、CSS、jQuery、Ruby on rails 半年（有买线上教材）， 目前面试：6家 Offer： 2个 (28~32k 目标是35左右，努力中) ---------------------------------分隔线---------------------------------- 会写这篇文章主要是分享自己的转职心路历程， 以及觉得这是一条「没有这麽困难、大家都能尝试」的一条路， 走在转职的道路上，也受过许多人的帮忙， 希望透过ptt的分享，分享自己的幸运。 文章会写得比较长一点，分成： 一、「最基础」前端工程师的技能（以能找到第一份工程师正职工作为目标） 二、学习资源与顺序安排（中文、英文，免费与付费） 三、求职心态、策略与未来的路 ---- 一、「最基础」前端工程师的技能 实际求职、跟许多前辈聊了以後，大家对「前端工程师」的定义差异很大， 两者的差异大概有狗跟热狗的差异这麽大。 有些人认为一个「合格」的前端工程师要熟悉 Angular、React 其一， 要懂得怎麽做前後端分离、开API、用webpeck打包... 但市场上也有一些工作，是只要会用HTML、CSS、bootstrap（写得出想要的画面）， 会使用jQuery，一点点javascript、ajax，也能成为一个前端工程师。 而小弟第一份目标的工作等级是放在後者， 也就是能使用HTML、CSS与CSS框架如bootstrap， 搭配jQuery做动画、用ajax要资料与存资料的工作。 会用HTML的定义： 知道怎麽做切版、怎麽为「使用bootstrap」铺路 form tag的操作，会打出什麽request 会用CSS的定义： 1.懂排版（display、position、z-index、box-model） 2.懂权重、selector 3.懂pseudo element 会使用jQuery： 念过一本jQuery书从头到尾（我是念 the missing manual https://goo.gl/IhvGYX ） 二、 现在线上的课程很多，如以下： 免费课程： codecademy ：https://goo.gl/gorvx8 Udacity ：https://goo.gl/VRrdzB learn to code：https://goo.gl/Uc9lAI 付费课程： treehouse ：https://goo.gl/sxTgo1 Udemy ：https://goo.gl/sOoDz4 (也有中文课程，但我觉得....不适合我 XD） 网页十五天：https://goo.gl/nWMg28 我自己的学习路径是： codecademy >> treehouse >> Udemy >> 网页15天 + Rails 101 + ihower实战圣经 （除了codecademy、rails101、ihower实战胜经以外都是付费的） 会想选择付费课程的原因很简单， 我希望可以用比较快的速度把「找到第一份工作最低标准」的东西学起来， 二来付了钱比较有动力（压力） 1. codecademy https://goo.gl/gorvx8（15个小时） 算是初期的尝试，HTML CSS的课程有全部跑完， 也确定自己不排斥「与机器沟通」，可以再投入更多的资源 2. treehouse https://goo.gl/sxTgo1（5个小时） 有听朋友推荐treehouse是学HTML CSS的好线上教材， 使用free trail以後觉得真的很普通，甚至我会给负评。 原因有两点： 第一点是整个学习没有架构，只是把HTML、CSS在MDN上面可以查到的东西讲一次， 但其实看完、写完一点点练习题，马上就会忘记。 第二就是老师教学的习惯，常常一次改动很多HTML属性和CSS值，然後才看画面， 不注意就会不知道画面的更动是因为修改了哪一个地方、因此有新的改变 所以在free trail还没结束我就果断放弃，毕竟时间很重要。 3. Udemy https://goo.gl/sOoDz4（15个小时） 在treehouse之後，我有想是否要改上中文线上课程会比较合适， 因此在Udemy上面尝试了一门HTML CSS的课程，觉得效果还好。 4. 网页基础十五天 https://goo.gl/nWMg28（300个小时） 这和ihower实战圣经是我主要转职的的学习工具，当初会认识这个课程， 是在youtube上面找bootstrap教材的时候有看到 free trail 的影片， 避免广告嫌疑就不多谈，比较之後比Udemy上的六角学院适合我， 加上某天脑波弱觉得自己学习速度太慢，想要加速就付费了，最後没有後悔，很推荐。 最近也有个似乎是前端大大也开了一套bootstrap课程， 想花钱购买课程的可以多方比较、找到适合自己的课程。 後端的部分： 1. Rails 101 https://goo.gl/BM710y 2. iHower实战圣经 https://goo.gl/yMv3gW 大家可能会觉得说：「为什麽一个立志当前端工程师的人要学Rails？」 某次和朋友聚会的时候，和几个工程师朋友请教「什麽是一个合格的前端」， 就像前面说的，大家的定义真的是从狗到热狗都有， 但其中一个後端工程师朋友说： 「只懂HTML CSS的叫做视觉设计，没办法跟我沟通API、完全不懂request到response之间 发生什麽事情的前端工程师，在我们公司连实习都拿不到。」 因此，在把HTML CSS jQuery念到一个基础，开始做大量实作时， 我同步也开始「贴」Rails 101的code，以及翻ihower实战圣经， 去感受「丢资料到後端、把资料存进资料库、从资料库拿资料出来」的感觉 最终的作品有包含一点透过 jQuery ajax去跟 rails的後端做沟通的功能（CRUD） 也是我面试的时候，部分面试官觉得我「勉强还算是个工程师」的点。 三、求职心态、策略与未来的路 1.心态面： 「被拒绝是应该、被洗脸是正常，清楚知道自己的目标、展现自己最好的一面」 坦白讲我觉得我自己最幸运的部分， 就是身边有认识两三个网页工程师的好朋友， 在我觉得自己什麽都不是的时候，告诉我工程师的人力市场状况， 当我被其中一家老板酸说：「你零经验，让你实习三个月看情况，一个月15k」 在我差点要接受的时候，告诉我我值得更好的机会。 2.策略面： 「有看到机会就投、有面试就去，一切以拿到offer再说」 我的最後一个作品是我朋友接了一个小案子，两人一起合作（rails） 我意识到真的和有点经验的人一起工作有许多好处， 例如一些光怪陆离的写法才会消失 （被念说这样写没人看得懂..现在自己也越来越看不懂 囧） 或是一些既有的工作flow，也帮助我在面试的时候不至於被当「搞不懂状况的人」 （合作开发时我学会使用git、github、trello跟github flow） 加深了我「无论如何，找到一个正职的工作，实际工作中才会养出更强的实力」的想法 3.未来面： 也曾经被身边的朋友揶揄说： 「你猫大经济毕业，为什麽不去银行、券商？写HTML、CSS不是很简单的吗？不是要用 再查就好的东西吗？写那个有未来吗？你又不是资工系的，你有竞争力吗？....」 我心里非常清楚，我心中「前端工程师」的定义是最前面提到： 「熟悉Angular、React其一、懂nodejs、会规划API、用webpack打包...」 那是对自己的期许，但知道自己的现况就是零开始。 也曾经想过是不是要参加bootcamp（alpha camp或是资策会），但因为经济因素而作罢。 最後我的做法是，先让自己成为求职市场上的「前端工程师」（无论内容做什麽） 工作的期间，期许自己可以将HTML、CSS、jQuery熟悉外，更懂得浏览器的运作， 更懂得整个「从request到response之间到底发生什麽事情」了解得更透彻， 学习javascript、能用javascript解leetcode，到能够熟练angular或react 「人们常常高估短期能做到的事情、但低估长期能做到的事情」 如果我逼迫自己半年内要成为「心中认定的前端工程师」，我只会得到满满的挫折， 但，我可以一步一步往「心中认定的前端工程师」前进。 而会发这篇文章，是因为自己达到了自己设定的第一个里程碑 「在求职市场上找到前端工程师的工作」 虽然比预期的时间晚了一点， 原本希望年前可以确定offer并发面试心得文＋转职心得， 但作品集晚了一点做完、面试的公司并不够多、且还没有拿到心仪的Offer， 因此，面试的具体内容、要注意哪些事项， 等工作有着落後，会再分享给大家。 祝大家鸡年行大运 有想要转职的朋友可以顺利成功 有一样是零经验想转职网页工程师的朋友，也可以找我聊聊， 我可以分享一些微薄的经验给你们 :D --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 124.12.211.213 ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Salary/M.1485583037.A.D0B.html

※ 发信站: 批踢踢实业坊(ptt.cc) ※ 转录者: RiverSki (111.241.61.63), 01/28/2017 14:26:50 ※ 编辑: RiverSki (111.241.61.63), 01/28/2017 14:27:58