iT邦幫忙

菜鳥前端相關文章
共有 310 則文章
鐵人賽 Vue.js DAY 17
試試用Vue建立網站吧 系列 第 17

技術 Day17-試試Vue3-口袋餐廳選單(2)

程式碼盡量只寫要說明的地方,無關的就不贅述。 (2)建立要導出的資料試著整理出動態渲染畫面所需的資料實體有哪些。以下說明 <script></...

鐵人賽 Modern Web DAY 28
前端轉職人生 系列 第 28

技術 前端轉職人生Day28-求職面試篇

面試篇要收尾了,來分享一下從面試經驗0到現在的心得與優化策略,希望之後可以逐步修正,提高拿到offer的比例。 公司產業偏好 一開始蠻多人建議要想自己想去哪些...

鐵人賽 Vue.js DAY 16
試試用Vue建立網站吧 系列 第 16

技術 Day16-試試Vue3-口袋餐廳選單(1)

本篇開始會對「Day15-試試Vue3-口袋餐廳的html架構」的內容進行調整,試將資料內容改用 JavaScript 來動態渲染畫面。因開發過程細節較多會分幾...

鐵人賽 自我挑戰組 DAY 16
從零開始學習前端 系列 第 16

技術 #從零開始1️⃣5️⃣:怎麼設定照片大小

設定圖片高度,要寫死高度還是不要寫死高度? 就像最開始提到,響應式網頁超級超級重要,所以如果在不同螢幕大小,圖片太大超出畫面(或著太小)的話,體驗感覺就會大大地...

鐵人賽 Modern Web DAY 27
前端轉職人生 系列 第 27

技術 前端轉職人生Day27-求職面試篇

今天來分享第13-18間的面試內容跟檢討,也是倒數的6間了,由於記憶久遠,想到會再上來更新 13美商艾X威 國外電商平台,由台灣公司負責維護。 面試前測問卷...

鐵人賽 自我挑戰組 DAY 15
從零開始學習前端 系列 第 15

技術 #從零開始1️⃣4️⃣:使用emmet,更快寫出腦中所想

在比較熟悉如何架構網頁、呈現出想要的樣子後,應該多少會覺得:希望能夠更快、更有效率地描繪出來。 最直接想到的或許是提升英文打字速度,這會有幫助,但還不夠。 我們...

鐵人賽 Vue.js DAY 15
試試用Vue建立網站吧 系列 第 15

技術 Day15-試試Vue3-口袋餐廳的html架構

此篇接續介紹口袋餐廳頁面的靜態 html 架構。 (1) html 程式碼畫面示意圖請參考前一篇。介面開發的技巧如下: 導覽(nav)架構請參考「Day8-試...

技術 前端相關知識

前端語言 HTML(骨架)(看官方文件) CSS(美編)(看官方文件) Tailwind CSS - Rapidly build modern websi...

鐵人賽 Modern Web DAY 26
前端轉職人生 系列 第 26

技術 前端轉職人生Day26-求職面試篇

原則上這時候的面試我都是看到技術是React我就投,並沒有特別選什麼,只要有面試機會,我就會去面,去認識不同公司以及累積面試經驗。 今天來分享第7-12間的面試...

鐵人賽 Vue.js DAY 14
試試用Vue建立網站吧 系列 第 14

技術 Day14-試試Vue3-規劃口袋餐廳的頁面

對於前端新手來說,編寫 JavaScript 可能較具挑戰性。譬如如何使用 v-for 進行資料渲染等 JavaScript 方法,建議先專注於建立想要的 ht...

鐵人賽 自我挑戰組 DAY 14
從零開始學習前端 系列 第 14

技術 #從零開始1️⃣3️⃣:優化程式碼,更好的SEO

還記得在#從零開始9️⃣:都只用div不行嗎? 為甚麼要用ul li語意化標籤,我們討論了要使用語意化標籤,非不得已的情況下再使用如div的非語意化標籤。其中使...

鐵人賽 Modern Web DAY 25
前端轉職人生 系列 第 25

技術 前端轉職人生Day25-求職面試篇

開始來分享面試過的公司心得,這是第一次需要面試求職,超級緊張的 簡單紀錄第1-6間的面試內容跟檢討,由於記憶久遠,想到會再上來更新。 1赫X 教育產業,主要是...

鐵人賽 Vue.js DAY 13
試試用Vue建立網站吧 系列 第 13

技術 Day13-試試Vue3-建立餐廳API

同「Day5-試試Vue3-建立會員API」篇採用 json-server 方式建立 API。 (1)新增 restaurant.json 檔案建立資料專案根目...

鐵人賽 自我挑戰組 DAY 13
從零開始學習前端 系列 第 13

技術 #從零開始1️⃣2️⃣:background-image的特性以及怎麼用?

先在HTML設定,撐出高度。 <div class="element"> <p>#從零開始:backgroun...

鐵人賽 Modern Web DAY 24
前端轉職人生 系列 第 24

技術 前端轉職人生Day24-求職面試篇

今天要來分享個投履歷時會遇到的常見公司類型與產業別,一開始我也是搞不太清楚,公司介紹看多了,做了很多功課,才慢慢理出頭緒。 也會介紹一個比較少有機會遇到的產業-...

鐵人賽 自我挑戰組 DAY 6

