Let’s Vue! 前端開發入門到實戰

課程資訊 課程大綱 開課單位 常見問答
Loading...
線上課程

Let’s Vue! 前端開發入門到實戰

12229次瀏覽
NT$2,200
優惠現領
5 折
【雙11】11/09限時券
83 折
【雙11】限時優惠到11/11
折 111 元
【限量100張】
課程資訊
本頁面課程內容及活動資訊概由廠商提供,部分內容非屬104服務範疇,會員應遵守之規範悉依 104課程中心會員規約 所載。
上課時間 無限期觀看課程查看更多
上課方式 於開課單位網站兌換後觀看課程
課程內容
課程大綱
展開全部
1 Vue 環境建置
01
開發環境需求
02
Mac 開發環境建置
03
Windows 開發環境建置
04
Javascript 套件管理 - package.json
05
套件管理工具 - NPM 簡介
06
套件管理工具 - NPM 基礎操作
07
套件管理工具 - YARN
2 Vue.js 及 WorkFlow 簡介
01
MVX 及 Flux 基礎概念
02
Vue.js 特性及生命週期
03
Vue.js 起手式 - Hello world!
04
Vue.js 基本操作
3 資料登錄及更新
01
文字資料的綁定與更新1 - 計數器
02
文字資料的綁定與更新2 - 樣式切換 (v-bind)
03
文字資料的綁定與更新3 - 圓形大小切換 (v-model)
04
陣列資料的綁定 - 網站輪播圖
05
陣列資料的綁定與更新 - 清單項目增減
06
$el 及 $ref 操作
4 表單輸入及事件操作
01
表單輸入雙向綁定 - 基礎表單元件
02
事件處理1 - v-on 基礎說明
03
事件處理2 - 計數器 (v-on:click)
04
事件處理3 - 檔案上傳 (v-on:change)
05
事件處理4 - 樣式切換 (v-on:mouseover/mouseleave)
06
修飾子1 - 事件修飾子
07
修飾子2 - 鍵盤事件(v-on:keyup)與按鍵修飾子
08
表單綜合操作1 - 聯絡我們表單
09
表單綜合操作2 - 會員資料申請表單
5 資料監聽及客製化
01
自定義組合變數 - computed
02
資料監聽變化及自動化處理1 - watch基本語法
03
資料監聽變化及自動化處理2 - 商品總價計算
04
資料監聽變化及自動化處理3 - 子從類別切換
05
字串過濾處理 - filter
06
異步更新DOM - nextTick
6 元件製作
01
Vue CLI 操作
02
建立及使用元件
03
元件間的資料傳遞1 - 父層傳子層
04
元件間的資料傳遞2 - 子層傳父層 $emit
05
元件間的資料傳遞3 - 取得vue主體的資料
06
元件間的資料傳遞4 - 透過$ref取得子元件
07
元件的客製化區域
7 Ajax
01
HTTP 及 Restful API 簡介
02
XHR 與 Ajax
03
Javascript 異步處理 - Promise
04
使用 jQuery 實作 AJAX
05
使用 axios 實作 AJAX
06
Fetch 與 Request
07
Javascript 異步處理 - async/await
8 Vuex 狀態管理
01
Vuex 基礎概念
02
Vuex 基本操作 (state)
03
Vuex - 產品資料處理 ( gatters )
04
Vuex - 商品總價計算 (mutations 與 actions)
05
Vuex 模組化
9 Vue SPA
01
SPA 介紹與基礎實作
02
VueRouter 概念及操作
03
Babel 介紹
04
Webpack 基礎結構
05
Webpack - rule 及 loader
06
Webpack - devtool 及 devServer
10 【課程Bonus】自動縮放圖片
01
圖片處理基礎 - FileReader 與 DataURL
02
圖片繪製 - canvas
03
圖片自動縮放
你可以學到
適合對象

1~3年前端工程師1~3年全端工程師網頁設計師SOHO想轉職的人

課程講師
舒奎
長期深耕在資訊領域的資訊人,喜歡學習新事物,過往曾參與過學界科專計劃與大學教授共同研發知識管理平台。目前專注於資訊網路相關前後端技術,專長如下:【前端技術】1. HTML5 + CSS32. Javascript3. Vue.js4. Webpack【後端技術】1. 作業系統:Windows Server / CentOS2. 程式設計:PHP, Laravel, VBA3. 資料庫:MySQL, MariaDB, MongoDB4. Web Server:Nginx, Apache5. 佈署:Docker, Ansible, Shell Script
展開全部
開課單位
緯育TibaMe
緯育TibaMe由全球最大資通訊集團之一的緯創資通集團於2015年正式成立,我們專注於人才培訓與平台服務,發展多元的授課模式,並結合緯育開發的雲端智能化學習系統,有效培育新世代數位化人才。在行動與雲端時代,用科技加值人才培育,持續發展創新與有效的數位教育學習服務。
最新動態 看所有動態

為什麼努力沒被看見?10 / 9 前免費檢測⏰找出關鍵潛力,讓付出成功被看見

工作多年、進修許多技能,現今想要職涯再突破卻找不到努力的方向? 只要 3分鐘從工作情境快速分析個人能力配比👉 https://tibame.tw/R8dhA 還可以獲得 ✅ 精準拆解你最值得投資的「職場潛力區」 ✅ 找出你一直忽略、卻能立刻強化成績效的能力點 ✅ 送出一份【專屬應用建議】幫你放大潛能、提升工作效能 這些能力就隱藏在你 → 每日的信件撰寫 → 報表整理分析 → 提案簡報製作 → 新產品上市 → 開發合作廠商 還有更多日常工作任務之中 📣如果你正想要成績更亮眼、效率更高、提案更有說服力、合作更順利 現在就前往解鎖你現在最該投資的潛力區、掌握下一步行動 完整能力解析🔗 https://tibame.tw/nDS7J

