iT邦幫忙

前端新手村相關文章
共有 116 則文章

技術 [鼠年全馬鐵人挑戰] Week09 - 超新手入門:CSS 的基本語法

大家好啊~~又見面惹~ 不知道清明連假大家有沒有乖乖待在家防疫還是有出遠門走走呢? 四天連假只待在離家不遠的地方走走運動,其餘時間就是待在家休息 感覺待在家才是...

技術 鼠年全馬鐵人挑戰 WEEK 08: head裡面到底在寫什麼?我怎麼看不懂?

剛開始學HTML時,都從body裡的內容開始學,很少用到head裡面的標籤,當打開別人的網頁時, 看到head怎麼寫得滿滿的,看到就頭昏眼花 ,於是就激發了筆者...

技術 [鼠年全馬鐵人挑戰] Week08 - 超新手入門:HTML 的基本語法

Hi~又見面啦:) 想必很多剛開始碰前端程式語言的新手都會對一堆程式碼搞的頭很痛(嗯,我就是...) 新手一開始必定會接觸到 HTML 及 CSS語法,但我該用...

技術 鼠年全馬鐵人挑戰 WEEK 07:優化SEO- 語意化標籤!讓別人看懂你在寫什麼!

什麼是語意標籤?? 為了讓標籤(Tag)更具意義,已加強文件的結構化,讓搜尋引擎更清楚瞭解, 可以更清楚表現網頁中每個區塊的設計目的。 為什麼要用語意標籤?...

技術 鼠年全馬鐵人挑戰 WEEK 06:優化SEO- 將 h1 圖片取代文字!

首先我們要先知道什麼是SEO? 沒有SEO,人們只有5.59%的機會找到你 SEO為什麼重要?讓人們看見你 以Google的角度而言 : Google不斷的...

技術 [鼠年全馬鐵人挑戰] Week07 - 新手學習筆記: RWD 基礎語法

Hi~又見面啦 今天來學習一下 RWD 的基礎小語法,希望可以學習練習的過中程能熟能生巧呀 想要讓原本在桌上型電腦能看的網頁加上 RWD 自適應網站功能時需先加...

技術 [鼠年全馬鐵人挑戰] Week06 - 新手學習筆記:淺談 RWD (響應式網頁設計)

Hi~又見面啦 這週大家過的好嗎? 最近開始學習了 RWD 響應式網頁設計,發現可以運用的好多也不少細節呢~ 想好好把學到的寫成筆記增加自已的印象 :) 所以最...

技術 鼠年全馬鐵人挑戰 WEEK 05:CSS為什麼老是吃不到?讓我們來瞭解CSS權重!

以前我在寫css的時候,常常發現沒寫錯但為什麼沒反應?然後開始陷入debug迴圈,後來才發現是權重出了問題,我想這也是大家都經歷過的痛吧! 在剛開始寫CSS的時...

技術 鼠年全馬鐵人挑戰 WEEK 04:人要衣著,佛要金裝!用CSS為網頁穿上衣服

如果說html是人,css就是衣服。 俗話說:人要衣著,佛要金裝。 穿搭得宜,宅男都會變型男無誤。 首先我們先在css資料夾下建立一個style.css, 然後...

技術 鼠年全馬鐵人挑戰 WEEK 03:CSS盒模型-box-model

什麼是box-model? 意思是在 CSS 裡面,html 的每個元素都可被視作為一個盒子,然後可以針對這個盒子去做調整 Margin -負責調整 元素與元...

技術 [鼠年全馬鐵人挑戰] Week04 - JavaScript 新手學習筆記: 運算式的求值結果

Hi~大家好 又見面啦~ 最近開始學習 JavaScript 對我來說是前端大魔王啊~~~(驚) 但是 JavaScript 在前端的世界上是扮演最重要的角色也...

技術 鼠年全馬鐵人挑戰 WEEK 02:瞭解Html標籤及特性-標籤下的好,架構沒煩惱!

瞭解Html標籤及特性 每個Html標籤都有其功能及特性,或許很抽象。我用遊戲來做譬喻,Html標籤就像是遊戲中的職業有各種功能,而屬性就像遊戲中的公會,每個職...

技術 鼠年全馬鐵人挑戰 WEEK 01:無經驗非本科技轉職前端歷程

Photo by Pixabay on Pexeles 正在看著文章的大家們,這是小弟第一次參加鐵人挑戰賽,也是開啟我的文章生涯,再請大家不吝嗇的指教!ヽ༼...

