as title 取之於 PTT，用之於 PTT，所以上来给大家笑一下 总之这篇文是给新手如我看的，各位 300 万大大手下留情 文章有点罗嗦，听首歌比较不会无聊 XD https://open.spotify.com/track/6sO5JPUScY6zudMa1IjtF2 今年一月开始自学前端，一周花大约二十小时 这礼拜开始面试，有拿到 Offer，所以算是有点转职成功了，吧？ 不过我只是只菜鸡，学的很浅 所以这篇文章不敢说说是心得，应该说是纪录 只是让大家知道「噢有人可以这麽做拿到前端 Offer」，这样 一、背景 　　112 广义文组，毕业两年，2019/01 开始自学 　　不怕数学，不过也没修过统计；英文多益金色 二、目前会的东西 　　 　　- HTML 　　 HTML 的各种标签用法，包括 HTML5 　　 　　- CSS 　　 基本语法、比较奇怪的选择器、Cascading & Specificity 　　 伪元素与伪类、Flex、Grid 　　 RWD、BootStrap、预处理器 　　- JavaScript 　　 东西有点杂不一一细讲，反正就三大山：闭包、原形链、非同步了解一下 　　 其它语法就练到 LeetCode Easy 刷的动这样；ES6 懂一点点而已 　　 框架我是选 React，大概就可以刻出 TodoList 的程度而已 　　 然後 Ajax 摸一下，可以的话找个外部 API 串串看 　　- 其它 　　 Git 　　 後端用 NodeJs + Express + MongoDB 写出基本的 CRUD 　　 　　总之整个技能树就是前端三语言 + 一点点框架 + 一点点後端 　　练到能写出一只简单的购物车，包括简单的後端，应该就可以了 三、方法与过程 　　大致上跟着这个 Checklist 走： https://tinyurl.com/yap3smtu 　　 　　方法通常是： 　　- 找一个教学影片看：我常常去这边找： https://tinyurl.com/ybn3j73l 　　- 影片一定不够，所以开始 Google 看文章，例如 MDN 　　- 把以上的内容在 Medium 上整理成自己的笔记 　　- 写个小作品出来 　　所以，从一月到现在的过程大概是： 　　- 前两个月完全不知道在冲沙小 　　- 找到 Checklist 後开始跟着跑，三个月左右跑完 　　- 花了两个月生出三个小作品，顺便把不够的技能补齐 　　- 再花快一个月修履历、投履历、面试 　　我是觉得看别人的过程意义不大啦，毕竟每个人的学习有快有慢 　　总之知道要学什麽，然後持续去学，这样就好了，学久了总是会的 四、工具 　　本来没有打这段的，不过後来想想还是打一下好了 　　总之以下是我用的工具 　　- VS Code 　　　之前是用 Sublime，不过後来觉得要再去找套件有点累 　　　VS Code 内建的东西就可以满足大部分的需求，而且比较直观 　　- Cmder 　　　毕竟我只是前端难民，所以 Terminal 我比较少开 　　　大部分的时候用 VS Code 内建的就好 　　　不过学到後端的话还是建议载一个 　　　Cmder 我觉得比较简单易懂，就用它了 　　- CodePen 　　　有些人是用 JSFiddle，习惯哪个就用哪个吧 　　- 一台桌电 　　　因为经济因素，我没有笔电 　　　强烈建议准备一台笔电，要参加活动、跟人讨论、面试 Demo 都会用到 　　　（虽然这年头大概也只有我这种穷鬼没有笔电就是了 LUL） 五、资源 　　说实在我不知道以下算不算业配 　　总之有业配的疑虑或是其他原因的话，再跟我说，我再删掉 　　 　　- Google 　　　最强的资源无误，什麽鬼东西都找的到 　　　很多人说要下对关键字，但其实就算关键字很破有时候也找的到 　　　何况搜寻又不用钱，所以有问题的话喂狗就对了 　　　不过英语世界资源比较多，所以可以的话记得用英文 　　- Soft_job 　　　版上好文也不少，而且可以找找大神们的 Blog 　　　通常都有宝可以挖 　　- 六角学院 　　　我觉得他们整理的资料对新手如我都不错，当作入门很好用 　　　例如这个： https://tinyurl.com/y27c5s8r 　　　课程或是其他活动的话，我没参加，所以就不评论了这样 　　- 各种语言与工具的官方文件与教学 　　　这年头官方文件与教学都写的蛮好懂的了 　　　所以看的懂的话，何必舍近求远？像 Vue 我觉得就写的不错 　　- MDN 　　　各种语法或是名词解释都找的到 　　　不过文章有点硬，而且大部分都是英文，有时候不太好懂 　　- w3schools 　　　幼幼班版的 MDN（？ 　　　好吧我知道它的内容很有争议，但我觉得它在教学方面真的不错 　　　讲的浅显易懂，可能是我接触过最清楚的教学 　　　不过内容非常浅，又不完全是对的，所以不要尽信 　　- FreeCodeCamp 　　　英文版我不确定，不过中文版就 ... ... 　　　生命要浪费在美好的事物上 　　- PJCHENder 那些没告诉你的小细节 　　　https://pjchender.blogspot.com/ 　　　一个台湾的 Blog，很多概念讲的很好懂，我有问题都先去看这边 　　- The Net Ninja 　　　https://tinyurl.com/ybn3j73l 　　　一个 Youtuber，虽然讲的不深，但蛮好懂的 　　　我习惯学新东西前，先来看个影片，试试水温 　　- Huli 　　　https://medium.com/@hulitw 　　　一个台湾的工程师，把一些技术的前因後果讲得很好懂 　　　懂了这些前因後果後，学技术会更顺手；同时有些分享文也很不错 　　- JavaScript.tw 　　　https://tinyurl.com/yxupd29a 　　　脸书社团，有人会分享文章，有问题应该也可以在那边问，吧？ 　　　我看过有人问，我没问过就是了 　　- Front-End Developers Taiwan 　　　https://tinyurl.com/y58ye5h7 　　　同上，两个社团的文好像常常重复？ 　　- Dcard 软工版 　　　虽然人少很多，但毕竟大部分是大学生 　　　所以程度相对不高，新手也多，问问题也比较没有压力 　　　甚至可以试着解答别人的问题，教学相长 　　当然资源还有非常非常多，这些只是我用过的而已 六、代结论 　　面试心得怕篇幅太长，所以有机会的话再换一篇发 　　也因为如此，再加上这篇只是个纪录而已，所以我尽量不要打太多废话 　　同时尽量避免个人的主观评论，毕竟我只是只菜鸡，评论不一定准 　　 　　把这几个月的经过，用过的资源等等整理出来，这样就好 　　不过如果真的要问我的心得的话，我会这样说： 　　- 以上都当屁话没关系，反正没有人的学习方法是完全相同的 　　- 反正就我目前接触到的东西来说，愿意学，持续学，迟早都学的会 　　- 不过找工作是很吃运气的，不是说学了这些就一定找的到工作 　　大概是这样，吧 总之谢谢这个版，很多有用的东西 最後谢谢蔡考选部长，让我有机会学写 Code，LUL -- ◢◢ξ █ 切断头壳颠倒巧 █ █ ╱█▂█▍你可以挥两把剑 █ \ ◢ ◣ █ ＭＡＲＶＥＬ █ ╱ █ █▆▋ 真不简单! █◆ ▋◥ ◤ ◆█　　 █∕ █▅██▉ / █ ◆◣◥ ◤◤ ◢◆ █ Deadp‥l █◢████◥█ █ ◥ ◣ ▼◢ ◤ █ ◢█████◣ █ Ｙ﹊▄▇▇ ▄◤﹊Ｙ █ ψleo1990910 --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 180.176.48.61 (台湾) ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Soft_Job/M.1565893151.A.DD1.html 呃，也是因为手上还有面试在跑，想说等跑完再一起发这样 跟楼下那篇差不多，试用期可能少一点 感谢大大提醒 https://i.imgur.com/ULhbFtx.jpg 我是觉得 Dcard 是个让我这种菜鸡 ... 建立信心的地方 其他社群大家都高来高去，如果有比较低能的问题就不太敢在那边问 但 Dacrd 比较不会有这种情况 而且因为是低卡（？，所以可以试着在那边解答别人的问题 一方面教学相长，二方面建立信心，我觉得信心的重要性不亚於技术实力 当然在 Dacrd　问到的答案多少要注意一下啦 我投胎学没修好，没钱去洗 LLM，帮QQ ※ 编辑: Saaski (180.176.48.61 台湾), 08/19/2019 03:52:31