當前位置:首頁 » 網頁前端 » web前端開發環境的配置
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web前端開發環境的配置

發布時間: 2022-07-14 10:13:13

A. web前端開發常用又好用的幾個軟體

前端開發是創建Web頁面或app等前端界面呈現給用戶的過程,通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用戶界面交互。Web前端的學習起來相對簡單,未來的發展前景也是非常不錯的。

web全棧工程師5.0課程包括:

①計算機基礎以及PS基礎

②前端開發基礎(HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架)

③移動開發

④前端高級開發(ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等)

⑤小程序開發

⑥全棧開發(MySQL資料庫、Python編程語言、Django框架等)

⑦就業拓展(網站SEO與前端安全技術)

互聯網行業目前還是最熱門的行業之一,學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的,發展前景非常好,普通人也可以學習。

想要系統學習,你可以考察對比一下開設有相關專業的熱門學校,好的學校擁有根據當下企業需求自主研發課程的能力,能夠在校期間取得大專或本科學歷,中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的,建議實地考察對比一下。

祝你學有所成,望採納。

B. web前端開發需要學習什麼知識

第一階段:

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、WebSocket、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腳手架、NPM/Bower依賴管理工具、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、常見效果(下拉刷新,上拉載入,側滑導航,選項卡)。

ReactNative:

ReactNative簡介、ReactNative環境配置、創建項目,配置,編譯,調試,部署發布、原生模塊和UI組件、原生常用API。

HTML5+:

HTML5+中國產業聯盟、HTML5PlusRuntime環境、HBuilder開發工具、MUI框架、H5+開發和部署。

第九階段:

Node.js全棧開發:

快速入門:

Node.js發展、生態圈、Io.js、Linux/Windows/OSX環境配置、REPL環境和控制台程序、非同步編程,非阻塞I/O、模塊概念,模塊管理工具、開發流程,調試,測試。

核心模塊和對象:

全局對象global,process,console,util、事件驅動,事件發射器、加密解密,路徑操作,序列化和反序列化、文件流操作、HTTP服務端與客戶端。

Web開發基礎:

HTTP協議,請求響應處理過程、關系型資料庫操作和數據訪問、非關系型資料庫操作和數據訪問、原生的Node.js開發Web應用程序、Web開發工作流、Node.js開發Blog案例。

快速開發框架:

Express簡介+MVC簡介、Express常用API、Express路由模塊、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。

希望會給大家帶來幫助!

C. 作為WEB前端工程師,你的開發環境是什麼樣的

連回家配置都是:硬體: AMD雙核2.7 2G內存 核顯 win7 64bits 本 ,編輯器: sublime + 一眾插件 WS只能單開,瀏覽器: chrome 哦這玩意也只能開幾個頁面,網路:cmcc 喔 這玩意不穩定且連通率低 基本和沒網差不多。

D. 學習web開發,對電腦配置要求高嗎有沒有推薦的機型

我是過來人,我建議你采購一台性能強一些的筆記本或台式機,
因為,你還沒溶入到公司的開發環境中,這個你需要在自己的電腦上搭建環境的!
相等於「獨立開發人員」!並非是那種只負責某個模塊,完事了就交給總工就完了,
因為這樣的都是公司給你搭建完環境的,你可以直接在雲端操作或者遠程操作就可以了,
所以作為學習者,你肯定需要一台性能較強的電腦!
如果是台式機,建議最少要i5 9600K級別以上的CPU,內存盡可的大,建議32GB以上,因為開發環境需要建議多個虛擬機,會使用大量內存。
然後是硬碟,系統和應用程序肯定需要一塊極速固態硬碟協助你提高效率,所以建議有一塊512GB的企業級或黑盤、PRO級這樣的固態硬碟(當然,可以買兩個256GB的固態,這樣可以提供兩條獨立通道的,因為有時候一個盤上大量讀寫的時候會影響整體性能)
日後你需要放重要資料,建議你掛一個企業級的機械硬碟,因為機械硬碟壞了可以使用真空操作取回,固態壞了就要比機械取回數據要麻煩得多。
如果你不是開發3D類的,顯卡就無所謂了,集成顯卡都可以了。
筆記本方面,同樣是和台式機差不多,最少也是要i5 標壓的CPU,內存要16GB以上,硬碟是極速級512GB
當然這些都是建立在你的經濟基礎上,如果沒有這樣的條件,那就只能換低配置犧牲效率了。
以上希望可以幫助到你。