技術 關於 localStorage 使用說明

為什麼要學 localStorage,原因大概如下面所說一樣: 將資料從頁面中的程式碼儲存到 Web瀏覽器的儲存空間當中。如此一來,本來存入程式碼當中的資料,...

技術 [鼠年全馬鐵人挑戰] Week02 - 超新手小知識:HTML、CSS、JavaScript的關連性

Hi~大家 我們又見面啦:) 上星期那篇文章出乎我的意料的有很多人關注真的嚇歪我啦XDDD 謝謝大家對於我這個剛碰程式的新手小嫩嫩那麼大的支持呀~ 讓我有更多的...

技術 新手學前端-JavaScript:資訊如何帶進去的語法

Html語法: < p >這一顆紅豆餅是< em id="price">< /em >元 < /...

鐵人賽 自我挑戰組 DAY 30

技術 新手村30 - Whack A Mole

30 - Whack A Mole 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small steps...

鐵人賽 Modern Web DAY 29
鉄人28号FX 系列 第 29

技術 鉄人28号FX 鉄人29号「雲端蛇」WebFont, IconFont

★ 地圖雷奧鎮山神廟 ↓↓↓ 顯示雷奧鎮廟口位置圖 請問? 您就是? ( 找你半個月。很會躲是不是!) 雷奧鎮廟口 [鎮長]: 你終於順利走到這, 在這趟漫漫旅...

鐵人賽 自我挑戰組 DAY 29

技術 新手村29 - Countdown Timer

29 - Countdown Timer 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small st...

鐵人賽 Modern Web DAY 28
鉄人28号FX 系列 第 28

技術 鉄人28号FX 鉄人28号「渲染俠」font-display, font-synthesis

★ 地圖雷奧鎮某街上 ↓↓↓ 傳送卷軸,建議先向 鉄人27号「格式鬼」探索運作原理,此為雷奧鎮進階續文。 顯示雷奧鎮轉角位置圖 抱歉? 我想打聽一個人, 請問鎮...

鐵人賽 自我挑戰組 DAY 28

技術 新手村28 - Video Speed Controller

28 - Video Speed Controller 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? s...

鐵人賽 自我挑戰組 DAY 27

技術 新手村27 - Click and Drag

27 - Click and Drag 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small ste...

鐵人賽 自我挑戰組 DAY 26

技術 新手村26 - Stripe Follow Along Nav

26 - Stripe Follow Along Nav 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript?...

鐵人賽 Modern Web DAY 26
鉄人28号FX 系列 第 26

技術 鉄人28号FX 鉄人26号「路徑鳥」SVG <path> <textPath> <defs>

★ 地圖雷奧鎮市中心 ↓↓↓ 傳送卷軸,建議先向 鉄人25号「圖形鹿」獲得幫助,此為雷奧鎮續文。 顯示雷奧鎮街上位置圖 :這簡直就像是一直合理存在著。 雷奧鎮小...

鐵人賽 Modern Web DAY 25
鉄人28号FX 系列 第 25

技術 鉄人28号FX 鉄人25号「圖形鹿」SVG <text> <tspan>

★ 地圖雷奧鎮市中心 ↓↓↓ 真不可思議~ 明明普通不過的街景, 為何隱藏這麼多無法理解的事情。 顯示雷奧鎮街上位置圖 雷奧鎮小巷 [???]: 小子。果然村長...

鐵人賽 自我挑戰組 DAY 25

技術 新手村25 - Event Capture, Propagation, Bubbling and Once

25 - Event Capture, Propagation, Bubbling and Once 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What...

鐵人賽 自我挑戰組 DAY 24

技術 新手村24 - Sticky Nav

24 - Sticky Nav 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small steps e...

鐵人賽 自我挑戰組 DAY 23

技術 新手村23 - Speech Synthesis

23 - Speech Synthesis 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small s...

鐵人賽 Modern Web DAY 22
鉄人28号FX 系列 第 22

技術 鉄人28号FX 鉄人22号「速記豹」font properties

★ 地圖雷奧鎮近郊處 ↓↓↓ 顯示雷奧鎮位置圖 就在那了!! ( 抬頭一看 ) 只要再往東走,就能順利到達城鎮~~ :站住!! 近郊衛士 [速記豹]: 此為進入...

鐵人賽 自我挑戰組 DAY 22

技術 新手村22 - Follow Along Link Highlighter

22 - Follow Along Link Highlighter 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaSc...