iT邦幫忙

front-end相關文章
共有 453 則文章
0 Like 0 留言 923 瀏覽
鐵人賽 Modern Web DAY 12
Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列 第 12 篇

技術 #12 JavaScript Introduction

What is JavaScript? HTML is like the structure/bone of our body; JavaScript is...

Vida Lin ‧ 2021-09-12
0 Like 0 留言 1448 瀏覽
鐵人賽 自我挑戰組 DAY 10
從零開始前端學習筆記(HTML、CSS、JavaScript) 系列 第 10 篇

技術 Day 10 CSS <元素顯示模式>

1. 什麼是元素顯示模式 元素顯示模式就是元素(標籤)以什麼方式進行顯示 作用 : 網頁的標籤非常多，了解他們的特點可以更方便的布局網頁 ex : &lt;di...

a0265392 ‧ 2021-09-10
0 Like 0 留言 888 瀏覽
鐵人賽 Modern Web DAY 11
Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列 第 11 篇

技術 #11 CSS3 Flexbox: RWD

How do RWD control columns displaying on devices of different pixels ? First of...

Vida Lin ‧ 2021-09-11
0 Like 0 留言 1156 瀏覽
鐵人賽 自我挑戰組 DAY 9
從零開始前端學習筆記(HTML、CSS、JavaScript) 系列 第 9 篇

技術 Day 09 CSS <背景屬性>

CSS背景屬性 可以給頁面元素添加背景樣式背景屬性可設置背景顏色、背景圖片、背景平舖、背景圖片位置、圖像固定等等 1.背景顏色background-color屬...

a0265392 ‧ 2021-09-09
0 Like 0 留言 1237 瀏覽
鐵人賽 Modern Web DAY 10
Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列 第 10 篇

技術 #10 CSS3 Flexbox: nav style setting

What is nav? nav = navagator “The &lt;nav&gt; HTML element represents a sectio...

Vida Lin ‧ 2021-09-10
1 Like 0 留言 1111 瀏覽
鐵人賽 自我挑戰組 DAY 9
JS30 學習日記 系列 第 9 篇

技術 Day 9 - 14 Must Know Dev Tools Tricks

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-09
0 Like 0 留言 940 瀏覽
鐵人賽 自我挑戰組 DAY 8
從零開始前端學習筆記(HTML、CSS、JavaScript) 系列 第 8 篇

技術 Day 08 CSS <文本屬性>

