iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

30天小老闆系列(1)--線上排班小工具 系列

轉業中的新手前端工程師,還沒找到工作,所以先來做Side Project增加實戰作品累積。
目前主要使用框架是Vue,但對於Vuex、Nuxt.js尚未學習,此次會針對這兩個工具做深入研究。
後端的部分會嘗試用JSON Server模擬 RESTful API。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 21

DAY21 搞樣式--CSS Gird小進階(Template Area)

前言 今天我們一樣使用上篇的格線佈局作為範例 假設我們現在想在容器(Container)中放入三個元件(item),分別是ABC,如下圖: 那我們程式碼的部分其...

2021-09-21 ‧ 由 RedbeanHong 分享
DAY 22

DAY22 搞樣式--CSS Gird小進階(對齊)

前言 CSS Gird 給我們非常大的彈性,我們可以決定元件(item)要在容器(Container)中的哪個位置之外,還可以決定元件(item)要如何對齊。而...

2021-09-22 ‧ 由 RedbeanHong 分享
DAY 23

DAY23 搞樣式--CSS Gird小進階(間隔/fr)

間隔 有了佈局跟對齊功能之後,現在我們要來了解如何設置行與行/欄與欄之間的間隔囉。 下圖是沒有間隔的狀況,可以看到20個元件(item)滿滿的佔據了整個容器(C...

2021-09-23 ‧ 由 RedbeanHong 分享
DAY 24

DAY24 搞樣式--用CSS Gird來搞個萬年曆吧(上)

前言 今天開始實作的部分,嘗試用完全沒碰過的CSS Grid要搞出一個萬年曆,不停的研究不停地開發新事物就是工程師有趣的地方吧!所以為此還是努力的試試看~ 今天...

2021-09-24 ‧ 由 RedbeanHong 分享
DAY 25

DAY25 搞樣式--用CSS Gird來搞個萬年曆吧(下)

前言 從DAY24篇開始,已經開始嘗試在實作的部分,也不知道來不來的及30天做完,沒預料到的變數太多了先是外婆離世,後來又被抓去當專案救火員,我只能說我盡力而為...

2021-09-25 ‧ 由 RedbeanHong 分享
DAY 26

DAY26 進行式--工作日誌001

工作進度流水帳 因應前篇所說,現在開始都作為簡單的工作紀錄,待整個作品做完這幾篇才會更新成正式的心得分享唷~今天開了一個新專案資料夾,從頭開始建立工作環境,打開...

2021-09-26 ‧ 由 RedbeanHong 分享
DAY 27

DAY27 進行式--工作日誌002

工作日誌碎碎念 我個人的習慣是在寫內容之前,會先把元件都創好組起來,所以花了一些時間將 FrontEnd layout 的元件都先建置起來主要配置就是 navb...

2021-09-27 ‧ 由 RedbeanHong 分享
DAY 28

DAY28 進行式--工作日誌003

工作日誌碎碎念 天啊~剩下兩天啊~我做的完嗎?挖哩咧~剩下尖叫的時間,卻只想睡覺,這就是人蔘 今天算是把面板刻的7788了,因為真的不擅長設計阿,所以配色弄得...

2021-09-28 ‧ 由 RedbeanHong 分享
DAY 29

DAY29 進行式--工作日誌004

工作日誌碎碎唸 OH,我現在在實作的時候,常常翻我這次鐵人賽的文章,因為這就是我的學習筆記麻結果發現我常常找不到東西,我以為在這篇,結果在下一篇連作者本人都常常...

2021-09-29 ‧ 由 RedbeanHong 分享
DAY 30

DAY30 進行式--工作日誌005

工作日誌碎碎唸 抱歉,我做不完,在此下跪 一樣開始報告今天的進度,今天主要在搞那個日期阿,沒錯就是那個日期阿因為硬要使用Vuex的關係麻,所以這個日期資料要放哪...

2021-09-30 ‧ 由 RedbeanHong 分享