幫助中心 | 我的帳號 | 關於我們

Web前端開發實訓案例教程(高級1+X證書制度試點培訓用書)

  • 作者:編者:北京新奧時代科技有限責任公司|責編:胡辛征
  • 出版社:電子工業
  • ISBN:9787121459184
  • 出版日期:2023/07/01
  • 裝幀:平裝
  • 頁數:318
人民幣:RMB 59.8 元      售價:
放入購物車
加入收藏夾

內容大鋼
    本書是按照《Web前端開發職業技能等級標準2.0版》(高級)編寫的配套實踐教程,書中涉及的項目代碼使用國產的HBuilder X開發工具編譯,並且均可在主流瀏覽器中運行。
    本書將中、高職業院校和應用型本科院校的電腦應用、軟體技術等相關專業開設的Web前端開發方向的課程體系,與企業Web前端開發崗位能力模型相結合,依據《Web前端開發職業技能等級標準2.0版》(高級)技能要求,形成三位一體的Web前端開發技術知識地圖。案例編排以實踐能力為導向,以開發企業真實應用為目標,遵循企業軟體工程標準和技術開發要求,採用任務驅動的方式,將網頁圖形繪製、CSS預處理語言、ES9編程、Vue.js、Node.js、網站架構設計、網站性能優化等重要知識單元,充分融入實際案例和應用環境中。本書對《Web前端開發職業技能等級標準2.0版》(高級)要求的重要知識單元都進行了詳細的描述,通過案例教學,使讀者能夠很好地掌握Web前端開發的相關技術。
    本書針對不同知識單元設計了多個技術專題,使學員通過重點訓練,掌握每個知識單元的核心內容。本書適合作為高級Web前端開發職業技能等級證書考核實踐教學的參考用書,也可以作為Web前端開發工作者的學習指導用書。

作者介紹
編者:北京新奧時代科技有限責任公司|責編:胡辛征

目錄
第1章  實踐概述
  1.1  實踐目標
  1.2  實踐知識地圖
  1.3  實施安排
第2章  開發環境:HBuilder X開發工具
  2.1  實驗目標
  2.2  實驗任務
  2.3  設計思路
  2.4  實驗實施(跟我做)
    2.4.1  步驟一:下載並安裝HBuilder X
    2.4.2  步驟二:HBuilder X主界面
    2.4.3  步驟三:創建項目
    2.4.4  步驟四:編輯HTML文件
    2.4.5  步驟五:運行
第3章  網頁圖形繪製:圖片水印
  3.1  實驗目標
  3.2  實驗任務
  3.3  設計思路
  3.4  實驗實施(跟我做)
    3.4.1  步驟一:創建項目和文件
    3.4.2  步驟二:準備Canvas環境
    3.4.3  步驟三:取/存圖片
    3.4.4  步驟四:繪製水印
第4章  網頁圖形繪製:貪吃蛇
  4.1  實驗目標
  4.2  實驗任務
  4.3  設計思路
  4.4  實驗實施(跟我做)
    4.4.1  步驟一:創建項目和文件
    4.4.2  步驟二:製作頁面
    4.4.3  步驟三:初始化數據
    4.4.4  步驟四:創建「蛇」對象
    4.4.5  步驟五:生成食物方塊
    4.4.6  步驟六:繪製蛇
    4.4.7  步驟七:遊戲開始和鍵盤事件
第5章  網頁圖形繪製:登錄頁面
  5.1  實驗目標
  5.2  實驗任務
  5.3  設計思路
  5.4  實驗實施(跟我做)
    5.4.1  步驟一:通過JS生成圖片驗證碼
    5.4.2  步驟二:在登錄頁面中應用圖片驗證碼
    5.4.3  步驟三:圖片驗證碼
第6章  網頁圖形繪製:Logo繪製
  6.1  實驗目標
  6.2  實驗任務
  6.3  設計思路
  6.4  實驗實施(跟我做)
    6.4.1  步驟一:創建項目和文件
    6.4.2  步驟二:SVG文件的結構

    6.4.3  步驟三:創建Logo圖形
    6.4.4  步驟四:在HTML頁面引入SVG文件
第7章  CSS預處理語言:頁面導航欄
  7.1  實驗目標
  7.2  實驗任務
  7.3  設計思路
  7.4  實驗實施(跟我做)
    7.4.1  步驟一:創建項目和文件
    7.4.2  步驟二:引入Less文件
    7.4.3  步驟三:搭建導航結構
    7.4.4  步驟四:設置公共變數
    7.4.5  步驟五:使用嵌套規則設置導航樣式
第8章  ES9編程:圖形計算器
  8.1  實驗目標
  8.2  實驗任務
  8.3  設計思路
  8.4  實驗實施(跟我做)
    8.4.1  步驟一:創建項目和文件
    8.4.2  步驟二:製作HTML頁面
    8.4.3  步驟三:製作CSS樣式
    8.4.4  步驟四:定義圖形數據
    8.4.5  步驟五:選擇計算圖形
    8.4.6  步驟六:顯示圖形界面
    8.4.7  步驟七:計算結果
