iT邦幫忙

菜鳥前端相關文章
共有 310 則文章
鐵人賽 Modern Web DAY 6
前端轉職人生 系列 第 6

技術 前端轉職人生Day6-學習資源整理篇

今天來分享前端框架-御三家 傑尼龜(誤) React!! React 這邊要提醒一下,前端技術一直在更新,課程要盡量找新一點的,目前React版本已經到18,課...

鐵人賽 自我挑戰組 DAY 12
從門外漢到前端新手 系列 第 12

技術 Day12 CSS selector (2)

上一篇介紹了基礎的選擇器用法,今天來介紹進階的用法吧~ 群組選擇器 複選元素一起套樣式,中間用逗號隔開。要注意的是,如果這個選擇器群組其中一個無效,則整個群組都...

鐵人賽 自我挑戰組 DAY 25
每天來點 Vue.js 吧 系列 第 25

技術 Vue 透過 `$listeners` 在子組件特定元素上監聽原生事件

tags: Vuejs 監聽子組件原生事件 ✐ 當父組件需要接收子組件訊息、數據時,可以透過在子組件 自定義事件 達成,除此之外若是需要監聽子組件 根元素 原生...

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

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

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

鐵人賽 Modern Web DAY 2

技術 33歲轉職者的前端筆記-DAY 2 如何處理 BUG 及遇到 BUG 的心態

相信很多程式開發者在開發專案的時候一定會遇到同樣的問題 那就是一定會碰到有 BUG 時候 在遇到 BUG 的時候通常會有以下幾種心態及狀況:(每個人狀況不同...

技術 JavaScript 基礎知識-陣列 push & splice 方法

前一篇講到了陣列,這篇介紹陣列常用的兩個方法,分別為新增和刪除陣列內的值。 var candy = [8,5,10]; 前面有講到讀取陣列某個值:陣列名稱[索...

鐵人賽 Modern Web DAY 2

技術 【D2 - 前端島生存守則】先拿好你的地圖

要能學好前端有非常多條路~ 我自學期間合作開發了很多專案包括到職場去進修,其實大家的開發流程根所需技術都是不一樣的所以我在這邊統整出一個前端地圖~如果想要做出...

鐵人賽 Modern Web DAY 4
實作經典 JavaScript 30 系列 第 4

技術 Day04:用CSS + JS 做一個時鐘

WES BOS系列影片Alex快速導讀系列影片 原作者的時鐘版本比較簡易些,對於時間的算式也比較不直覺,而Alex大大的版本將時鐘做得更細緻,時間算式也更完整。...

技術 JavaScript 基礎知識-switch & if else 的判別差異

switch 跟 if else 的使用上,常常會有一個迷思在,以下就來舉個例子: var n = '5'; switch(n){ case 5:...

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

技術 前端轉職人生Day8-學習資源整理篇

學習資源整理來到尾聲了!!! Full Stack (Frontend + Backend) 基本上在搜尋資料學習的過程中你一定會一直看到Full Stack(...

鐵人賽 自我挑戰組 DAY 11
從門外漢到前端新手 系列 第 11

技術 Day11 CSS selector (1)

上一篇介紹套用CSS的方法,最常用的是另外建立css檔並引入html檔。那麼我們要怎麼在css檔內寫入我們想要的樣式呢? 首先我們會介紹css的語法,接著本篇的...

鐵人賽 自我挑戰組 DAY 23
從門外漢到前端新手 系列 第 23

技術 Day23 CSS:Collapsing margins

我們曾經在HTML篇章討論block元素與inline元素時,粗淺提到margin重疊。既然已經知道box model,終於可以來認識什麼是Collapsing...

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

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

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

鐵人賽 自我挑戰組 DAY 5
從門外漢到前端新手 系列 第 5

技術 Day5 動手寫HTML之前(下)

上一篇我們說到元素的特性,介紹了inline元素跟block元素。今天就來介紹: 替換元素與非替換元素 文檔的層級概念 替換元素&非替換元素 替換元...

鐵人賽 Modern Web DAY 10

技術 【D10 - Directives】今晚,我想對DOM做點甚麼?

前言 昨天講到了{{}}這個Vue的雙下巴之外,也提到了一些資料綁定 (Data Binding)的部分~ 但Vue可以綁定得遠遠不只頁面上的內容,Vue也可以...

技術 JavaScript 基礎知識 - Ajax(上)

當我們在重新刷新一個頁面時,即使使用者沒新增任何內容,瀏覽器也會重新的去撈取許多資料為了減輕這樣的 loading,於是就有了 Ajax 技術 例如,在任何平台...

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

技術 前端轉職人生Day7-學習資源整理篇

今天來分享專案學習法!!! 個人熱愛搜尋教學影片,存了滿滿的YT教學影片看不完,希望大家可以用力看完底下的影片 ? 搜尋小秘訣 基本上搜尋的關鍵字就是你要的技能...

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

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

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

鐵人賽 自我挑戰組 DAY 21
從門外漢到前端新手 系列 第 21

技術 Day21 CSS:Box-model

Box model box-model是CSS的基礎概念。我們在HTML檔中寫入很多元素,在瀏覽器渲染時,我們可以在畫面上看到一個個區域,個別裝著不同的內容,這...

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

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

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

鐵人賽 自我挑戰組 DAY 3
每天來點 Vue.js 吧 系列 第 3

技術 工欲善其事,必先利其器 ⚙︎ Vue 開發環境建置

tags: Vuejs 如何開始使用 Vue ✐ Vue 一共提供三種不同的方式可供我們使用,依照使用情境的不同可以選擇不同的方式。 方法 適合場景...

鐵人賽 自我挑戰組 DAY 7
從門外漢到前端新手 系列 第 7

技術 Day7 動手寫HTML(2)

標籤語意的重要性 在瀏覽器的世界,雖然很多元素的視覺效果可能很像,可是針對網站的每個不同內容下好的元素很重要。它會幫助瀏覽器讀取文檔,讓網路體驗更優化。 進...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

鐵人賽 自我挑戰組 DAY 6
每天來點 Vue.js 吧 系列 第 6

技術 Vue template 模板語法

tags: Vuejs Vue template ✐ 還記得前一章節 option 裡的 template 嗎?Vue 提供開發者透過 template 聲明式...

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

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

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

鐵人賽 自我挑戰組 DAY 25

技術 Day 25 CSS3 < 2D轉換 transform>

轉換 (transform)實現元素的位移、旋轉、縮放等效果,可以簡單理解為變形。 移動 translate 旋轉 rotate 縮放 scale 1.2D...