iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

前端?後端?你早晚都要全端的,何不從現在開始? 系列

剛畢業看著一堆職缺名稱,

前端工程師、前端設計師、軟體工程師、程式設計師、後端工程師、全端工程師...

猶豫了好久才投履歷,面試時才發現...

應徵前端工程師,結果老闆問我寫一點後端可不可以?
以為找到了純後端的工作,結果問我前端框架有沒有碰過?

你早晚都要全端的,何不從現在開始?

鐵人鍊成 | 共 31 篇文章 | 24 人訂閱 訂閱系列文 RSS系列文 團隊波皮辣椒那你會修電腦嗎仙姑狗
DAY 11

[Day 11] 利用webpack安裝Vuetify

昨天有講到怎麼利用vue-router來設定路由了, 在開始切版之前,還需要先導入Vuetify套件 在 Day 9的時候, 有順便安裝Vuetify了,但是後...

2021-09-26 ‧ 由 Siqing47 分享
DAY 12

[Day 12] 切版就從佈局開始 Application

要做這種SPA網頁,最底層的佈局就很重要了,這篇主要會介紹Vuetify佈局的方式 佈局範例 先來看一下Vuetify的佈局範例,只要用Vuetify的Appl...

2021-09-27 ‧ 由 Siqing47 分享
DAY 13

[Day 13] 實作-頂端工具列 v-app-bar v-icon

昨天有先學習vuetify的佈局,今天就可以來實作了 先看一下之前設計的UI,其實蠻簡單的就是上方一個app-bar,下方一個content包住,再看要渲染什麼...

2021-09-28 ‧ 由 Siqing47 分享
DAY 14

[Day 14] 實作-頁面選單 v-menu v-btn

今天來做選單啦 先來看一下 Vuetify 提供的 Menus組件,他這個比較適合選單複雜的程式, 就是上面一排,然後每個都可以點開子選單的那種, 因為我的系統...

2021-09-29 ‧ 由 Siqing47 分享
DAY 15

[Day 15] 將專案放上GitHub

今天來把專案上到GitHub啦~ 老實說Git就是那種學校沒教,但是你工作又90%會用到的重要東東 (不能說100%,因為我真的有遇過沒在做版控的公司) 如果需...

2021-09-30 ‧ 由 Siqing47 分享
DAY 16

[Day 16] 實作-圖片輪播 Carousels

今天來實作首頁的活動圖片輪播, 先介紹這次會用到 Vuetify 的 Carousels 組件 Carousels組件 v-carousel 屬性介紹 他本身...

2021-10-01 ‧ 由 Siqing47 分享
DAY 17

[Day 17] 實作-熱門活動排行 List

嗨!昨天做好首頁的圖片輪播了 可能大家會疑惑 什麼時候才會串接api? 其實我個人習慣是把前端頁面都做好後,再一次處理資料串接的部分, 每個工程師會有自己的開發...

2021-10-02 ‧ 由 Siqing47 分享
DAY 18

[Day 18] 比對首頁跟UI的完成度

好的~今天先來檢查一下 目前的成品跟一開始規畫的UI,完成度如何呢? 比對UI完成度 這是一開始的首頁UI 這是目前的成品 恩.... 有點後悔前幾天沒先看...

2021-10-03 ‧ 由 Siqing47 分享
DAY 19

[Day 19] 實作-美化首頁 上傳Git

美化熱門活動排行榜 好的接下來換熱門活動排行 增加 Title 跟一條分隔線 在本來排行榜的上方多加一個 v-col 寬度設為12格, 裡面加一個 標籤的Ti...

2021-10-04 ‧ 由 Siqing47 分享
DAY 20

[Day 20] 實作-主題推薦頁面 組件傳遞資料

好的~ 首頁完成了,接下來就換主題推薦頁面啦 記取之前的教訓,這次先上UI圖! UI圖 設計概念 我有先參考了一下 主題推薦API 的內容,格式如下: {...

2021-10-05 ‧ 由 Siqing47 分享