圖書週年慶(止)
Type Script+Vue.js一氣呵成:前端開發大白到大神

Type Script+Vue.js一氣呵成:前端開發大白到大神

  • 定價:900
  • 優惠價:79711
  • 優惠期限:2024年10月31日止
  • 運送方式:
  • 臺灣與離島
  • 海外
  • 可配送點:台灣、蘭嶼、綠島、澎湖、金門、馬祖
  • 可取貨點:台灣、蘭嶼、綠島、澎湖、金門、馬祖
  • 台北、新北、基隆宅配快速到貨(除外地區)
載入中...
  • 分享
 

內容簡介

  本書主要介紹TypeScript及Vue兩大重點,第1章介紹前端基礎知識,HTML、CSS、JavaScript及Vue.js初探。第2章探討TypeScript基礎語法及開發環境設置。第3章主要說明介紹TypeScript物件導向程式設計,如類別與介面。第4章講解TypeScript高階技術,包括泛型與裝飾器。第5章說明Vue範本基本用法,包含插值和指令使用。第6章深入Vue元件屬性和方法,實踐物件導向開發。第7章探討Vue中處理使用者互動的方法。第8章介紹Vue元件的核心概念及應用。第9章進一步講解Vue元件開發,提高專案可維護性。第10章講述Vue的回應性原理和Vue 3.x的組合式API。第11章介紹使用Vue開發前端動畫的技巧。第12章講解Vue CLI和Vite在專案開發中的應用。第13章介紹Element Plus這一基於Vue的UI框架。第14章探討vue-axios網路請求框架的使用。第15章介紹Vue Router前端路由管理的實踐。第16章講解Vuex狀態管理框架的應用。第17章透過一個完整專案綜合運用Vue.js技能。

本書特色

  ‣ 前端基礎知識介紹
  ‣ TypeScript基礎
  ‣ 物件導向程式設計
  ‣ TypeScript進階技術
  ‣ Vue範本基本用法
  ‣ Vue元件開發
  ‣ Vue進階應用
  ‣ 專案開發工具與狀態管理
 

作者介紹

作者簡介

張益琿


  美國亞利桑那州立大學計算機工程技術碩士,架構師,從業近10年,多年大前端開發經驗,曾就職於知名上市公司,主導開發過多款商業級應用程序,對移動跨平台開發、前端開發,以及Vue.js、React、Flutter、小程序與iOS開發都擁有豐富經驗。開源中國特邀技術專家,發表相關技術博文400餘篇,訪問量超過100萬次。出版《循序漸進Vue.js 3.x前端開發實戰》《微信小程序與雲開發從入門到實踐》《Swift 5從零到精通iOS開發訓練營》等多部暢銷書。
 

目錄

第 1 章  準備知識
1.1  前端技術簡介
1.2  HTML入門
1.3  CSS入門
1.4  JavaScript入門
1.5  漸進式開發框架Vue
1.6  本章小結

第 2 章  TypeScript基礎
2.1  重新認識TypeScript
2.2  TypeScript中的基本類型
2.3  TypeScript中有關類型的高級內容
2.4  函數的宣告和定義
2.5  本章小結

第 3 章  TypeScript中的物件導向程式設計
3.1  理解與應用「類別」
3.2  介面的應用
3.3  TypeScript中的類型推斷與高級類型
3.4  本章小結

第 4 章  TypeScript程式設計進階
4.1  使用泛型進行程式設計
4.2  迭代器與裝飾器
4.3  命名空間與模組
4.4  本章小結

第 5 章  Vue中的範本
5.1  範本基礎
5.2  條件著色
5.3  迴圈著色
5.4  範例:待辦任務列表
5.5  本章小結

第 6 章  Vue元件的屬性和方法
6.1  屬性與方法基礎
6.2  計算屬性和偵聽器
6.3  進行函數限流
6.4  表單資料的雙向綁定
6.5  樣式綁定
6.6  範例:使用者註冊頁面
6.7  本章小結

第 7 章  處理使用者互動
7.1  事件的監聽與處理
7.2  Vue中的事件類型
7.3  實戰一:隨滑鼠移動的小球
7.4  實戰二:彈球遊戲
7.5  本章小結

