iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1358 瀏覽

鐵人賽自我挑戰組 DAY 12

從零開始前端學習(HTML、CSS、JavaScript) 系列第 12 篇

技術 Day 12 CSS <圓角邊框、盒子陰影>

圓角邊框使用border-radius圓角邊框樣式，可以修改盒子邊框變成圓角語法: border-radius:length; //四邊屬性設置同樣 bo...

a0265392_lin ‧ 2021-09-22

1 Like 0 留言 1352 瀏覽

鐵人賽 Modern Web DAY 26

被 React react 的後端工程師系列第 26 篇

技術 [DAY26] 今天天氣怎樣？等等我打一下 API 再跟你說

我想說的是API 串接範例練習，就是這麼簡單上一篇中安裝了 axios 於是我們就準備好了工具接下來要做練習，試試看實際執行的結果我們先直接在 Mass...

Nanami Lemon ‧ 2019-10-10

1 Like 0 留言 1328 瀏覽

鐵人賽自我挑戰組 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 留言 1311 瀏覽

鐵人賽 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

0 Like 0 留言 1301 瀏覽

鐵人賽 Modern Web DAY 10

關於 UI 元件你所該知道的事系列第 10 篇

技術 Day 10 - Design System x 實作 — Icon 元件

今天就要來實作 Icon 啦！事不宜遲直接開始！想先看 Code 或是 Demo 的由此去：Github Repo： ithelp-ui-demoLive D...

parkerhiphop027 ‧ 2021-09-25

7 Like 0 留言 1300 瀏覽

鐵人賽 Modern Web DAY 1

防禦性 CSS - 建立「防患未然」的匠人心態系列第 1 篇

技術【Day01】參賽前言 & 精神喊話

參賽前言大家好！我又來啦～～～在心裡默默下定決心，說好今年絕對死不參加，但是好死不死又因為各種難以啟齒的原因、五味雜陳的心情，所以我又來啦 XD 相信每一位參...

Taiming ‧ 2022-09-15 ‧團隊光明頂

2 Like 0 留言 1296 瀏覽

鐵人賽自我挑戰組 DAY 20

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 20 篇

技術在 media query 內使用 float:none 清除浮動效果

float的使用，我們常會用在 desktop 的排版上，不管是要將區塊並排顯示，或是要將選單橫列，常常都會使用到{float:left;}。今天我們要提到的是...

Alec ‧ 2019-09-28

0 Like 0 留言 1277 瀏覽

鐵人賽 Modern Web DAY 29

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 29 篇

技術 #29 JS: AJAX

What is AJAX? AJAX = Asynchronous JavaScript And XML.AJAX is not a programming l...

Vida Lin ‧ 2021-09-29

2 Like 1 留言 1273 瀏覽

鐵人賽自我挑戰組 DAY 21

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 21 篇

技術介紹了好多天的 RWD，今天來排一個完整一點的版型

我們花了好多天的時間來介紹 RWD 的設計概念，但是每一個概念都比較片斷與零散一點，今天我們來把所有的概念整合一下，變成一個完整的 RWD 網頁吧，來看一下我們...

Alec ‧ 2019-09-29

1 Like 0 留言 1271 瀏覽

鐵人賽 Modern Web DAY 18

被 React react 的後端工程師系列第 18 篇

技術 [DAY18] Developer tools 與 Snippets 之老師我也想當金手指之 debug guy

我想說的是一些實用工具可以幫助開發上更加快速，能少打字就少打字，把力氣省起來Simple React Snippets 是一套 VSCode 上針對 reac...

Nanami Lemon ‧ 2019-10-02

1 Like 1 留言 1239 瀏覽

鐵人賽自我挑戰組 DAY 13

JS30 學習日記系列第 13 篇

技術 Day 13 - Slide In on Scroll

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

Xiang1009 ‧ 2021-09-13

0 Like 0 留言 1236 瀏覽

鐵人賽自我挑戰組 DAY 10

從零開始前端學習筆記(HTML、CSS、JavaScript) 系列第 10 篇

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

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

a0265392 ‧ 2021-09-10

2 Like 0 留言 1233 瀏覽

鐵人賽自我挑戰組 DAY 29

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 29 篇