E. web前端開發需要掌握的幾個必備技術

Web前端開發需要掌握的幾個必備技術是:
HTML +_CSS核心、JavaScript、VUE框架

前端的應用非常廣泛,基本網站、APP、HTML5小程序等都需要前端開發,所以只要是互聯網產品基本都需要前端。
前端程序猿切頁面寫頁面,Web上、H5上的炫酷效果,是前端開發大展身手的地方。最常見的用於前端開發的技術組合是:
HTML+CSS+JavaScript。
web前端是在開發人員中最直接面向產品、面向用戶的設計人員,一個開發團隊的成果是要靠web前端去展現,因為用戶不會去關心後台的處理有多麼強大。
後端開發是寫後台,各種業務邏輯、數據處理、模塊介面、客戶端介面等等。後端開發者通常精通於一種Web編程語言和一個資料庫管理系統。電商平台點擊篩選條件下面為你篩選出來的寶貝的功能以及付款人數數據的變化等都是由後台來實現提供的。
目前web產品交互越來越復雜,用戶使用體驗和網站前端性能優化這些都得靠web前端去做。
前端開發則是網站的前台代碼實現,包括基本的HTML和CSS以及JavaScript/ajax,最新的高級版本HTML5、CSS3,以及SVG等。
前端開發需要學習的技術
1 掌握基本web前端開發技術:HTML、CSS、JavaScript、DOM、BOM、AJAX等,而且要了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug
2 必須掌握網站性能優化、SEO和伺服器端開發技術的基礎知識
3 必須學會運用各種web前端開發與測試工具進行輔助開發
4 除了掌握技術層面的知識,還要掌握理論層面的知識,包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等
5 未來web前端開發工程師還要研究HTML5、web視覺設計、網站配色、網站交互設計模式等相關技術
web前端有廣闊的發展空間,app、小程序、移動端、pc端等都網站是需要前端技術的開發支持才能夠完成,技術門檻相對較低、需求量較大,薪資待遇良好。只要是互聯網端的客戶界面,就需要前端來製作完成,前端開發的編程量不大,但是需要部分編程,入門簡單,但是要學的深入需要一個過程。
Web前端招聘崗位
• 前端開發工程師、Web開發工程師、網頁開發工程師、HTML開發工程師...
• H5開發工程師、移動應用開發工程師、App開發工程師、小程序開發工程師...
• JS開發工程師、Vue.js開發工程師、Node.js開發工程師、前端架構師...
• 小游戲開發工程師、數據可視化開發工程師、WebGL開發工程師、WebVR開 發工程師、Web安全工程師...

F. web前端開發工程師的職業理想實現的外部環境條件有哪些

摘要 1.入門階段:能夠解決一些問題的水平。有一定的基礎(比如最常見的HTML標簽及其屬性、事件、方法;最常見的CSS屬性;基礎的JavaScript編程能力),能夠完成一些簡單的Web前端研發需求。

G. web前端開發環境都有什麼

最簡單的txt文本編輯器就可以,專業點用dreamweaver,webstorm,vs也行,運行的瀏覽器也要全了,畢竟要做兼容處理測試,ie,chrome,opera,safari,火狐等都需要
另外可能需要圖片處理,用photoshop,Visio都行

H. 如何學習web開發環境搭建和腳手架

Web前端的學習路線


第一階段:


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腳手架、NPM/Bower依賴管理工具、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、事件驅動,事件發射器、加密解密,路徑操作,序列化和反序列化、文件流操作、HTTP服務端與客戶端、Socket.IO。


Web開發基礎:


HTTP協議,請求響應處理過程、關系型資料庫操作和數據訪問、非關系型資料庫操作和數據訪問、原生的Node.js開發Web應用程序、Web開發工作流、Node.js開發Blog案例。


快速開發框架:


Express簡介+MVC簡介、Express常用API、Express路由模塊、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。


Node.js開發電子商務實戰:


需求與設計、賬戶模塊注冊登錄、會員中心模塊、前台展示模塊、購物車,訂單結算、在線客服即時通訊模塊。

I. 前端入職需要安裝什麼環境

一、基礎環境

Node.js是JavaScript運行時,目前前端工程化必不可缺的一個環境。通常我們會選擇穩定版本(LTS)進行下載。

NPM是javascript的包管理工具,也是目前Node.js默認的包管理工具。一般下載了Node.js後會附帶npm,不用專門的去下載。