CSS Text 屬性可定義文本的外觀例如 : 文本的顏色、對齊文本、裝飾文本、文本縮進、行間距 1.文本顏色 color用於定義文本的顏色 div{ col...

a0265392 ‧ 2021-09-08
0 Like 0 留言 1305 瀏覽
鐵人賽 Modern Web DAY 9
Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列 第 9 篇

技術 #9 CSS3 Flexbox: main style setting

What is Flexbox? Flexbox = Flexible Box &quot;CSS3 Flexbox was designed as a o...

Vida Lin ‧ 2021-09-09
0 Like 0 留言 1510 瀏覽
鐵人賽 Modern Web DAY 8
Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列 第 8 篇

技術 #8 Web Layout: RWD

What is RWD? “Responsive web design (RWD) is a design and technical approach tha...

Vida Lin ‧ 2021-09-08
1 Like 0 留言 1804 瀏覽
鐵人賽 自我挑戰組 DAY 8
JS30 學習日記 系列 第 8 篇

技術 Day 8 - Fun with HTML5 Canvas

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-08
0 Like 0 留言 1262 瀏覽
鐵人賽 Modern Web DAY 7
Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列 第 7 篇

技術 #7 Web Layout: CSS Fundamentals

Final Design CSS Web Layout Tips 1. Horizontally center the text: try text-ali...

Vida Lin ‧ 2021-09-07
1 Like 0 留言 1111 瀏覽
鐵人賽 自我挑戰組 DAY 7
JS30 學習日記 系列 第 7 篇

技術 Day 7 - Array Cardio Day 2

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-07
1 Like 0 留言 1415 瀏覽
鐵人賽 自我挑戰組 DAY 6
JS30 學習日記 系列 第 6 篇

技術 Day 6 - Ajax Type Ahead

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-06
0 Like 0 留言 1097 瀏覽
鐵人賽 Modern Web DAY 6
Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列 第 6 篇

技術 #6 CSS Table x Stock Price

An ordinary CSS table looks like Ways of making CSS table beautiful 1. Change...

Vida Lin ‧ 2021-09-06
1 Like 0 留言 1314 瀏覽
鐵人賽 自我挑戰組 DAY 5
JS30 學習日記 系列 第 5 篇

技術 Day 5 - Flex Panels Image Gallery

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-05
0 Like 0 留言 1181 瀏覽
鐵人賽 Modern Web DAY 5
Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列 第 5 篇

技術 #5 Types of CSS Selector

After the previous 2 articles of CSS basic introducttion, let's talk about 5 Typ...

Vida Lin ‧ 2021-09-05
2 Like 0 留言 877 瀏覽
鐵人賽 自我挑戰組 DAY 4
JS30 學習日記 系列 第 4 篇

技術 Day 4 - Array Cardio Day 1

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-04
0 Like 0 留言 1193 瀏覽
鐵人賽 Modern Web DAY 4
Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列 第 4 篇

技術 #4 CSS Box Model, Selector, Absolute/Relative Position

CSS Box Model Frame &amp; tag design: &lt;div style=&quot;padding:10px;width:30...

Vida Lin ‧ 2021-09-04
1 Like 0 留言 1163 瀏覽
鐵人賽 自我挑戰組 DAY 3
JS30 學習日記 系列 第 3 篇

技術 Day 3 - Playing with CSS

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-03
0 Like 0 留言 934 瀏覽
鐵人賽 Modern Web DAY 3
Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列 第 3 篇

技術 #3 CSS Introduction x Foodie

What is CSS? English: CSS = Cascading Stylesheets“CSS is designed to enable the...

Vida Lin ‧ 2021-09-03
1 Like 0 留言 1588 瀏覽
鐵人賽 自我挑戰組 DAY 2
JS30 學習日記 系列 第 2 篇

技術 Day 2 - CSS + JS Clock

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-02
0 Like 0 留言 1004 瀏覽
鐵人賽 Modern Web DAY 2
Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列 第 2 篇

技術 #2 HTML x Lovely Auntie

What is HTML? English: Wiki - HTML Mandarin: HTML 基礎 - 學習該如何開發 Web HTML Mark...

Vida Lin ‧ 2021-09-02
0 Like 0 留言 1325 瀏覽
鐵人賽 Modern Web DAY 1
Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列 第 1 篇

技術 #1 Entry-Level Front-End Web Development

Before learning the front-end web development, let’s talk about my plan in the f...

Vida Lin ‧ 2021-09-01
1 Like 0 留言 1402 瀏覽
鐵人賽 自我挑戰組 DAY 1
JS30 學習日記 系列 第 1 篇

技術 Day 1 - JavaScript Drum Kit

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...

Xiang1009 ‧ 2021-09-01
0 Like 0 留言 1871 瀏覽

技術 面向前端的CDN解決方案! 全框架皆可使用

面向前端的CDN解決方案！ 前陣子想在Angular的專案下套用CDN機制過去我都是使用 webpack publicPath 來達成但使用Angular我不...

Ami ‧ 2021-07-28
20 Like 18 留言 12688 瀏覽
鐵人賽 Modern Web DAY 30
破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？ 系列 第 30 篇

達標好文 技術 Day 30 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 終於完賽了，謝謝所有人，最後謝謝自己

與鐵人賽結緣是去年第 11 屆 去年大概 7 月的時候，大概學習前端才不滿 3 個月，因緣際會的來到了 it 邦幫忙這個寶庫，發現了鐵人賽，真的也不知道是哪根...

Alec ‧ 2020-10-15
2 Like 2 留言 7140 瀏覽
鐵人賽 Modern Web DAY 29
破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？ 系列 第 29 篇

技術 Day 29 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 上班將近二個月了，我都在幹嘛呢？

今天是我到職的 2 個月又 3 天，我就先說說我這兩個月都在做些什麼事情吧。 終於上週我被交付了一個開發（維護）的任務 說簡單其實蠻簡單的，就只是要增加一個...

Alec ‧ 2020-10-14
2 Like 1 留言 6789 瀏覽
鐵人賽 Modern Web DAY 28
破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？ 系列 第 28 篇

技術 Day 28 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 第一天上班就想好離職的那一天是什麼時候？

不進則退 當要踏進軟體這個領域，尤其是前端，我從去年要開始從頭學習時，就認清了一個事實，那就是軟體工程師就是一個不斷學習新技術的過程，不能叫累，也不能嫌太難學...

Alec ‧ 2020-10-13
7 Like 10 留言 8625 瀏覽
鐵人賽 Modern Web DAY 27
破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？ 系列 第 27 篇

達標好文 技術 Day 27 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 前端工程師新鮮人，on board 了

兒子準備向幼稚園 on board，我也將向新公司 on board 了 在轉職的這一段時間，我將近一年半沒有上班了，每天就是陪伴著兒子起床，幫他準備好，並且...

Alec ‧ 2020-10-12
2 Like 1 留言 5408 瀏覽
鐵人賽 Modern Web DAY 26
破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？ 系列 第 26 篇

技術 Day 26 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 如何透過儀式化的過程讓自己回到常軌

狀態不好時就是直接放著，然後去做別的事情 這裡的意思是說，有時候因為觀念卡關時，過不去就是過不去，硬撐著在電腦前也是於事無補，有時候只是更阿渣，而且電腦前坐愈...

Alec ‧ 2020-10-11
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22195 篇
完賽人數
600 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