技術將之前的 RWD 版型範例全面改寫成 Sass 的 SCSS 碼吧

之前我有一篇文章在說明 RWD 版型在瀏覽器縮放時進行的變化，那時候的 CSS 是直接用原生 CSS 撰寫的，這幾天我們花了一點時間說明了 CSS 預處理器 S...

Alec ‧ 2019-10-07

3 Like 1 留言 1220 瀏覽

鐵人賽自我挑戰組 DAY 28

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 28 篇

技術什麼東西是 Sass Maps？

Sass Map 是 Sass 的地圖嗎？當然不是囉，但既然它取名為 Maps，姑且我們可以暫時以地圖的按圖索驥的精神來想像它。過往，我們提到了 Sass 的...

Alec ‧ 2019-10-06

1 Like 3 留言 1217 瀏覽

鐵人賽 Modern Web DAY 5

React 走出新手村系列第 5 篇

技術 React 走出新手村－深入useState

複習useState 接著前面所講的，我們將幾個常用的hook都再複習一遍，來解構基礎以外你可能沒發現的細節，那麼我們先從最基礎的 useState 來講起。...

LucianoLee ‧ 2023-09-05

0 Like 1 留言 1197 瀏覽

鐵人賽 Modern Web DAY 12

Angular 深入淺出三十天：表單與測試系列第 12 篇

技術 Angular 深入淺出三十天：表單與測試 Day12 - 單元測試實作 - 被保人 by Template Driven Forms

今天我們要來為我們用 Template Driven Forms 所撰寫的被保人表單寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第十天的文章： Te...

Leo ‧ 2021-09-27 ‧團隊請支援 Coding

2 Like 0 留言 1182 瀏覽

鐵人賽 Modern Web DAY 1

被 React react 的後端工程師系列第 1 篇

技術 [DAY01] 開門見山地說

我想說的是：這是個原本只會 JQuery 的後端工程師學 React 的筆記並不會有甚麼高深的內容，但是可以保證會有很多垃圾話、冷笑話、鄉民哏 Oxford...

Nanami Lemon ‧ 2019-09-15

1 Like 0 留言 1179 瀏覽

鐵人賽自我挑戰組 DAY 1

JS30 學習日記系列第 1 篇

技術 Day 1 - JavaScript Drum Kit

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

Xiang1009 ‧ 2021-09-01

1 Like 0 留言 1169 瀏覽

鐵人賽自我挑戰組 DAY 6

JS30 學習日記系列第 6 篇

技術 Day 6 - Ajax Type Ahead

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

Xiang1009 ‧ 2021-09-06

0 Like 1 留言 1165 瀏覽

鐵人賽 Modern Web DAY 21

用不到 30 天學會基本 TypeScript 系列第 21 篇

技術泛型（Generics）

泛型在 TypeScript 裡，是很重要的一個環節，幾乎都會看到它的身影。在前面的文章範例裡，應該或多或少都有使用到泛型，那泛型究竟是什麼？為什麼這麼重要呢？...

威爾豬 ‧ 2023-09-21

0 Like 1 留言 1163 瀏覽

鐵人賽 Modern Web DAY 13

Angular 深入淺出三十天：表單與測試系列第 13 篇

技術 Angular 深入淺出三十天：表單與測試 Day13 - 整合測試實作 - 被保人 by Template Driven Forms

昨天幫我們用 Template Driven Forms 所撰寫的被保人表單寫完單元測試之後，今天則是要來為它寫整合測試。大家還記得整合測試的目標是要測什麼...

Leo ‧ 2021-09-28 ‧團隊請支援 Coding

0 Like 0 留言 1160 瀏覽

鐵人賽 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

0 Like 1 留言 1158 瀏覽

鐵人賽 Modern Web DAY 15

Angular 深入淺出三十天：表單與測試系列第 15 篇

技術 Angular 深入淺出三十天：表單與測試 Day15 - 整合測試實作 - 被保人 by Reactive Forms

昨天幫我們用 Reactive Forms 所撰寫的被保人表單寫完單元測試之後，今天則是要來為它寫整合測試。大家還記得整合測試的目標是要測什麼嗎？我幫大家複...

Leo ‧ 2021-09-30 ‧團隊請支援 Coding

0 Like 0 留言 1155 瀏覽