第9章  ES9編程:抽
  9.1  實驗目標
  9.2  實驗任務
  9.3  設計思路
  9.4  實驗實施(跟我做)
    9.4.1  步驟一:創建項目和文件
    9.4.2  步驟二:製作HTML頁面
    9.4.3  步驟三:編寫CSS樣式
    9.4.4  步驟四:頁面JS交互邏輯
第10章  Vue.js:學習日曆
  10.1  實驗目標
  10.2  實驗任務
  10.3  設計思路
  10.4  實驗實施(跟我做)
    10.4.1  步驟一:創建項目和文件
    10.4.2  步驟二:創建Vue實例
    10.4.3  步驟三:渲染學習日曆頁面
    10.4.4  步驟四:創建對話框組件dialogContent
    10.4.5  步驟五:編輯課程表(父子組件通信)
第11章  Vue.js:記事本
  11.1  實驗目標
  11.2  實驗任務
  11.3  設計思路
  11.4  實驗實施(跟我做)
    11.4.1  步驟一:創建項目和文件
    11.4.2  步驟二:配置Vue路由規則

    11.4.3  步驟三:編輯登錄頁組件
    11.4.4  步驟四:編輯記事本列表頁組件
    11.4.5  步驟五:創建新增記事本信息組件
第12章  Vue.js:貼吧
  12.1  實驗目標
  12.2  實驗任務
  12.3  設計思路
  12.4  實驗實施(跟我做)
    12.4.1  步驟一:創建項目和文件
    12.4.2  步驟二:安裝和配置路由規則
    12.4.3  步驟三:安裝和配置Element UI
    12.4.4  步驟四:創建貼吧首頁
    12.4.5  步驟五:創建帖子列表頁面
    12.4.6  步驟六:創建帖子詳情頁面
第13章  Vue.js:社區團購網
  13.1  實驗目標
  13.2  實驗任務
  13.3  設計思路
  13.4  實驗實施(跟我做)
    13.4.1  步驟一:創建項目和文件
    13.4.2  步驟二:安裝和配置路由規則
    13.4.3  步驟三:安裝Vuex並配置Store
    13.4.4  步驟四:創建頁頭組件
    13.4.5  步驟五:引入頁頭組件
    13.4.6  步驟六:準備商品數據和分類數據
    13.4.7  步驟七:創建社區團購網首頁
    13.4.8  步驟八:創建購物車頁面
第14章  Vue.js:購物車
  14.1  實驗目標
  14.2  實驗任務
  14.3  設計思路
  14.4  實驗實施(跟我做)
    14.4.1  步驟一:實現頁面布局與基礎樣式
    14.4.2  步驟二:使用CSS美化頁面樣式
    14.4.3  步驟三:綁定數據並設置基礎邏輯
    14.4.4  步驟四:實現商品選擇與全選功能的
    14.4.5  步驟五:「刪除」按鈕
第15章  Vue.js:備忘錄
  15.1  實驗目標
  15.2  實驗任務
  15.3  設計思路
  15.4  實驗實施(跟我做)
    15.4.1  步驟一:實現頁面布局與樣式
    15.4.2  步驟二:綁定數據與渲染
    15.4.3  步驟三:切換備忘錄的內容
    15.4.4  步驟四:修改與刪除備忘項目的狀態
    15.4.5  步驟五:修改備忘項目的內容
第16章  Vue.js:點餐系統
  16.1  實驗目標
  16.2  實驗任務

  16.3  設計思路
  16.4  實驗實施(跟我做)
    16.4.1  步驟一:創建項目和文件
    16.4.2  步驟二:配置路由規則
    16.4.3  步驟三:配置Store
    16.4.4  步驟四:創建公共頁頭組件
    16.4.5  步驟五:創建點餐數據列表組件
    16.4.6  步驟六:創建首頁組件
    16.4.7  步驟七:創建訂單組件
第17章  Node.js:拍賣網
  17.1  實驗目標
  17.2  實驗任務
  17.3  設計思路
  17.4  實驗實施(跟我做)
    17.4.1  步驟一:創建項目和文件
    17.4.2  步驟二:完成頁面顯示
    17.4.3  步驟三:實現請求處理
    17.4.4  步驟四:準備數據
    17.4.5  步驟五:完成前後端交互
    17.4.6  步驟六:運行效果
第18章  Node.js:在線選課
  18.1  實驗目標
  18.2  實驗任務
  18.3  設計思路
  18.4  實驗實施(跟我做)
    18.4.1  步驟一:創建項目和文件
    18.4.2  步驟二:準備數據
    18.4.3  步驟三:完成靜態頁面
    18.4.4  步驟四:仿資料庫處理數據
    18.4.5  步驟五:實現請求處理
    18.4.6  步驟六:實現靜態資源訪問
    18.4.7  步驟七:實現前後端交互
    18.4.8  步驟八:運行效果
第19章  Node.js:問卷調查網
  19.1  實驗目標
  19.2  實驗任務
  19.3  設計思路
  19.4  實驗實施(跟我做)
    19.4.1  步驟一:創建項目和文件
    19.4.2  步驟二:完成靜態頁面
    19.4.3  步驟三:仿資料庫處理數據
    19.4.4  步驟四:創建伺服器
    19.4.5  步驟五:實現前台路由
    19.4.6  步驟六:實現後台路由
    19.4.7  步驟七:運行效果
