iT邦幫忙

菜鳥前端相關文章
共有 310 則文章
鐵人賽 自我挑戰組 DAY 8
從零開始學習前端 系列 第 8

技術 #從零開始7️⃣:樣式對標籤無效? 非替換元素及替換元素

以為對標籤、樣式越來越熟悉之後,就會海闊天空、一路順遂(理想),但某天遇到了一個情況(實在是令人煩躁),情況如下:我想對label設定margin-top,但無...

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

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

今天來分享第一版的作品,是在第一輪面試前完成,用來投履歷跟面試時所呈現的作品。 技術選擇上主要是要讓未來協作島島阿學的專案時,能快速上手,因此先拿自己的作品來練...

鐵人賽 自我挑戰組 DAY 6

技術 【2023 挑戰賽 Day10】找工作囉!當自己的經紀人吧~(2)模擬面試

可以不要找工作嗎QQ 我在準備完兩個專案(原生JS、Vue)之後就開始投履歷了。心裡其實相當惶恐害怕,記得準備履歷前,還跟我 mentor 說:「蛤~我這樣真的...

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

技術 Day7-試試Vue3-首頁增加會員頁面

(1)新增會員頁面檔案路徑 src / views 底下新增 front 資料夾,並於此增加 LoginView.vue 檔案。html 架構同註冊頁面(表單驗...

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

技術 #從零開始6️⃣:box-sizing圖解

為了要讓各個區塊、內容外觀符合設計稿或者更好看,計算每個樣式帶來的影響和結果,有的時候也是很煩(算錯的時候更煩),這個時候box-sizing就派上用場了! b...

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

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

終於來到個人作品介紹拉,現在回想還真是不可思議,竟然已經做出來了,那時候可是對這些都非常陌生的,每天都在查要怎麼做好。 WHY先問為什麼 這是個因爲個人興趣而做...

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

技術 Day6-試試Vue3-表單使用Vee Validate驗證

基本上表單驗證前後端都需要做,前端可做簡單的基礎驗證(如 mail 須為正確格式、必填欄位等),後端則負責較嚴謹的驗證。此篇針對註冊頁面的表單增加 Vee Va...

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

技術 #從零開始5️⃣:使用padding和margin

在了解基本的標籤後,就可以開始組合使用,來呈現出網頁的區塊。 這些區塊中,我們會需要根據需求(或是設計稿),來調整每個標籤元素樣式(包含顏色、字體、字型大小等...

鐵人賽 Modern Web DAY 21
React 走出新手村 系列 第 21

技術 React 走出新手村 — 資料夾的分類

分類的哲學 這次要分享的是大家檔案分類的進化過程,分類檔案其實也蠻有學問的,一方面是語意上的邏輯,另一方面是資料夾內的檔案性質問題,一般來說我們會盡量把開發中的...

鐵人賽 自我挑戰組 DAY 6

技術 【2023 挑戰賽 Day8】我...我斷賽了 (還是有練一題 JS)

今天決定開頭完成 JS 題目後,後面再分享導致斷賽的意外事件 QQ,最後再分享對於過去這一周寫文章的感想。 JS 字串處理 一、題目描述 完成一個 JavaSc...

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

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

面試歸面試,作品歸作品,非本科需要倚靠作品來佐證你在程式開發上的學習與成果,比較有機會獲得面試機會,也會增加你對於程式碼的熟悉度與實戰經驗,很推薦規劃至少一個作...

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

技術 Day5-試試Vue3-建立會員API

此篇 API 部分主要紀錄如何建立簡易的 API 供專案發送網路請求用。 (1)安裝 json-serverjson-server 利用 Node.js 提供的...

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

技術 #從零開始4️⃣:使用CSS Reset & CSS Normalize

CSS Reset:清掉所有預設樣式 CSS Reset 是一種可以清除所有預設樣式的方法,讓我們可以從頭開始自訂樣式。也就是會將所有 HTML 元素的邊距、填...

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

技術 前端轉職人生Day16-Debug除錯篇

這篇是寫來讓自己好好學習debug技巧,因為還沒有認真研究過這些debug技巧,難得有機會需要花時間好好閱讀這些資訊,之前都是慢慢摸索,見一個殺一個,被強迫的打...

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

技術 #從零開始3️⃣:引用外部資源-link

接續第一篇#從零開始1️⃣:為什麼一定要寫html:5,我們知道了html:5裡各行的意思,在head這一區塊,也是我們幫html套上美美的外觀、引入CSS的地...

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

技術 Day4-試試Vue3-首頁(註冊)畫面

首頁分為註冊與會員登入頁面,此篇先介紹註冊部分。 (1)建立路由表Vue.js 是一個元件化的框架,每個頁面通常由一個或多個元件構成,且元件有各自的生命周期,包...

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

技術 前端轉職人生Day15-社群資源篇

默默地來到第15天了!!! 學習上的困難 前面文章有提到在自主學習的過程中,經過自身學習經驗加上訪談研究獲得許多心得,歸納出一些常見的難題與需求: 資源太...

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

技術 Day3-試試Vue3-引入Bootstrap套件

(1)安裝 Bootstrap 套件bootstrap 最新版本請參考這個網站。 Visual Studio 「工具列/終端機/新增終端機」開啟終端機並輸入以下...

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

技術 #從零開始2️⃣:區塊標籤和行內標籤

為甚麼要分成區塊標籤和行內標籤 區塊標籤會佔據一整行或一個完整的區域,行內標籤只佔據它們實際內容所需的空間。 那有沒有辨別的方法? 區塊標籤是用於定義網頁的主要...

鐵人賽 Modern Web DAY 18
React 走出新手村 系列 第 18

技術 React 走出新手村 — 在組件裡犯的錯(II)

前言 今天我們接續前一篇的案例,再來講講一些NG的案例,總是會有一些講不聽不想拆 component 的人,在新版本的環境下應該會被強制修改,因為如果不改的話會...

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

技術 Day2-試試Vue3-建立vite專案

(1)建立 vite 專案透過命令提示字元以 npm 方式建立 vite 專案。 STEP1. 開啟命令提示字元視窗Windows 作業系統中點擊開始>搜...

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

技術 前端轉職人生Day14-開發工具篇

今天來分享一個軟體工程師的兩難,有一部分的難是因為他們的出現,帶來相當大的威脅或是挑戰,另一個難是雖然帶來很多便利,同時也會依賴他與退化。 AI Assista...

鐵人賽 Modern Web DAY 17
React 走出新手村 系列 第 17

技術 React 走出新手村 — 在組件裡犯的錯(I)

因果關係 這次來分享 code review 時常常會看到的問題,這些問題常常看不出來有什麼影響,甚至有的人會覺得那是 coding style 的範疇,尤其是...

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

技術 #從零開始1️⃣:為什麼一定要寫html:5

不論是用freeCodeCamp學習還是其他管道學習,一開始都從學習標籤如何使用。我們也一定會注意到,這些都是寫在如附圖中的body標籤中。 那在body之外...

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

技術 前端轉職人生Day13-開發工具篇

今天來分享Git,也趁這個機會好好認識他!之前都是要用到才會查怎麼用,像是要推上github或是要開新的練習專案,才會查一波。 參考資料: 官方文件:http...

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

技術 #從零開始0️⃣:前言

關於這個系列 將在這短短幾個月的學習做個紀錄。每天會分享自學習以來遇到的幾個問題和解方。 主要會繞著HTML,CSS實踐上碰到的問題,也會有一些個人心得和思考。...

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

技術 Day1-試試Vue3-初衷與目標

技術背景資料庫工程師轉前端技術。所學從六角學院修習切版、 JavaScript 、 Vue 三種前端技術。 參賽初衷所學至今跟著課程作業有作出一些網站前後台模板...

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

技術 前端轉職人生Day12-開發工具篇

今天來分享開發中的給力好朋友 - VS Code (Visual Studio Code)的常用快捷鍵跟周邊好物,有了他們開發都100分,速度飛快,但面試會烙賽...

鐵人賽 Modern Web DAY 15
React 走出新手村 系列 第 15

技術 React 走出新手村 — 表單進化論

表單處理 這篇文章是我從事教學很常遇到的統整,我有系列專門解釋怎麼一步一步讓自己邁向 pro 的過程,有興趣了解更多的話可以參考這個連結,裡面有所有我所統整的R...

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

技術 前端轉職人生Day11-學習紀錄篇

鐵人賽終於過了1/3拉,今天來分享下半場的學習紀錄 202303第一輪面試後 面試一輪後發現大多數公司很在意JS能力,作品幾乎沒有與JS有關的功能,很少公司只要...