下面偶用一张图来展示一下前端的知识体系:
图片源自于网络，侵删。
这里面每一个logo都是前端在某些场景下可能用到，或者必须用到的知识体系，可以用驳杂来形容，而且前端的生态及体系还在不断的扩张之中。
当然你可以跟着潮流去学习，比如现在主流的三大框架 VUE，REACT，ANGULA，偶同样见过很多半路出家的前端，入门开始便开始使用VUE进行业务开发，但是这样的前端工程师在成长的路上会受到非常多的阻碍和限制，在职业发展之中瓶颈期往往在一年左右就会到达，会存在无数个为什么，怎么解决，怎么办，同时在这个过程之中不断完善自己的技术栈，在痛苦和阻力中学习，稍有不慎便坠入万丈深渊，不是把自己的心态学习到爆炸就是抱着上坟一样的心情去面对每天无法解决的问题上班，所以针对于这个问题，前端的体系偶感觉非常的重要，也可以说是前端的重中之重。如何做一个底层扎实的前端，不畏惧任何技术迭代，可以笑对日渐繁荣的前端行业，“地基”显得尤为重要。
基础篇 : HTML,CSS
1. 视频学习
这种基础课程可以说非常的多，在网上跟着视频学习，短时间之内就可以实现一些非常cool的效果，但是请注意，如何才能有效的学习那? 如何在数量庞大的视频中选择大家最需要的内容那? 这可能是大家需要关注的 :
视频网站 ： 推荐慕课网
可以找到一些非常不错的免费视频，通过一个体系的学习对内容有一个初步的了解，但是这类课程有一个问题，就是很多都是华而不实的，为了保证吸引力而存在的视频，不否认有真东西，但是学习效果和知识体系还需要根据MDN，或者W3SCHOOL这列的文档说明类网站去补充，完善。
在这里补充一个小窍门，在神奇的某宝购买一些培训机构的随堂视频，这种视频是机构上课时候发给学生的，被很多商家收集起来，价格极其便宜，比较适合学生党购入，这些视频之中的干货可以说还是有一些的，目前行业之中比较推荐的是千锋H5的视频，干货比较多,体系非常完整。
2. 读书
枯燥乏味的书咱们在此就不推荐了，这里就推荐一本非常有意思的让人眼前一亮且有收获的书，张鑫旭的<>，好看且干货满满。
进阶篇 : javascript
也就是传说中的JS，这个不多说，推荐一本书<>第三版，这个毫无争议前端必学的东西，学了他之后提升飞速。
学习了这些可以说已经打开了你前端世界的大门，接下来的学习选择性很大，涉及的内容大体是webpack，gulp，工程化等一系列的内容，推荐找一个靠谱的在职人员给予适当的建议和推荐。
不能完成。
虽然从你的技术选择看得出你选择的是传统而简单的开发方式，能做出来就行，但是服务端你提供的技术还不够。
服务端你是用nodejs+mysql，但是nodejs本身开发http服务端不具备效率，这还需要借助express框架来快速开发，效率较之前提高三倍。
而你前端页面采用传统html css/3 jq确实可以满足（现在国内半数采用SPA方式）。
希望采纳！
web前端，做的工作与网站系统的页面相关工作，主要是制作网页，并且在原有的静态页面上增加各种特效，以及网上的维护等。
Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。使用到的主要技术包括：HTML、CSS、JavaScript，如果能会后台编程语言，当然会更好。
Web前端开发所需要的技术基础：
1、对常用的一些JS框架了解，如jQuery、YUI等。
2、掌握最基本的JavaScript计算方法编写。
3、对目前互联网流行的网页制作方法（Web2.0）HTML+CSS，以及各大浏览器兼容性有很大的了解。
4、对前沿技术（HTML5+CSS3）的基本掌握。
5、还要对IT其他编程语言有所了解如：PHP，Java，.net！有一些公司还要求懂一点SEO优化