第 8 章  元件基礎
8.1  關於Vue應用與元件
8.2  元件中資料與事件的傳遞
8.3  自定義元件的插槽
8.4  動態元件的簡單應用
8.5  實戰:開發一款小巧的開關按鈕元件
8.6  本章小結

第 9 章  元件進階
9.1  元件的生命週期與高級配置
9.2  元件props屬性的高級用法
9.3  元件Mixin技術
9.4  使用自訂指令
9.5  元件的Teleport功能
9.6  本章小結

第 10 章  Vue回應性程式設計    
10.1  回應性程式設計原理與在Vue中的應用
10.2  響應式的計算與監聽
10.3  組合式API的應用
10.4  實戰:支援搜索和篩選的使用者列表範例
10.5  本章小結

第 11 章  使用動畫
11.1  使用CSS 3建立動畫
11.2  使用JavaScript的方式實現動畫效果
11.3  Vue過渡動畫
11.4  實戰:最佳化使用者清單頁面
11.5  本章小結

第 12 章  Vue CLI工具的使用
12.1  Vue CLI工具入門
12.2  Vue CLI專案範本專案
12.3  在專案中使用依賴
12.4  工程建構
12.5  新一代前端建構工具Vite
12.6  本章小結

第 13 章  Element Plus基於Vue 3的UI元件庫
13.1  Element Plus入門
13.2  表單類元件
13.3  開關與滑動桿元件
13.4  選擇器元件
13.5  提示類元件
13.6  資料承載相關元件
13.7  實戰:教務系統學生表
13.8  本章小結

第 14 章  基於Vue的網路框架vue-axios的應用
14.1  使用vue-axios請求天氣資料
14.2  vue-axios實用功能介紹
14.3  實戰:天氣預報應用
14.4  本章小結

第 15 章  Vue路由管理
15.1  Vue Router的安裝與簡單使用
15.2  帶有參數的動態路由
15.3  頁面導覽
15.4  關於路由的命名
15.5  關於路由傳參
15.6  路由導覽守衛
15.7  動態路由
15.8  本章小結

第 16 章  Vue狀態管理
16.1  認識Vuex框架
16.2  Vuex中的一些核心概念
16.3  本章小結