技術 【2023 挑戰賽 Day15】#轉職經驗 最難的不是寫 code......

如題,這篇想討論我覺得對於轉職的人們來說最難熬的部分。 先大概分享我的狀況:去年夏天離職、今年秋天找到工作,職場空窗期超過一年。實際上,我在去年從前公司離職後,...

鐵人賽 Vue.js DAY 12
試試用Vue建立網站吧 系列 第 12

技術 Day12-試試Vue3-使用者故事(會員主頁)

這篇簡單說明使用者故事(以會員角度)。 假定華特義式餐廳為一餐飲集團,旗下有多個義式料理相關的餐飲品牌。為提供集團會員更多便利和互動性,會員主頁除首頁、登出外提...

鐵人賽 自我挑戰組 DAY 12
從零開始學習前端 系列 第 12

技術 #從零開始1️⃣1️⃣:含圖片卡片切圓角的各種方法和效果

可以看以下的程式碼和截圖,或者看codepen範例:https://codepen.io/rochelwang1205/pen/LYMQMMP 個別設定的方式...

鐵人賽 Modern Web DAY 23
前端轉職人生 系列 第 23

技術 前端轉職人生Day23-求職面試篇

終於來到最後篇章了 但也是我準備的最不足的地方,還有很多可以優化的空間,值得大家借鏡,只能說自己運氣還不錯?!最後還是有獲得offer 這篇的心得總結就是面試...

鐵人賽 自我挑戰組 DAY 11
從零開始學習前端 系列 第 11

技術 #從零開始1️⃣0️⃣:去除img、span標籤下方的空隙

使用開發者工具看圖片時,發現下方有個空隙,這是為什麼? 因為預設img為行內元素,和示意圖文字一樣留出空間給y,g英文字母。 去除空隙的辦法 codepen參...

鐵人賽 Vue.js DAY 11
試試用Vue建立網站吧 系列 第 11

技術 Day11-試試Vue3-歡迎訊息顯示會員名(localStorage)

這邊分享歡迎訊息顯示會員名用儲存在瀏覽器的 localStorage 方法。 (1)介紹 localStorageHTML 5 出現後瀏覽器暫存有了 Local...

鐵人賽 Modern Web DAY 22
前端轉職人生 系列 第 22

技術 前端轉職人生Day22-作品篇

今天要介紹第二版作品,目前還是半完成品,還有很多還沒完成,正在找時間慢慢做,但也是跟大家分享作品不用等到100分很完整,才投履歷找工作。 我覺得作品的重點是為...

鐵人賽 Vue.js DAY 10
試試用Vue建立網站吧 系列 第 10

技術 Day10-試試Vue3-歡迎訊息顯示會員名(Pinia)下

分享寫「Day9-試試Vue3-主頁歡迎訊息顯示會員名(Pinia)」時整理幾種其他歡迎訊息顯示會員名的寫法,及從中學到的新知識點。會分兩篇介紹。 (1)登入會...

鐵人賽 自我挑戰組 DAY 6

技術 【2023 挑戰賽 Day13】找工作囉!當自己的經紀人吧~(5)面試的一天

前面兩篇聊投履歷的心得,這篇要來分享我「面試的一天會做什麼」,不過這只是我個人的習慣跟方法,給對於面試過程很忐忑不安的朋友參考就好。 面試之前 蒐集各種資訊...

鐵人賽 自我挑戰組 DAY 10
從零開始學習前端 系列 第 10

技術 #從零開始9️⃣:都只用div不行嗎? 為甚麼要用ul li語意化標籤

div超好用,甚麼情況下都可以用,但上了課後、網路上找了相關文章,得到的回饋都不建議這麼做。 關於div, Authors are strongly enco...

鐵人賽 Vue.js DAY 9
試試用Vue建立網站吧 系列 第 9

技術 Day9-試試Vue3-主頁歡迎訊息顯示會員名(Pinia)

這裡要將會員登入頁面(LoginView.vue 檔)中 axios.get() 取得的會員 name 儲存到 Pinia 裡的 store 。再透過該 sto...

鐵人賽 Modern Web DAY 21
前端轉職人生 系列 第 21

技術 前端轉職人生Day21-作品篇

今天來分享我的第二個作品,但其實是一個已經邁入第三年的side project,是共同發起人,會說第二個作品是因為一開始我並沒有參與開發,主要是擔任PM的角色,...

鐵人賽 自我挑戰組 DAY 9
從零開始學習前端 系列 第 9

技術 #從零開始8️⃣:比較inline-block、inline和block

上一篇說了替換元素和非替換元素,接著這篇想要整理和比較inline-block、inline和block。 定義 inline-block: inline-bl...

鐵人賽 Modern Web DAY 20
前端轉職人生 系列 第 20

技術 前端轉職人生Day20-作品篇

今天來分享第二版的作品是如何重生的! 之所以要微調是因為面試時,很多面試官針對作品問了很多問題,共通性的問題就是作品沒有用到JS的地方,大多數公司需要的能力還是...

鐵人賽 Vue.js DAY 8
試試用Vue建立網站吧 系列 第 8

技術 Day8-試試Vue3-會員登入後轉跳主頁

(1)新增會員主頁檔案會員頁面登入後的畫面稱為會員主頁(以下簡稱主頁)。路徑 src / views / front 底下新增 MainView.vue 檔案。...