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