① 前端開發工程師工作總結
前端開發工程師工作總結
總結就是把一個時段的學習、工作或其完成情況進行一次全面系統的總結，它可以明確下一步的工作方向，少走彎路，少犯錯誤，提高工作效益，不妨坐下來好好寫寫總結吧。我們該怎麼寫總結呢？以下是我幫大家整理的前端開發工程師工作總結，供大家參考借鑒，希望可以幫助到有需要的朋友。
前端開發工程師工作總結1
作為公司的網站前端開發和美工，20xx年本人主要負責的是經文保總隊的各個系統的界面設計及動態頁面製作，包括以下內容：
一、吉林省單位內部安全保衛平台內網及外網設計及製作，同時包括平台下邊九個子系統首頁製作（包括經文保綜合管理系統、散裝汽油銷售管理系統、安保人員考試系統、高校少數名民族學生管理系統、考試服務系統、金融服務系統等）；
二、公安內網網站吉林公安經文保信息網整站設計及動態效果製作和後期維護；
三、吉林省單位內部安防信息網協同其他行政部門聯合辦公系統整站設計及動態網頁製作；
四、系統內警蹤平台整體界面製作；
五、經文保警用手機、平板app客戶端界面設計及切圖；
六、移動端網站建設；
七、經文保管轄單位重點部位和檢查項3D全景建模技術學習及製作，720雲場景應用線上展示重點單位主要監控部位動態效果。
經文保之外的臨時項目與任務，包括以下內容：
一、省移動公司處系統項目界面設計及製作，家庭寬頻項目管理系統界面製作及相關臨時項目需要製作；
二、省公安廳匯報項目美化設計；
三、甘南農業項目app客戶端製作及後台信息管理系統界面製作；
四、吉林省網優大數據平台demo製作；
五、公司電力部和工程部各類材料、檢驗報告合同修改以及發票製作；
六、社保材料製作；
七、臨時投標演示項目demo效果製作。
以上列出了本人20xx年的工作內容，首先感謝公司提供這樣優秀平台和機會，讓我在工作中和公司一起度過忙碌而充實的一年，工作中努力協同後台開發人員一起完成界面系統的精美展現，同時選擇當下主流框架界面，仔細研究客戶的需求和業務流程，不斷優化用戶操作界面，提供給用戶良好的用戶體驗和用戶舒適度。
除了系統開發這一塊，在經文保項目還中應用了新領域的720度3D全景動態展示技術，720全景動畫展現也是近幾年比較火爆市場需求，結合網路地圖，實景展現任何地方的辦公及生活場景。
這一年做項目過程中在本崗位上提升了自己，同時也學習了新領域的知識，不斷充實自己趕在技術的前沿，隨時接受新的任務和挑戰。
希望公司在新的一年裡拓展新領域業務，課余多開展一些培訓活動，提高員工學習新技術的積極性，同時培養團隊能更好的配合完成任務。
在工作之外，希望公司多組織一些體育活動和知識竟賽活動，這樣在日常工作中既可以活動身心和頭腦，有能找到更多的工作樂趣，勞逸結合，才能更好的鑽研項目，在技術領域有更多的突破，和公司共同創新與成長，同時希望公司項目順利開展，我會盡全力發揮自己的能力，實現個人的目標和公司的目標，在飛快發展的大環境下和公司共同進步，最後希望公司未來發展越來越好!
前端開發工程師工作總結2
過去的一年，在馬總的親切關懷，伍經理的殷勤管理與認真指導，軟體研發部的團結協作，以及在公司這充滿奮斗的環境下，我以嚴肅認真的工作態度和百折不饒的精神，努力的完成了公司的各項工作，在軟體研發、團隊協作和個人成長上也取得了一定的成績。在公司一年的工作已經結束，特向公司總結匯報。
一、軟體研發
根據公司的安排，項目的需要。在自身的努力、伍經理的幫組，團隊的合作下，克服重重技術困難，增長了工作經驗，收獲豐盈。
1、asp、net開發 以前我在其他公司也做過一些開發，但是底層和架構與頁面樣式我都是沒有涉及到的。通過這一年在本公司的的這些項目程序中的鍛煉，我成長了，我學會了很多很多。
首先，面向對象語言的收獲。對於當前編程的主流思想是對象，任何事物都可以用對象來表示。以前理解這些話很費解都是從表面上理解，沒有從深入的體會，通過這次asp、net項目的深入，不管是數據還是外部一些條件我們都可以抽象成對象，都可以用對象來表示，具體可以用語言中的類方法等。asp、net如此，c#如此java也同樣如此。其次，具備獨立完成vb、net知識方面的能力。以前沒有做過vb的東西，加上這次深入的做，這次涉及到的領域也非常廣，常用的重要的都有涉及，並且還補充xml,javascript實際操作中空白的部分。通過這一年的開發，在、net方面我能勝任這方面的工作，能獨立完成這方面的工作。
再次，c#方面存在一些不足。通過c#這次軟體的開發，也發現自己的不足，如基礎知識掌握不牢，缺乏編程整體思想。這些都是需要在工作中完善和改進的。
2、資料庫開發 資料庫是伴隨著項目以來用的最多最平凡的技術。以前對資料庫只是會一些簡單常用的操作，經過這一年項目的實戰，對資料庫的操作增加了一些豐富的經驗。為以後的工作和經驗的積累都奠定了堅實的基礎。同時在項目中還用到了oracel與access資料庫,這是我最大的收獲。
優點：能熟練的運用資料庫技術進行開發。特別是對sql資料庫的操作，經過這么長時間的積累，基本上能合理的.設計和新建資料庫，同時在數據結構上也加強了對資料庫的理解。通過項目的實踐現在能熟練使用和編寫多種sql語句。還掌握了一些關於資料庫優化sql語句優化的方法，能進行一些簡單的優化。
缺點：數據是一門比較先進的技術，並不是你會寫一些sql語句，能建幾個資料庫你就是資料庫工程師。要成為一個好的資料庫管理員是要經過長時間的工作積累。針對自己的不足，在以後的工作和學習中多接觸，多運用新的知識點。充實自己的經驗和知識儲備。
二、團隊協作
上面的成功與收獲，除了自身努力外，以及公司的支持。是這個團隊鑄造了我。我們這個團隊也是因為有了我們這些拼搏協作的隊員，使得它成為一個具有務實、拼搏、創新精神的團隊。我與軟體研發小組是一個整體，總結也就是我在這個團隊中的收獲。我的團隊名言「人強團則強，人弱團則削」。三、個人成長通過公司這快一年的鍛煉與學習我真的進步了很多，不管從技術上還是做事上，都不像以前那樣了。我在公司學到的懂得的使我飛速成長。技術上不管從語言上還是做事的邏輯上都得到了很大的提高。現在在軟體小組裡面自己能獨立完成一部分工作，承擔自己的責任。
總之，簡單概括就是20xx是我工作收獲頗豐的一年，希望在公司的領導下創造更輝煌的成績。
前端開發工程師工作總結3
時間飛逝，轉眼一年又即將過去，來公司兩年了，首先非常感謝公司領導平時的耐心指點以及各位同事的關心幫助，讓我在工作中得到不斷成長和磨練，同時也領悟了很多為人處事的道理。學會真誠待人，努力嚴格要求自己，實實在在地努力工作，少言多行，盡職盡責做好自己的本職工作。通過多看書多學習來不斷提高自身的修養素質和工作能力，做到平靜於心，自律於行。下面我對XX年這一年來的工作、收獲以及XX年努力的方向及自我要求進行總結如下:
總結XX年度個人與部門的收獲與不足：這一年來，本人愛崗敬業，從不遲到早退，本著實事求是的做事原則，認真遵守公司內部的規章制度以及員工手冊，虛心向自己的上級領導和同事求教，認真學習和鞏固自己的專業知識和技能，做好自己本職工作。通過不斷的學習和培訓，熟知公司的核心系統以及前端櫃面的知識，日常做好5S工作，通過不斷學習來掌握公司產品的檢測方法，學會錫膏、錫線、助焊劑的非常規檢驗方法，協助編制或修改產品相關的技術工藝文件，協助領導解決客戶在產品應用中出現的問題。現在的實驗技能操作方面也比較專業化、規范化了，對自己檢測的結果數據一直持負責任的態度，不弄虛作假。工作中，遇到問題，及時向自己的上級領導反饋情況，做到有效地解決分析問題。平時積極主動認真地查閱資料，協助領導購買評估需要完善的儀器設備，不斷完善公司產品、包材的質量允收標准。不斷完善及規范公司產品的生產工藝及檢驗標准等體系文件，協助翻譯產品的英文資料。認真配合並協助部門其他同事的工作需要，團結一致，齊心協力，積極有效地完成公司上級領導交待的各項工作任務。
這一年裡，個人與部門在工作上都收獲了不少，但也存在這樣、那樣的不足之處。所以自我評價是88分，不夠優秀，現將問題總結如下：
個人不足：還存在很多不足之處，第一是不夠謙卑，好勝心強，比如與人溝通時，有時會比較急躁，急於表述自己的觀點，有點自我為中心，導致沒有站在對方的立場去思考問題。第二是不夠沉穩、淡定，容易自己生悶氣，不夠寬容他人無心的過錯，沒能做到虛心地接受他人善意的批評、教誨。第三是未能夠保持一顆平靜的心，得失心太重，遇到不順心的事會心浮氣躁，偶爾還會抱怨，沒能做到失意時坦然，得意時泰然。第四還不夠好學，沒能堅持每天都學習，只有心情好有空時才端起書本學習他人的為人處事方法。第五不夠有仁慈心，還是有分別心，經常遇到那些行乞或者需要幫助的路人都要考慮下才會施捨，甚至看到那些四肢健全的年輕人行乞者不但不給予幫助還會用鄙夷的眼光看待他們。工作上對公司的一些體系程序文件不夠熟悉，有時看待問題不夠透徹，容易把問題理想化;專業素養還有待提高，個別的工作做得還不夠完善、協調。
部門的不足：人員還不夠用，很多時候會忙不過來，平時對我們的培訓不夠，比如崗位的技能、操作方法、作業指導書、體系管理方面的培訓不夠到位;部門的管理制度及實驗室的環境管理方面還有欠缺;公司的一些質量體系文件還不夠完善;還有與其他部門之間的溝通交流不夠;公司產品的檢測項目以及實驗設備(比如粘度計、印刷台)還不夠完
前端開發工程師工作總結4
在學校我是學習外部前段工作的所以對這方面有所涉足，到了社會，我選擇了外部前段，選擇了這份工作，一個是喜歡一個是自己有不錯的底子，經過努力我得到了公司的青睞，進入了公司，開始了自己的前段工作生涯。有人所做技術的非常枯燥，非常無聊，單是我就喜歡這樣的`工作，從自己性格而言選擇這樣的工作對我來說正合適，也
適合我，是我需要的工作，同樣我也需要這樣的工作來鍛煉自己，有這個機會有了這樣的平台反而讓我得到了更大的發展，剛進入公司的時候，我的技術和速度可以說是最慢的，但是部門需要對我的工作從來都不會嚴格催促，看到其他同事都已經做完任務，都已經做好任務，而自己還在哪裡慢慢的做就會感到有些愧疚，於是我就開始發狠，別人休息的時候我在做網頁，學習各種前段代碼，學習更多的前段知識，想辦法提升自己，一個是因為我真的不甘心落後，我在學校畢竟也是成績優異，但是卻沒想到自己與真正工作過的同事有這樣打的差距，這讓我感到非常的難過。
一顆不屈的心，讓我要堅持努力下去，我們前段，拼的的是積累，拼的是經驗，學的多，做的多才能夠得到更多，這才是我們所希望的，也是我們需要努力的，就這樣我一點點努力，一點點堅持，始終不忘自己原本的初心，始終銘記自己心中所想，終於讓我有了更多的收獲，有了更多的成績，這是我自己努力的結果，同樣也是我們公司，部門的培養，我經過了一年工作，改變了很多，青澀褪去，變得更加成熟穩重，這些都是同事給我的評價。同時自己的能力見長，我已經不再如同過去一班，沒有了以前的那種迷茫沒有了以前那種焦慮，已經融入了工作中，一點點的進步，一次次蛻變。
路還很長，做我們技術的，就要考我們踏實工作，對於工作的細節和操作都非常細心和認真都知道如果不努力做好就會留下遺憾，就會完不成任務，我曾因為一次小錯誤，令我耽擱了很長時間尋找錯誤代碼，最後雖然找到了，但是卻也浪費了很長時間這讓我清楚了自己的責任，我必須要認真對待，每一個細節，面對密密麻麻的代碼時，規范整潔有序才能夠做好工作，這才能夠減少失誤的發生，這才能讓我收獲更多。
每一天我都沉寂在工作中，當看到一個個嶄新且是自己設計和製作的網頁時我就會感到高興，感到自豪，因為這是我的努力也是我的堅持，至少我沒有失望，付出的工作得到了結果，以後我還需努力不管過程有多難，都不能做到我這個技術宅的決心。
前端開發工程師工作總結5
xx年初計劃的事情，大部分都在進行或者在掃尾中。相對滿意的是：鏡像、應用監控、後台任務管理，過程和果都不錯，碰到很多困難，好歹都過去了，基本問題已經解決，後續持續優化即可。不是很滿意的：自動化、cache集群的管理、動態頁面維護系統，雖然有不少進展，但是離我的期望還是差不少，完全可以做的更好的，得加油了。意外是單元測試和持續集成在同事的給力推動下有明顯進展，很困難的事情，開了個好頭。應用的無狀態上，做了不少事情，為流動計算打下了很好的基礎，超出預期了。
計劃完成的情況及收獲
xx年個人最大的收獲，其實就兩點：其一是在做、不做或者怎麼做一件事情上，能更好的權衡了，所謂的最終價值評估，這是最大的收獲了;其二呢，應該是對工作的認識，人對了，事情才能對，工作中心應該放在人的角度上，不過這一點雖然認識到了，但是做的還不夠。有這兩點收獲，也聊以自了。團隊工作倒是有不少起色，大家積極性都挺高，也做出不少成績，整體還是挺好的。網站不少架構師無論是在技術上、規劃上、視野上、推進力上，都有明顯的提高，深感欣慰，好歹也算我支持的吧。同時也有一批潛力股冒出來，人員的層次建設比以前好，不過老闆是否滿意，還不一定。
對未來一年的展望
xx年，期望個人和團隊都能有所突破。幾個高p，希望能在視野和思維方式上放的更開一點;幾個潛力高p，希望能認識到自己的不足，發揮自己的優勢，能有明顯進步，突破自己，向高p挺進;一些潛力小柱子，好好學習，天天向上吧，海闊天空，加油!
列出未來一年的具體計劃
具體的事情么，大致有幾點：前端優化這一點，我們投入太少，很亂，用戶體驗也不好。是時候改變了，得有強力的推進才行，ued不在我們這邊，是一個困難點，雖然一直在老闆面前吹風，看能否搞過來，但是還是不給力，沒有強有力的論據能支撐這一變動。核心業務服務化我們剛起步，還有很多路要走，11年期望能把最核心的幾個搞定，同時運作機制能搞起來，包括團隊、流程、部署和維護等等，事情不少。自動化未完的事業，還需要持續，人肉工作是最沒價值的，容易出錯，響應也慢，而且投入的也不值，要堅決的推進。
;② 前端開發的難點到底在什麼地方
一般意義上的前端項目：
-從0到1，治理曬哦為健全點的都能搗鼓出來；
-從1到60，後後端或者設計崗位勉強能兼任；
-從60到80，需要比較專業的前端；
-從80到100，這么好的前端可遇不可求。
從0到1就是從無到有的過程，很多人用WordPress，建站之星就差不多就能搞個demo了，可以拿去騙投資人的錢。
從1到60，就是勉強可用，基本上讓後端工程師或者UI設計師找一套bootstrap的模板東拼西湊的也能勉強應付到第一版本上線。
從60到80，就是真正要做一款能完備、性能優良、架構合理的中小規模產品，沒有專業的設計、前端、後端、產品、運營是走不到這步的，差不多到A輪了。
從80到100，那就是追求各方面的極致，與競爭對手一較高下，各個方面沒有頂尖的人才都會影響整體的戰鬥力，木桶效應。
解釋一下：
1. 核心競爭力的主體是工程經驗。
其實這個結論可以推廣到其他研發崗位，就是每個研發崗位的知識體系都是由基礎學科知識＋領域工程經驗構成，彼此不可替代的就是工程經驗部分。一個後端工程師一時間不能替代同等級前端工程師到不是基礎或者智商的問題，主要是工程經驗不足，你讓一個前端一個後端分別實現對方領域中一個有明確輸入輸出的功能函數，二者通過簡單學習新語言新語法，加上開發手冊查詢，一般都能比較正常的實現業務邏輯，但你讓他們hold住對方領域的完整項目就很困難了，技術選型，系統設計，模塊拆分，平台特性，宿主環境，性能優化，構建部署，系統測試等等都是領域工程經驗問題。
2. 工程經驗的等級是能cover項目從0發展到80+。
這個很好解釋，因為從0-60的非專業前端也能做到，60+的才是專業前端。
所以不用擔心核心競爭力問題，60+的前端現在都很搶手啊。工程經驗只有60-的話確實壓力比較大。
③ 自學前端，前端開發的學習路線是什麼
自學前端其實很辛苦，需要有強大的自製力和堅持下去的學習心，並且做好詳細的學習規劃嚴格執行；如果你想學前端，下面的學習路線或許對你有幫助。
前端完整學習路線
第一階段:
HTML CSS:HTML進階、CSS進階、div css布局、HTML css整站開發。
JavaScript基礎:Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。
JS基本特效:常見特效、例如:tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。
JS高級特徵:正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎。
JQuery:基礎使用懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。
第二階段:HTML5和移動Web開發
HTML5:HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas。
CSS3:CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。
Bootstrap:響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。
移動Web開發:跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。
第三階段:HTTP服務和AJAX編程
WEB伺服器基礎:伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。
PHP基礎:PHP基礎語法、使用PHP處理簡單的GET或者POST請求。
AJAX上篇:Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。
AJAX下篇:JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。
第四階段:面向對象進階
面向對象終極篇:從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。
面向對象三大特徵:繼承性、多態性、封裝性、介面。
設計模式:面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。
第五階段:封裝一個屬於自己的框架
框架封裝基礎:事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。
框架封裝中級:運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。
框架封裝高級和補充:JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。
第六階段:模塊化組件開發
面向組件編程:面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。
面向模塊編程:AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS。
第七階段:主流的流行框架
Web開發工作流:GIT/SVN、Yeoman腳手架、NPMer依賴管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。
常用庫:React.js、Vue.js、Zepto.js。
第八階段:HTML5原生移動應用開發
Cordova:WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目，配置，編譯，調試，部署發布)。
Ionic:Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)。
React Native:React Native簡介、React Native環境配置、創建項目，配置，編譯，調試，部署發布、原生模塊和UI組件、原生常用API。
HTML5 :HTML5 中國產業聯盟、HTML5 Plus Runtime環境、HBuilder開發工具、MUI框架、H5 開發和部署。
第九階段: Node.js全棧開發:
快速入門:Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。
核心模塊和對象:全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操做。
祝你學有所成！
④ Web 前端怎樣入門
方法：
第一：理清Web前端的知識結構。要想高效學習Web前端知識，首先應該搞清楚Web前端都包括哪些技術結構。Web前端開發雖然技術難度並不高，但是技術細節卻比較多，內容也比較雜。Web前端的基礎包括三大部分，包括Html、CSS和JavaScript，其中JavaScript是學習的重點，也是難點。另外，vue等框架也是需要熟練掌握的。
第二：緊跟技術發展趨勢。目前Web前端的技術發展趨勢有三個，其一是前端開發數據化;其二是前端開發高效化;其三是前端開發全棧化。前端開發數據化主要是大數據發展的影響，在大數據的推動下，Web前端逐漸涉及到了大量的數據展示任務。前端開發高效化主要體現在Web前端正在進行獨立部署，前端與後端的溝通主要通過資源介面的方式來進行。前端開發全棧化也是一個比較明顯的趨勢，比如Nodejs的應用。
第三：注重動手實踐能力的培養。學習前端開發一定要注重動手實踐能力的培養，因為前端開發的細節比較多，所以只有多操作才能逐漸熟悉。
前端開發目前被稱為「大前端」，整個前端開發也被賦予了更多的含義，包括Web前端開發、移動端開發、大數據呈現端開發以及部分後端開發任務等等。所以，想要在前端行業中走的更遠，一定要注重知識結構的豐富性。
與其他編程語言相比，前端是公認的入行門檻較低的一門語言，但依然有很多人在學習之前會問零基礎學習web前端難不難，要多久才能學會。學習的難易和時間當然是取決於學習的方式。
前端入門簡單，但是深入學習之後，還是有一定學習難度的。如果你是零基礎自學web前端的話，那麼所花費的時間與精力是不可估計的。 如果系統學習5個月的時間可以幫助你快速成長為合格的web前端工程師。
至於視頻教程，我這里有很多前端的全套教程，如果你需要的話，可以加一下我的學習交流裙裙，找我要就行了！
⑤ 前端開發工程師必讀書籍有哪些值得推薦
1丶JavaScript入門
《JavaScript權威指南（第六版）》 ★★★★★
淘寶前端團隊翻譯的，看譯者列表都是一堆大神。這本書又叫犀牛書，號稱javascript開發者的聖經，網上對此書評價很多，大概意思都是說這本書是一本JavaScript文檔手冊，沒有完整看過一遍此書的都不能算是一名合格的前端工程師。 我也是從這本書開始接觸前端開發的，當時還是華章出版社的校園大使，免費申請到了這本書，可惜的是兩年來我一直把它作為一本cookbook來查閱，一直沒有好好通讀一遍。個人感覺這本書還是寫得枯燥了些，不過內容絕對是五顆星，無可挑剔！
2丶《JavaScript高級程序設計》 ★★★★★
又稱紅寶書，雅虎首席前端架構師，YUI的作者Zakas出品。雖然書名帶了「高級」二字，但是講得也很基礎，而且行文風格很流暢，每一小節就像是一篇博客，讀起來並不枯燥，個人感覺比上面那本犀牛書可讀性更強。說到這里，也推薦大家多多關注作者的博客：NCZOnline - The official website of Nicholas C. Zakas ，上面也有許多高質量的博文。感覺這本書就像是作者平時的博文按照前端知識體系組織成了一本技術書。
作為初學者如果覺得上面兩本書作為入門書來說太厚了，也可以看看這本，不厚，評價也很高，但是由於本人沒看過，就不作過多評價了。
3丶《JavaScript編程精解》 ★★★★
用上下班時間看完的第三本書。看起來比較吃力，第五章函數式編程和第六章的面向對象編程很多都沒看懂。全書游戲式的編程教程還是很有意思的。譯者tom大叔名頭很大，翻譯的質量也只是中規中矩吧。不過，還是get到很多技巧！這本書的推薦語說這本書用來入門很好，但是個人認為初學者並不合適看這本書入門，作者在代碼示例中不自覺得使用了一些高級用法，初學者看容易暈菜。聽說最近出了第二版，加入了NodeJS的內容，這本書是開源的：Eloquent JavaScript
4丶《JQuery權威指南》 ★★★
錯誤很多啊，不過其中的語法+示例的形式，確實很適合初學者。但是錯誤實在太多了，而且有些語句還不通順，看著很累啊，只能說寫得好代碼的人，書不一定寫得好。
⑥ 前端必看的書籍
了解更多的前段知識請看下面我精心為您整理的前端必看的書籍，希望您喜歡!
十本學習前端必看書籍
第一本，入門
《Head first HTML&CSS》
最好的入門書。看兩遍就對HTML & CSS 有個大概印象了。
此時把w3cschool作為備查手冊收藏起來
第二本《CSS權威指南(第三版)》
最權威的CSS書籍，除了閱讀W3C的文檔外的不二選擇(就是翻譯有點操蛋，遇到感到難理解的地方可能還是要求助於網路資源)。有時間(無論是現在還是將來)可以反復看，並當做字典隨時查。
第三本《精通CSS》
廣受前輩推薦的一本書。上一本書是字典的話，這本書相當於《中學生作文大全》，匯集了一些CSS的最佳實踐。
第四本《圖解CSS3：核心技術與案例實踐》
這本書比較新，講解的是最新的CSS3(前三本書停留在CSS2.1時代)，CSS3也是必學的，不是什麼可學可不學的最新技術。
HTML CSS值得看的書就這些(之後會有一本《CSS秘密花園》，尚在翻譯中，也很值得期待)，剩下的就是自己寫還有看技術博客了。接下來是JavaScript，HTML和CSS都是沒有邏輯的標記型語言，JS才是真正的編程語言，評價前端工程師的水平就看這個了。
第五本《JavaScript DOM編程藝術》
最好的JS入門書籍，一目瞭然地告訴你如何用JS操作DOM(這是瀏覽器端編程的基本功)，還灌輸了最符合標準的編程理念。可惜有點老，最新一版是2010年的，以至於部分內容有點過期，例如本書內經常提到“某某方法瀏覽器不一定支持，需要小心使用”，而這些歷史遺留問題當今已經不存在了，閱讀過程中無視就好。
第六本《JavaScript高級程序設計》
每個前端必看的書，此書是前端工程師科技樹的關鍵一環。看完此書後再看看之後各類進階書籍會比較好。
俗稱紅寶書，也算入門書籍，雖然是大部頭(七百多頁)，但至少通讀一遍。
全部掌握了，你可以在網路社區里談笑風生了，經過實踐的鍛煉後，面試個前端工程師的崗位應該都沒問題了。
第七本《JavaScript語言精粹》
也是前端必看。薄薄一百來頁，對JS的去粗取精。
第八本《你不知道的JavaScript》
這是一套叢書， 目前為止僅翻譯了第一卷。每本都挺薄，深入介紹了JS中的重要概念。
第九本《JavaScript設計模式》
“設計模式”是軟體工程的重要課題，相當於高考時候的答題套路。前人總結出來的應對各種問題的模板。也算是必看書籍。關於JavaScript設計模式的書籍目前也有好幾本，也有國人寫的，挑一兩本看看就好。
第十本《高性能網站建設指南》(及其續篇《高性能網站進階》)
告訴你真正的商業公司的前端是怎麼優化一個網站的。當然優化的問題不是看看書就能解決的，最好時刻了解你的同行們的經驗。
第一階段：HTML和CSS的學習
HTML就不多說了，基礎中的基礎，這個都不會的小夥伴請參見HTML手冊，認真學習W3C課程，稍有基礎之後可以跟著視頻學習《HTML+CSS基礎課程》。
前端開發必看的14本書
1、《CSS權威指南》第三版
這本書實在太適合小白用戶了，是一本為初學者清掃障礙的書籍。同行一致認為這本書是學習CSS基礎的首選。CSS界權威Meyer大師的作品，翻譯水平也灰常贊!
2、《CSS那些事兒》
不用於一般技術類書籍的枯燥乏味，這本書很有意思。作者是藍色理想經典論壇標准版榮譽版主林小志，具有多年網站設計和網站重構經驗，在CSS、XHTML等前台技術方面有著深厚功底。
全書以傳達CSS布局思維為中心，通過頁面中的文字、圖片、表格、表單等常見元素的處理及各種頁面布局方式的使用，使讀者能深入了解到如何在頁面中更好地運用CSS布局。閱讀本書之後將會發現，原來CSS樣式居然是這么好玩的東西。
3、《精通CSS：高級Web標准解決方案》第二版
前段學習必備書籍，作者Andy Budd是國際頂尖的網頁設計師，著名的Web標准倡導者，網頁咨詢公司Clearleft的創始人之一。
本書將最有用的CSS技術匯總在一起，總結了CSS設計中的最佳實踐，討論了解決各種實際問題的技術，重點講解了一系列的css開發技巧，是前端開發人員必備的手冊。
4、《CSS禪意花園》
這是一本令人驚嘆的書!必須用一個字形容的話，那就是：美!內容編排合理,文字生動有趣引人入勝,通過一個個實例引導讀者閱讀，強烈推薦!
作者是世界著名的網站設計師，書中的範例來自網站設計領域最著名的網站——CSS Zen Garden(CSS禪意花園)。童鞋們自己去領略吧。
第二階段——JavaScript的學習
Javascript的書籍當然還是要看老外的，你懂得~
5、《JavaScriptDOM編程藝術》
此書絕對是入門好書，簡潔優美的文筆簡直是工具書中的典範啊有木有!
這本書講述了JavaScript和DOM的基礎知識，但重點放在DOM編程技術背後的思路和原則，然後將這些概念貫穿在書中的所有代碼示例中，使你看到用來創建圖片庫頁面的腳本、用來創建動畫效果的腳本和用來豐富頁面元素呈現效果的腳本，最後結合所講述的內容創建了一個實際的網站。
6、《JavaScript權威指南》第6版
這本書非常適合初級、中級程序員，是學習核心JavaScript語言和由Web瀏覽器定義的JavaScript API的指南和綜合參考手冊。
第6版涵蓋HTML 5和ECMAScript 5。很多章節完全重寫，緊跟當今最佳Web開發實踐。本書新增章節描述了jQuery和伺服器端JavaScript。
7、《JavaScript高級程序設計》第三版
《javascript權威指南》比較像一本字典，而這本《javascript高級程序設計》可以算是一本由淺入深的好讀物。這兩本書看完後，對javascript一定會有較為深入的了解。
作者Nicholas C. Zakas是世界頂級Web技術專家，現為雅虎公司界面呈現架構師，負責My Yahoo!和雅虎首頁等大訪問量站點的設計。這本書，看一遍不能算看過，至少讀兩三遍，每一遍都會讓你有新的收獲。
8、《高性能JavaScript》
本書從性能角度全面分析js，含金量非常大，很多知識都是作者通過實踐總結出來的，都是經驗的積累，強烈推薦!
同是Nicholas C. Zakas所寫，如果看《JS高級程序設計》覺得理解不太透徹，學習較為吃力，那麼我強烈建議你看看這本書，真的是極好的一本實踐類書籍，言簡意賅，灰常實用!
9、《JavaScript王者歸來》
這本《JavaScript王者歸來》不僅是一本傳播知識的書，更是一本求道的書。O(∩_∩)O 有追求的程序員一定不要錯過!願神力與你同在!
它揭開了JavaScript的面紗，繞過誤解和虛幻的表象，引領你探索程序王國的奧妙。這是一本探尋程序設計思想本源的“魔法典籍”，也是一本Web開發工程師們需要的案頭參考書。
10、《JavaScript模式》
它絕對不是一本入門級別的書，適用於希望將自身的Javascript技巧提高到一個新層次的專業的開發人員和程序員。
《JavaScript模式》包含了實現每個討論的模式的實踐建議，並附有數個可以立即上手的範例;同時還可以學到一些反模式。短小精悍，進階必讀!
11、《JavaScript設計模式》
進階教程，得有一定功底才能看懂。反之，如果你輕而易舉就能拿下此書，說明你已非等閑之輩~
本書共有兩部分。第一部分給出了實現具體設計模式所需要的面向對象特性的基礎知識，第二部分則專注於各種具體的設計模式及其在JavaScript語言中的應用，主要介紹了工廠模式、橋接模式、組合模式、門面模式等幾種常見的模式。
第三階段——jQUery的學習
12、《鋒利的jQuery》第二版
入門首選，簡單易懂，非常實在。《鋒利的jQuery(第2版)》循序漸進地對jQuery的各種函數和方法調用進行了介紹，對jQuery分析的邏輯非常值得學習。
第四階段—學無止境!
如果以上書籍你全都搞定了，那麼，恭喜你，你真的很厲害!到這種程度，相信你也不太需要別人推薦書籍了，不過我還是厚著臉皮推薦兩本吧。
13、《高性能網站建設指南》
前端開發可以優化網站剩餘70%~80%性能，這本書不算厚，幾個小時就能看完，推薦前端開發工程師看看。在《高性能網站建設指南》中，作者給出了14條具體的優化原則，每一條原則都配以範例佐證，並提供了在線支持。
14、《Web開發敏捷之道》第二版
Web開發敏捷之道》曾榮獲Jolt大獎“最佳技術圖書”獎。在第1版的內容架構基礎上，第2版增加了對Rails 1.2中新特性和最佳實踐的介紹。此書覆蓋了rails1.2的方方面面，其本身也很"敏捷"，翻譯也非常好。
⑦ 前端開發常用又好用的幾個軟體
正所謂「工欲善其事必先利其器」，一名合格的Web前端開發工程師自然會用到不少能使其工作高效的工具。下面，就給大家分享Web前端學習需要了解的十款HTML5開發工具。
1、Lungo
Lungo是一款基於HTML5的開發框架，專為想要設計、構建和共享跨設備應用的開發者而准備。支持開放的Web標准，如HTML5、CSS3和JavaScript；支持手機、電視以及桌面設備。擁有強大的JavaScript API：開發WebAPP應用有很多種方式，而不是一味的優化。Lungo提供了一個強大的API，這樣你可以完全掌控自己的WebAPP應用程序。
2、Animatron
Animatron是一款簡單而又強大的在線工具，通過它，你可以創建出令人驚嘆的的HTML5動畫和互動內容。使用非常直觀的Animatron編輯器去設計和發布完美的移動產品，同時也可以到處播放的電影和信息圖表等，從桌面瀏覽器到移動設備，無需編碼，所見即所得。
9、Eclipse
Eclipse的本身只是一個框架平台，但是眾多插件的支持使得Eclipse擁有其他功能相對固定的IDE軟體很難具有的靈活性。許多軟體開發商以Eclipse為框架開發自己的IDE。Eclipse最初是由IBM公司開發的替代商業軟體Visual Age for Java的下一代ide開發環境，2001年11月貢獻給開源社區，現在它由非營利軟體供應商聯盟Eclipse基金會（Eclipse Foundation）管理。
10、DevExtreme
DevExtreme是專為你的移動世界精心准備的，一個跨平台開發的HTML5/JS框架，可以構建iOS、Android、Tizen和Windows Phone 8應用程序，是Visual Studio開發人員開發跨平台移動產品的優選工具。
以上就是為大家分享的十款HTML5開發必備的工具，相信這些工具一定會讓你幫你在從事Web前端開發過程中提高效率，打開一扇新的大門。
⑧ 前端開發前景怎麼樣
前端開發的前景當然是很好的。
web前端人才需求還會持續增加
據國內權威數據統計，未來五年，我國信息化人才總需求量高達1500萬—2000萬人。其中「網路工程」「UI設計」「web前端」等人才的缺口最為突出，所以2020年web前端的市場需求還是很大的。
更有甚者，目前不僅大型互聯網公司擬相繼成立了專屬的web 前端部門，中小型公司和創業公司也急需專業的web前端工程師。
web前端薪酬工資仍會上漲
從這組小數據和趨勢圖可以看出，前端開發行業薪資水平呈上漲趨勢，Web前端開發早已不是做帶動畫的下拉菜單的時代了，他們已成為互聯網主宰者，各行業都用其開發互聯網應用。
但目前整互聯網行業的Web前端開發工程師緊俏，企業正高薪求才，薪資待遇一漲再漲！
web前端就業方向廣
web前端開發在軟體開發中，就業門檻比較低，是比較好就業的，薪資待遇平均超過13k。在目前互聯網時代，只要公司有需要開發互聯網產品，包括網站，網頁，H5，小程序，APP等等，就需要前端開發工程師崗位，具體的就業方向還可以按公司的技術需求來區分，側重點各有不同，就業行業隨著互聯網的發展，已經變得越來越廣泛了。
我目前是在職前端開發，如果你現在也想學習前端開發技術，
在入門學習前端的過程當中有遇見任何關於學習方法，學習路線，學習效率等方面的問題，
你都可以申請加入我的前端學習交流裙：前面：六零零 中間：六一零 最後：一五一 裡面聚集了一些正在自學前端的初學者，
裙文件裡面也有我做前端技術這段時間整理的一些前端學習手冊，前端面試題，
前端開發工具，PDF文檔書籍教程，需要的話都可以自行來獲取下載。
web前端未來發展前途大好
隨著5G時代的到來，之後在移動互聯網領域將會出現新的開發場景，包括自動駕駛、車聯網、物聯網、人工智慧、智能家居還有可穿戴設備等領域將帶來大量的前端開發需求。有需求就會有市場，所以2020年web前端還是會一如既往地「紅」下去。
所以，想要學習前端開發，就不要猶豫；推薦來北京尚學堂，獨特的七大課堂優勢，雄厚的師資力量和科學的授課方式，絕對會帶給你最完美的前端學習體驗。
⑨ 前端書籍推薦
初級讀物
《JS高級程序設計》：一本非常完整的經典入門書籍，被譽為JS聖經之一，詳解的非常詳細，最新版第三版已經發布了，建議購買。
《JS王者歸來》網路的一個Web開發項目經理寫的，作為初學者准備的入門級教程也不錯。
中級讀物
《JS權威指南》：另外一本JS聖經，講解的也非常詳細，屬於中級讀物，建議觀看。
《JS.The.Good.Parts》：Yahoo大牛，JS精神領袖Douglas Crockford的大作，雖然才100多頁，但是字字珠璣啊!強烈建議閱讀。
《高性能JS》：《JS高級程序設計》作者Nicholas C. Zakas的又一大作。
《Eloquent JS》：這本書才200多頁，非常短小，通過幾個非常經典的例子(艾米麗姨媽的貓、悲慘的隱士、模擬生態圈、推箱子游戲等等)來介紹JS方方面面的知識和應用方法。
高級讀物
《JSPatterns 》：書中介紹到了各種經典的模式，如構造函數、單例、工廠等等，值得學習。
《Pro.JS.Design.Patterns》：Apress出版社講解JS設計模式的書，非常不錯。
《DevelopingJSWeb Applications》：構建富應用的好書，針對MVC模式有較為深入的講解，同時也對一些流程的庫進行了講解。
《Developing Large Web Applications》：不僅有JS方面的介紹，還有CSS、HTML方面的介紹，但是介紹的內容卻都非常不錯，真正考慮到了一個大型的Web程序下，如何進行JS架構設計，值得一讀。
結語
要做優秀的前端工程師，還需要繼續努力：《高性能網站建設指南》、《Yahoo工程師的網站性能優化的建議》、「YSLOW」性能優化建議、《網站重構》、《Web開發敏捷之道》、「 jQuery 庫」、「前端框架」、「HTML5」、「CSS3」。。。 這些都要深入研究!
萬事開頭難！如果你能到這個境界，剩下的路自己就可以走下去了。