仔細思考了一下如何回答好這個話題，其實前端是一個涵蓋面非常之廣泛的一個職位，所需知識體系非常龐雜，與傳統語言“想要精一行，必先通一門” 有很大差別， 前端是”想要精一行，必先通十行”。

下面我用一張圖來展示一下前端的知識體系:

圖片源自于網絡，侵刪。

這里面每一個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優化