免費報名📍如何順利進入夢幻電商產業?

#最後一週免費報名 🤔電商人抗壓性都很強?甚麼特質最容易錄取? 重量級前輩來分享🟢綠界大數據總經理 Ken x ⚫小黑老師 邱煜庭 你想知道的電商圈內情報都在這!由兩位業界專家引路,帶你看懂最新產業趨勢、揭開品牌徵才標準, 讓你提早做足準備、進入理想電商職缺。 📍如何順利進入夢幻電商產業?你的電商職涯加速器 直播時間:9/23(二)20:00-21:30 報名連結:https://tibame.tw/BzeTf 📍精彩內容預告 • 在電商工作是甚麼樣貌、未來發展如何? • 成為電商圈內人!了解品牌正面臨的挑戰與機會 • 案例分享:如何用數據驅動品牌成長 • 哪些人格特質或履歷經驗最優先錄用? • 想進電商,現在可以先做的準備 • 《電商成長顧問養成營》獨家優勢介紹
常見問答
如何購買課程並開始上課
於欲購買 1. 線上課程之頁面,點擊「立即購買」,成功使用信用卡完成付款並確立訂單成立後,本平台將透過購買填寫之信箱,以郵件方式通知「訂單成立」,後續兌換學習有兩種形式:(A) 若購買學習廠商提供課程,購買後「提供課程兌換序號、兌換連結、兌換碼使用說明」,引導您至購買課程之出版廠商兌換並上課、(B)若購買是104學習系統,購買完可以從郵件、訂單明細、課程詳細頁直接進到站內線上學習。 2. 實體課程之頁面,點擊「立即購買」,成功完成付款並確立訂單成立後,本平台將透過購買填寫之信箱,以郵件方式通知「訂單成立」即可完成報名,後續開課單位會有專員與您聯繫後續事宜。
購買與報名課程付款方式?
僅提供信用卡付款。
有支援信用卡分期嗎?
平台有提供分期服務:結帳金額滿$4,000可享三期零利率,滿$12,000可享六期零利率;分期服務支援銀行公司為:中國信託、台新銀行、玉山銀行,實際分期金額依各發卡行規定
已完成付款,但用錯優惠碼怎麼辦?
請申請退款並重新下單,已使用之優惠碼,本平台將不進行退回,敬請見諒。
線上刷卡後訂單狀態顯示「待付款」
代表您的結帳流程尚未完成,請儘速完成結帳程序,以免課程相關優惠權益失效。
刷卡失敗的原因
可能為以下原因: 1.授權失敗(例:信用卡發卡銀行系統忙碌、網路塞車、刷卡等待時間過久造成系統確認失敗等問題),建議稍待一段時間再重新刷卡。 2.輸入信用卡卡號等相關資料不正確(例:輸入資料不正確、卡號過期、尚未開卡等問題),建議重新確認輸入資訊。
如何選擇紙本發票
為響應政府政策,不主動提供紙本發票,委由金財通系統寄發電子發票開立通知信至學員購買課程時填寫之Email,發票自動存入會員載具,若未收到請告知。
企業請款之憑證,如何申請
若需要進行企業請款,請於購買時輸入統一編號、發票抬頭,本平台將以郵件寄送電子發票方式,至您填寫之信箱。
多久會收到發票
發票將於付款成功,3個工作天內開立,敬請稍候。
如何退款
請參考下方退款須知與流程 1.若您於本平台成功完成付款購買課程,有退款需求,於外部學習廠商兌換之線上課程自購買日起7天內,且未進行課程兌換,可申請全額退費;於104課程中心站內學習課程若購買日起7天內後「未進到學習頁」,可申請全額退費;實體課程須於開課日前 1 日之非假日上班時段前與104學習提出申請,始得要求全額退費。 2.若需申請退款,請使用信件主旨:「課程中心退款申請」,並於信件內容寫明購買人姓名、訂單編號、欲退款之課程名稱,郵件至nabiservice@104.com.tw,本平台將於5個工作天內盡快為您處理。 3.確認提出退款申請時間為課程購買日起7天內,且未進行課程兌換,本平台將與欲申請退款課程之出版廠商,提出會員資料與學習紀錄查詢,確認您課程的觀看紀錄,並同步確認出版廠商訂定之退款事項,是否全數符合。申請退款的同時,即代表您同意本平台與退款課程之出版廠商,提出查詢會員資料與學習紀錄。 4.若您單一訂單中購買兩堂(含)以上課程,不需要整張訂單退款(只退其中幾堂課),退款金額為欲退款課程售價加總後,扣除此張訂單所使用之優惠碼(若優惠碼為整張訂單之折數折扣,則退款金額為欲退款課程售價加總後乘以折數折扣),若計算後退款金額低於(含)0元,本平台將不執行退款。5.上述退款方式僅限於本平台成功完成付款購買之課程,若付款與訂單成立之任一程序不在本平台完成,退款方式需依照課程出版之廠商所訂定之規則提出申請,並由課程出版廠商協助處理,本平台不介入。 6.若您的發票沒有填寫統一編號,並需要辦理退款時,由本平台代為處理發票相關作業 (如作廢電子發票或開立電子發票折讓單),以加速退款作業時程。 7.若您原訂單信用卡分期,其申請退費時,須整筆訂單全額退費,無法部分或擇一課程退費。
款項何時退回
信用卡一次付清:課程退費採原信用卡退刷方式,退費所需之工作天依各金融機構實際作業時間為準。 信用卡分期付款:課程退費採匯款方式,會將退款款項匯款到您的指定帳戶,將由專員與您聯繫提供相關資料,以利後續退款作業。