YARN是Fackbook開源的依賴管理包,和npm是做同樣的工作,但相比npm安裝依賴的速度會更加迅速。兩者都是講依賴寫入package.json中,在使用習慣上是相近的。

Git是最先進的代碼版本控制軟體。

二、開發環境

編輯器

目前前端開發主流的編輯器有sublimeText、WebStorm、vscode,三種主流器各有特點:

  • sublimeText是一個十分輕巧的編輯器,編輯器是付費軟體,可以無限試用。在 macOS 上下載該軟體僅需 15.2MB. 需要安裝相應的插件,比如你可能需要某個語言的語法高亮,因此你需要在 store 上找到相應插件來提高你開發體驗。

  • webStorm是一個功能強大的編輯器,同時也是一個付費軟體,並不像sublimeText那樣可以無限試用,由於功能太過於齊全,一些低配置的電腦可能會吃不消。以上特點是群友對webStorm的評價,筆者沒有使用該編輯器,不過多評論。

  • vsocde是由微軟開源的一個編輯器,雖然是後起之秀,但開源後該編輯器的設計與體驗迅速吸引了一大批用戶。它內置了一些前端基礎的開發環境,針對Node.js還可以進行短點調試。

  • vscode其中有一個插件叫做setiings sync, 它可以將你的編輯器配置上傳至gist。就算你換了一個全新的設備,下載vscode後,再下載該插件,傳入Token後就可以同步你所有的配置,十分的方便~

    vscode的配置可以查看具體教程

瀏覽器

前端的工作更多時候是與用戶打交道,我們的工作產出通常在瀏覽器頁面上呈現。

瀏覽器通常提供了開發者工具以供開發者調試,目前市面上主流的瀏覽器主要就是chrome、Safari、IE/Edge、opera、firefox這五種瀏覽器。國內市場有UC瀏覽器等,但內核的大多都是採用webkit或者兼容低版本IE內核。

從statcounter 統計數據來看,目前主要的趨勢還是以chrome所使用的webkit內核作為主流,同時chrome的開發者工具對於開發人員十分的友好,因此有很多的開發者選擇了該瀏覽器作為首選的調試工具。chrome還有一個便利就是登陸了谷歌賬號後,可以在別的機器上進行同步插件和配置。

J. web前端開發中怎樣設

雖說不知道你問的什麼,

但是我還是把web前端開發如何入門發給你

web前端開發分為三個階段:

1. HTML + CSS前端的入門門檻極低,體現在HTML和CSS上。運行環境就是瀏覽器,推薦Chrome。你需要的只是一個文本編輯器,推薦Sublime Text 3,有不少好插件比如Emmet,谷歌搜一下很容易了解到的。當然你非要用記事本的話,也不是不行的。剛入門查閱資料可以用 w3school 或者 MDN 。

HTML和CSS不是編程語言,前者只是結構標簽,後者則是樣式配置,入門是非常簡單的。網上資料也有很多,推薦慕課網 HTML+CSS基礎課程。
我當時是看了一本書 Head First HTML and CSS,講得淺顯易懂,不過價格比較感人,也是只翻一遍的書,沒有必要買了。
迅速刷一遍慕課網,對HTML和CSS有個大致印象就好。想鞏固HTML標簽可以去看看16年的task1-1。
HTML5的API可以先放一放,回頭再看。

