刚开始写程序的初学者，本人强烈建议你一定要先学个基本的HTML、CSS、JS
为什麽?
因为比起写个CMD小黑窗印个Hello world，写网页的成就感还是大一些，起码你终於知道了你每天在逛的网站到底是怎麽产生出画面的，对於未来要转後端，我认为懂一点基本的前端也是必备的(总不可能MVC的V你都不碰到吧)

HTML

关於HTML，你除了基本的常见标签要懂外，现在的环境跟我当时已经不一样了，你还要多学几个带有语意的标签，也就是HTML5的新增的标签，因为这对於网站的SSO来说是必备的(当然你如果是做内网可以不用鸟，但多学没有坏处)
网路上免费的教学资源很多，这边推荐以下这个
https://www.runoob.com/html/html5-intro.html
当然如果你的英文够好，或是你想顺便练练英文，我是非常推荐你去MDN直接看原文的
https://developer.mozilla.org/en-US/docs/Web/HTML

CSS

其实我是很想跳过不说，因为我永远记得CSS跑版带给我的痛XD
但我还是想说，会点CSS真的对你的工作很有帮助，虽然不用真的完全背下来CSS的权重关系，但起码你要知道CSS是有权重的，当你遇到问题时，不妨Google时顺便搜寻一下CSS 权重
另外值得一提的是学会怎麽用浏览器的开发者模式(F12)来troubleshooting网页的问题是很重要的技能，关於这类教学文网路上也是满山满谷的，不知道怎麽开始的可以先Google chrome devtools 教学

Javascript

许多人就是在学到JS後决定放弃写程序的，甚至还有一张梗图

在你开始选择前端框架的阵营前，你可能就先被JS抬走了，
如果你先不管框架，先从香草JS(纯的JS)开始，你会发现JS是个很难学的语言，你光写个if就会遇到不同型别比较的坑了，参考以下MDN网站的解释
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Equality_comparisons_and_sameness
然後当你跨了这个坑，还会有一堆的坑等着你(例如var或let阿，浮点数运算阿等等的)
这边顺便附一个github连结，是国外的网友蒐集JS有多坑的repo(感谢损友yuyu提供)
https://github.com/denysdovhan/wtfjs/blob/master/README-zh-cn.md

JQuery

接着你为了套网页效果，会去搜寻到别人的范例都是用JQuery写的，所以你也躲不掉不学JQ，但我其实觉得它相对简单，你先学懂了Jquery的常用几种选择器，你基本上就能抓到你要的元素了，但他当然没这麽简单，网页还有跟後端非同步要资料的AJAX的技术要学，在JQUERY上面也有AJAX的方法可以用，但要先搞懂AJAX前你可能就会先放弃了，所以我建议在学到AJAX时，请先问问你身边的老鸟，请他用白话一点的方式跟你说明非同步到底是在干嘛，这时你可能也会开始意识到网页是有生命周期的，以及网页是stateless的，希望学到这里的你可以不要放弃继续学下去，因为......

软件的技术学习是没完没了的

Bootstrap

最後，在你学完这些後，前端还是有些好用的版型框架可以用，Bootstrap就是其中一套常见、简单的版型框架，
其中他的网格系统可以让你的网页成为RWD的响应式网页，你只要记得一个row有12个col，要分成6+6、3+3+3+3、4+8、4+4+4....等等随便你，总之加起来要等於12
PS:看不懂没关系，等你用到你就知道了。但我强烈建议要当接案工程师，或是要写个Side Project，希望网页有个基本的样子不要太丑，Bootstrap会是你的好朋友!XD

前端JS框架(选修技能)

说真的，这边的技能点不点完全是看你想走前端工程师还是後端工程师，这边的框架很多，但最常讨论的不外乎3个
Angular
React.js
Vue.js
至於三个有没有高下，我不在乎，因为我只是个後端工程师XD
三个都能加上别的技术变成APP，所以这边我不好说什麽
关於想当前端工程师还是後端工程师，这边也完全是看个人的兴趣，没有说谁的薪水一定比较高，前端年薪破百的多的是，完全不输给後端，所以如果你很喜欢前端，就继续专研下去吧!