第 17 章  實戰:程式設計技術討論區系統開發
17.1  項目架設
17.2  登入註冊模組
17.3  發文清單模組的開發
17.4  發文發佈模組開發
17.5  發文詳情模組開發
17.6  評論與回覆模組開發
17.7  搜索模組與退出登入邏輯開發
17.8  本章小結

 
 



  Vue.js本身是JavaScript技術堆疊中的框架,但隨著前端專案規模的增加,JavaScript越來越難以勝任大型團隊合作的複雜專案的開發,TypeScript則彌補了JavaScript這方面的不足,程式設計的方式也更加現代化,因此Vue.js+TypeScript的組合越來越受前端開發人員的喜愛,已成為前端大型專案開發的一種趨勢。

  本書以一個資深前端架構師的角度,從零基礎入手,通俗易懂地介紹了TypeScript的基礎語法和進階用法,以及Vue.js全家桶和週邊技術框架,並提供了豐富的範例和專案,旨在讓讀者邊學邊練,快速且紮實地掌握TypeScript的程式設計方法和Vue.js框架的各方面,並真正使用它們開發出商業級的應用程式。

  內容結構

  本書共分為17章。

  第1章是本書的入門,簡單介紹了前端開發必備的基礎知識,包括HTML、CSS和JavaScript這3種前端開發必備的技能,以及JavaScript與TypeScript的關係,然後簡介了Vue.js框架,以讓讀者對本書所講的知識有一個初步印象。

  第2~4章是TypeScript部分。

  第2章介紹TypeScript中的一些基礎語法,包括開發環境的架設、基底資料型態、函數等相關知識。第3章介紹TypeScript中的物件導向程式設計,包括類別、介面等核心語法。第4章介紹TypeScript高階技術,包括TypeScript中的泛型、迭代器與裝飾器等。

  第6~10章是Vue.js部分。

  第5章介紹Vue範本的基本用法,包括範本插值、條件與迴圈著色的相關語法。第6章介紹Vue元件中屬性和方法的相關概念,並使用物件導向的想法進行前端程式開發,透過一個功能簡單的登入註冊頁面進行練習。

  第7章介紹前端應用中使用者互動的處理方法,使用者互動為應用程式帶來靈魂。除介紹基礎的網頁使用者互動的處理外,還講解如何在Vue.js框架中更加高效率地處理使用者互動事件。

  第8章和第9章介紹Vue.js中元件的應用。元件是Vue.js框架的核心,有了元件,才有了開發大型網際網路應用的基礎,元件使得專案的結構更加便於管理,工程的可維護與可擴展性大大提高,且元件本身的重複使用性也使開發者可以大量使用第三方模組,或將自己開發的模組作為元件供各種專案使用,極大地提高了開發效率。

  第10章介紹Vue.js框架的回應性原理及Vue.js 3.x版本引入的組合式API的新特性。本章是對讀者開發能力的一種拔高,引導讀者在實現功能到精緻邏輯設計的方向上進步。

  第11章介紹透過Vue.js框架開發前端動畫效果。前端是和使用者面對面的,功能本身只是前端應用的一部分,更重要的是給使用者帶來良好的使用體驗。合理地使用動畫是提升使用者體驗的一大法寶。

  第12章介紹開發大型專案必備的鷹架Vue CLI和Vite的基本用法,管理專案、編譯、打包都需要使用鷹架工具。

  在使用Vue CLI建構結構化的Vue應用前,我們都是透過在HTML中引入Vue.js框架直接使用的,這種方式編譯成功即可直接使用Vue.js提供的功能,這會讓讀者專注於Vue.js框架本身的語法特性,不分散精力在環境架設、語言編譯等工作流程上。因此,這一部分我們依然使用JavaScript來做Vue.js語法的演示。在使用鷹架工具後,編譯相關的工作流程將由鷹架完成,在後續的實踐項目中,讀者即可透過前面所學習的知識,結合運用TypeScript來開發完整的應用程式。

  第13章介紹樣式美觀且擴展性極強的基於Vue.js的UI框架Element Plus,第14章介紹網路請求框架vue-axios,第15章介紹一款非常好用的Vue應用路由管理框架Vue Router,第16章介紹強大的狀態管理框架Vuex,透過Vuex開發者可以更進一步地管理大型Vue專案各個模組間的互動。

  第17章透過一個相對完整的應用專案全面地對本書所涉及的Vue.js技能進行綜合應用,幫助讀者學以致用,更加深入地理解所學習的內容。

  目標讀者

  ●正在學習前端開發的初學者
  ●擁有1~2年工作經驗,想進一步提升的前端開發人員
  ●教育訓練機構的學員和大專院校的學生

  最後,感謝支持我的家人和朋友,感謝北京清華大學出版社王金柱編輯的勤勞付出,使本書順利與讀者見面。感謝讀者的耐心,希望本書可以帶給你預期的收穫。限於本人水平,書中疏漏之處在所難免,敬請讀者們斧正。

張益琿
 

詳細資料

  • ISBN:9786267383858
  • 規格:平裝 / 616頁 / 17 x 23 x 3.02 cm / 普通級 / 單色印刷 / 初版
  • 出版地:台灣

最近瀏覽商品

 

相關活動

  • 【自然科普、電腦資訊】投資新手也ok!躺贏人生,打造月月PAY財富,電子書6折起
 

購物說明

若您具有法人身份為常態性且大量購書者,或有特殊作業需求,建議您可洽詢「企業採購」。 

退換貨說明 

會員所購買的商品均享有到貨十天的猶豫期(含例假日)。退回之商品必須於猶豫期內寄回。 

辦理退換貨時,商品必須是全新狀態與完整包裝(請注意保持商品本體、配件、贈品、保證書、原廠包裝及所有附隨文件或資料的完整性,切勿缺漏任何配件或損毀原廠外盒)。退回商品無法回復原狀者,恐將影響退貨權益或需負擔部分費用。 

訂購本商品前請務必詳閱商品退換貨原則 

  • 知遠語言加碼(9/7-9/8)
  • 新時代折20
  • 小天下領券(9/6-9/13)