iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

歡迎參加我的原生JS畢業典禮 系列

軟體開發三年半還在用原生JS和jQuery打天下的工程師,待業期間下決心要突破令人堪憂的成長曲線。

從Vue.js開始入手第一個JS框架,學著更聰明且有效率的開發系統!

鐵人鍊成 | 共 31 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文
DAY 1

【Day0】開學第一堂不能翹—前言

前言 進入職場已超過5年,論資歷卻處在一個好像不太像Junior卻也不算Senior的尷尬階段。從新聞媒體業轉跳軟體開發工作,靠自己胡亂探索和Google大神後...

2024-09-15 ‧ 由 ivytien 分享
DAY 2

【Day1】JS同學你負責什麼?

說到前端、Web不外乎就會提到三巨頭HTML、CSS和JavaScript(JS),先跳脫專有名詞我們來發揮想像力,解釋這三種語言是如何彼此配合? 假設你在台北...

2024-09-16 ‧ 由 ivytien 分享
DAY 3

【Day2】選課前建議先爬文—Vue框架特性&建立第一個Vue專案

Vue是一種漸進式的JavaScript框架,使用單文件組件的格式(SFC)將HTML、CSS及JS封裝在單一文件中讓程式模塊化,可以更靈活的運用。針對已存在或...

2024-09-17 ‧ 由 ivytien 分享
DAY 4

【Day3】搞懂Vue專案資料夾下的分工

本章節是實作範例的前哨站,我們將接續使用上篇後半段建立的專案練習。不過,在開始寫code之前,先來搞懂Vue專案結構! ├── public | └── fa...

2024-09-18 ‧ 由 ivytien 分享
DAY 5

【Day4】Vue的分組報告—實作To Do List(上)

終於進入到實戰演練的環節,拿出我們前天建立好的專案,準備來練習To Do List!◎題外話:今天原本感覺時間很充裕,還在慢慢刻樣式…結果也花太多時間在喬css...

2024-09-19 ‧ 由 ivytien 分享
DAY 6

【Day5】Vue的分組報告—實作To Do List(下)

延續昨天,我們已經完成了To Do List的新增與刪除功能。實戰演練中少不了的就是CRUD,今天我們要來完成剩下「修改」與「頁籤搜尋」功能! 修改功能 滑鼠...

2024-09-20 ‧ 由 ivytien 分享
DAY 7

【Day6】輔修CSS預處理器—了解Sass/SCSS

經過這兩天的實作洗禮,發現自己卡在css上的時間遠比想像來的久。為了加速開發,今天我們來探討css預處理器—Sass,看看是否能幫我突破困境! 什麼是CSS預處...

2024-09-21 ‧ 由 ivytien 分享
DAY 8

【Day7】輔修CSS預處理器—在Vue專案加入Sass/SCSS

學完了SCSS基本語法,馬上就是現學現賣的時間!一樣叫出我們To Do List的css表重新改寫(現在回頭來看…真是慘不忍睹) 在Vue專案加入SCSS 上網...

2024-09-22 ‧ 由 ivytien 分享
DAY 9

【Day8】模組化概念—ES6 Modules

「阿這個功能我不是昨天才寫過嗎?是在哪個頁面寫的?」隨著開發專案逐漸龐大,不可能單靠複製貼上來重複撰寫。把龐大的代碼細化成小模組,讓彼此各司其職,就是今天要來學...

2024-09-23 ‧ 由 ivytien 分享
DAY 10

【Day9】組件化概念—Vue Components註冊與使用

昨天提到了ES6的模組化概念、也稍微提到了Module與Components間的相似卻有著些許差異之處,趁著記憶猶新,再繼續看Vue Components! C...

2024-09-24 ‧ 由 ivytien 分享