鐵人賽 Modern Web DAY 3

Vue+Django+MongoDB+Nginx 全端開發系列第 3 篇

技術 Vue 專案架構

專案建好了，那先來講 Vue 的專案架構詳細內容很多，所以我挑重點講 public index.html public/index.html 是 Vue 頁...

哲嘉 (Zhe-Jia) ‧ 2022-09-03

0 Like 0 留言 1150 瀏覽

鐵人賽 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 留言 1148 瀏覽

鐵人賽自我挑戰組 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 留言 1146 瀏覽

鐵人賽 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 "CSS3 Flexbox was designed as a o...

Vida Lin ‧ 2021-09-09

0 Like 0 留言 1137 瀏覽

鐵人賽自我挑戰組 DAY 11

從零開始前端學習(HTML、CSS、JavaScript) 系列第 11 篇

技術 Day 11 CSS <三大特性>

CSS中語法有著三大特性分別為: 層疊性、繼承性、優先性 1. 層疊性若是設置給相同選擇器相同的樣式此時一個樣式就會覆蓋(層疊)另一個衝突的樣式層疊性...

a0265392_lin ‧ 2021-09-21

0 Like 1 留言 1117 瀏覽

鐵人賽 Modern Web DAY 1

React 走出新手村系列第 1 篇

技術 React 走出新手村－簡介

前言這次內容會針對剛成為 React developer 的新手，提供一些提可以升技能的方向，有多少朋友遇到以下的情況呢？通常在一系列的教學文章或是速成班內容...

LucianoLee ‧ 2023-09-01

0 Like 0 留言 1106 瀏覽

鐵人賽自我挑戰組 DAY 4

從零開始前端學習(HTML、CSS、JavaScript) 系列第 4 篇

技術 Day 04 HTML<表單標籤>

表單標籤主要功用是用來收集使用者資料常用情況 : 註冊頁面... 主要由表單域、表單元素、提示文字這三種內容組成以MOMO註冊頁面為範例: 1.表單域...

a0265392_lin ‧ 2021-09-14

技術 Day 12 CSS <圓角邊框、盒子陰影>

技術 [DAY26] 今天天氣怎樣？等等我打一下 API 再跟你說

技術 Day 2 - CSS + JS Clock

技術 #8 Web Layout: RWD

技術 Day 10 - Design System x 實作 — Icon 元件

技術 【Day01】參賽前言 & 精神喊話

技術 在 media query 內使用 float:none 清除浮動效果

技術 #29 JS: AJAX

技術 介紹了好多天的 RWD，今天來排一個完整一點的版型

技術 [DAY18] Developer tools 與 Snippets 之老師我也想當金手指之 debug guy

技術 Day 13 - Slide In on Scroll

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

技術 將之前的 RWD 版型範例全面改寫成 Sass 的 SCSS 碼吧

技術 什麼東西是 Sass Maps？

技術 React 走出新手村－深入useState

技術 Angular 深入淺出三十天：表單與測試 Day12 - 單元測試實作 - 被保人 by Template Driven Forms

技術 [DAY01] 開門見山地說

技術 Day 1 - JavaScript Drum Kit

技術 Day 6 - Ajax Type Ahead

技術 泛型（Generics）

技術 Angular 深入淺出三十天：表單與測試 Day13 - 整合測試實作 - 被保人 by Template Driven Forms

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

技術 Angular 深入淺出三十天：表單與測試 Day15 - 整合測試實作 - 被保人 by Reactive Forms

技術 Vue 專案架構

技術 #7 Web Layout: CSS Fundamentals

技術 Day 5 - Flex Panels Image Gallery

技術 #9 CSS3 Flexbox: main style setting

技術 Day 11 CSS <三大特性>

技術 React 走出新手村 － 簡介

技術 Day 04 HTML<表單標籤>

標記使用者

技術【Day01】參賽前言 & 精神喊話

技術在 media query 內使用 float:none 清除浮動效果

技術介紹了好多天的 RWD，今天來排一個完整一點的版型

技術將之前的 RWD 版型範例全面改寫成 Sass 的 SCSS 碼吧

技術什麼東西是 Sass Maps？

技術泛型（Generics）

技術 React 走出新手村－簡介