接下來就是深入學習CSS了:

  • 《CSS權威指南(第3版)》。很枯燥的一本書,但我確實不知道哪本書更適合了。花兩三天硬啃下來就好了。屬性細節不必記憶,以後用到肯定要再查的。著重點放在大局上,比如盒模型,浮動和定位這些,抓住重點快速過一遍。

  • 《CSS3 專業網頁開發指南》。CSS3也是需要掌握的內容。但這里還是以了解為主,知道CSS3有什麼內容就好,記憶屬性是枯燥且毫無意義的。


  • 以上內容用時5天左右,下面是實踐。
    學了幾天HTML和CSS了,應該也有點成果了。打開IFE2015 task1,寫個靜態頁面吧。

    我X,完全寫不出來。

    這是正常的。去看下別人的代碼吧,看一小部分就開竅了。忘掉的屬性就查書或者w3c,多嘗試,不斷踩坑才有進步。

    畫完第一張圖後,別著急往下寫。你的代碼肯定會有如下問題:

  • 胡亂的代碼縮進

  • 毫無章法的屬性順序

  • 滿頁的div

  • 不停地寫id和class

  • 重寫吧,是的。重寫之前先看一份代碼規范 GitHub - ecomfe/spec: This repository contains the specifications.。當然代碼規范不是唯一的,我最早看的是這一份,所以代碼風格也一直維持到現在。
    再去看一下別人提交的代碼,多看幾份。當然自己也要判斷,不能聽風就是雨啊,人家寫得不好你再去重寫一次,等於你也有責任對不對。
    開始重寫了,會發現功力大增,寫代碼速度也快了很多的。
    寫到第三張頁面的時候,應該比較熟練了。如果看到布局就大概知道應該怎麼寫了,那就可以進入JavaScript的學習了。
    以上內容用時10天左右。

    進階部分可以回頭再看:

  • 掌握預處理工具Sass,自動化工具Gulp。

  • 閱讀Bootstrap源碼。

  • 《CSS揭秘》,極其驚艷的一本書,涵蓋了CSS3的很多奇技淫巧,雖說有些地方不太實用,但讓人眼前一亮,很值得看。


  • 2. JavaScript

    這是至關重要的階段。

  • 強烈推薦《JavaScript高級程序設計(第3版)》,俗稱紅寶書。前七章是重中之重,必須反復閱讀,直至完全理解,期間可配合其他書一起讀。DOM,事件流,表單,JSON,Ajax與最後幾章也相當重要。其餘章節可以略讀或跳過(比如瀏覽器嗅探,XML以及那些列舉大量API的章節,完全可以用到再查)

  • 推薦《JavaScript語言精粹》,俗稱蝴蝶書。超薄的一本,半天就可以看完。JavaScript是一門有很多坑的語言,我個人是喜歡把這些坑點全部搞清楚的,但這本書卻避而不談了,剩下的也就是所謂的「精粹」了。但清晰地過一遍知識點總是好的。

  • 強烈推薦《你不知道的JS》。精彩至極的一本書,將JavaScript的坑一網打盡。之前搞不懂的問題,比如閉包,this之類的都可以在這里找到答案。

  • ES6也是必學的內容,推薦阮一峰老師的《ES6 標准入門》。但這本書以API居多,所以還是留個大概印象,以後寫到類似的地方,查一查有沒有ES6更簡潔的寫法就好,不必死記硬背。以及需要學會Webpack的使用,Babel和模塊化就靠Webpack了。

  • 不太推薦《JavaScript權威指南》,也就是犀牛書。那就是一本字典……


  • 進階:

  • 《JavaScript設計模式與開發實踐》,設計模式是必須了解的內容,這本是寫得不錯的。

  • 《高性能JavaScript》,紅寶書作者的另一力作,講了一些優化技巧與性能瓶頸問題,值得一讀。


  • 以上內容用時1個月左右,中途可穿插IFE2015 task2的題,比2016年的要簡單。
    這些書全部刷完的話,應該可以跟人談笑風生了。
    開始實踐,IFE2016階段二的題,想怎麼刷就怎麼刷吧。如果有編程經驗的話,應該沒什麼壓力了。

    3. JavaScript框架這部分就比較自由了,每個人點的技能樹都不一樣的。前端的發展是爆炸式的,換工具比翻書還快,所以還是以看文檔為主了。
    目前主流框架經常被提及的是React,Angular,Vue。知乎搜一搜就有相當多的優秀答案了。不過這個答案也有時效性,說不定過兩年這些框架全都被淘汰了呢【逃
    學習至少一種框架,把IFE2016刷通關吧。耗時1個半月左右。

    進階:看各種源代碼。這也是我最近打算做的事情,但是好像期末考要到了TAT

    最後補充一下,計算機基礎知識是很重要的。由於本人有OI的經驗所以稍微占點優勢。再推薦幾本書,抽空還是要看看的:

  • 《深入理解計算機系統》,CSAPP,也是我們專業這學期的課程(但是我的專業明明是EE啊)。

  • 《計算機網路 自頂向下方法》,看名字就知道必讀了吧。

  • 操作系統好書挺多的,推薦一本 Operating Systems: Three Easy Pieces ,英文不夠好就《現代操作系統》吧。

  • 演算法和數據結構,推薦兩本:《演算法導論》《數據結構與演算法分析》。似乎演算法和數據結構與前端關系不大,但作為一個碼農,不要求你寫紅黑樹,至少快速排序和二分查找這種要會寫的吧。

  • 請採納!