第20章  Node.js:用戶註冊/登錄
  20.1  實驗目標
  20.2  實驗任務
  20.3  設計思路
  20.4  實驗實施(跟我做)

    20.4.1  步驟一:下載與安裝Node.js
    20.4.2  步驟二:創建項目和文件
    20.4.3  步驟三:實現「用戶註冊」和「用戶登錄」頁面
    20.4.4  步驟四:添加「用戶註冊」和「用戶登錄」頁面的CSS樣式
    20.4.5  步驟五:創建伺服器
    20.4.6  步驟六:發送AJAX請求到伺服器
第21章  Node.js:用戶信息管理
  21.1  實驗目標
  21.2  實驗任務
  21.3  設計思路
  21.4  實驗實施(跟我做)
    21.4.1  步驟一:使用Express應用生成器創建項目
    21.4.2  步驟二:使用Express連接MySQL資料庫
    21.4.3  步驟三:解決跨域問題
    21.4.4  步驟四:設計路由介面
第22章  Node.js:圖片驗證碼
  22.1  實驗目標
  22.2  實驗任務
  22.3  設計思路
  22.4  實驗實施(跟我做)
    22.4.1  步驟一:使用Express應用生成器創建項目
    22.4.2  步驟二:實現驗證碼頁面
    22.4.3  步驟三:添加驗證碼頁面的CSS樣式
    22.4.4  步驟四:解決跨域問題
    22.4.5  步驟五:實現路由功能
    22.4.6  步驟六:發送AJAX請求到伺服器
第23章  Node.js:電商首頁
  23.1  實驗目標
  23.2  實驗任務
  23.3  設計思路
  23.4  實驗實施(跟我做)
    23.4.1  步驟一:創建項目和文件
    23.4.2  步驟二:安裝和引入第三方模塊
    23.4.3  步驟三:請求首頁數據
    23.4.4  步驟四:編寫分類導航組件、輪播圖組件、分類專區組件
    23.4.5  步驟五:Node.js介面
第24章  網站架構設計:智能公交
  24.1  實驗目標
  24.2  實驗任務
  24.3  設計思路
  24.4  實驗實施(跟我做)
    24.4.1  步驟一:創建項目和文件
    24.4.2  步驟二:設計並完成前端頁面
    24.4.3  步驟三:創建伺服器
    24.4.4  步驟四:實現前端功能
    24.4.5  步驟五:運行效果
第25章  網站架構設計:職位發布系統
  25.1  實驗目標
  25.2  實驗任務
  25.3  設計思路

  25.4  實驗實施(跟我做)
    25.4.1  步驟一:創建項目和文件
    25.4.2  步驟二:配置路由規則
    25.4.3  步驟三:安裝和引入Axios
    25.4.4  步驟四:安裝Element UI
    25.4.5  步驟五:編寫職位發布系統首頁組件
    25.4.6  步驟六:編寫職位列表組件
    25.4.7  步驟七:編寫職位發布組件
    25.4.8  步驟八:創建伺服器
    25.4.9  步驟九:實現資料庫操作
    25.4.10  步驟十:實現後台路由
    25.4.11  步驟十一:請求後台介面
第26章  網站性能優化:遊戲網站
  26.1  實驗目標
  26.2  實驗任務
  26.3  設計思路
  26.4  實驗實施(跟我做)
    26.4.1  步驟一:創建項目和文件
    26.4.2  步驟二:構建頁面主體
    26.4.3  步驟三:創建頁面頭部導航
    26.4.4  步驟四:創建頁面主體部分
    26.4.5  步驟五:創建頁面底部版權部分
    26.4.6  步驟六:使用webpack打包靜態資源
第27章  網站性能優化:教學平台
  27.1  實驗目標
  27.2  實驗任務
  27.3  設計思路
  27.4  實驗實施(跟我做)
    27.4.1  步驟一:創建項目和文件
    27.4.2  步驟二:編輯app.js文件,搭建Web伺服器
    27.4.3  步驟三:構建前端頁面
    27.4.4  步驟四:前端發送獲取圖片請求
    27.4.5  步驟五:後台處理請求,返迴響應信息
    27.4.6  步驟六:運行效果
第28章  網站性能優化:圖片懶載入
  28.1  實驗目標
  28.2  實驗任務
  28.3  設計思路
  28.4  實驗實施(跟我做)
    28.4.1  步驟一:創建項目和文件
    28.4.2  步驟二:搭建頁面結構
    28.4.3  步驟三:編寫CSS樣式文件
    28.4.4  步驟四:編寫JS代碼

  • 商品搜索:
  • | 高級搜索
首頁新手上路客服中心關於我們聯絡我們Top↑
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F
讀者服務部電話:02-2381-2033 02-2381-1863 時間:週一-週五 10:00-17:00
 服務信箱:bookuu@69book.com 客戶、意見信箱:cs@69book.com
ICP證:浙B2-20060032