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

0 Like 0 留言 1103 瀏覽

鐵人賽自我挑戰組 DAY 9

新手前端與真實世界的開發 feat.React 與他的夥伴系列第 9 篇

技術 Day-9 專案演練 - UI 建置(上) charkra UI & tailwind CSS

Day-9 專案演練 - UI 建置(上) charkra UI & tailwind CSS 終於要開始做 UI 了，專案的開發也終於有種要啟程的感...

aoigj100 ‧ 2022-09-23

1 Like 0 留言 1101 瀏覽

鐵人賽 Modern Web DAY 4

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

技術 [DAY04] 你好世界

我想說的是：基礎 Hello World 建立和組件說明冷知識：於1972年，貝爾實驗室成員布萊恩·柯林漢撰寫的內部技術檔案《A Tutorial Int...

Nanami Lemon ‧ 2019-09-18

0 Like 0 留言 1098 瀏覽

鐵人賽 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 <nav> HTML element represents a sectio...

Vida Lin ‧ 2021-09-10

1 Like 0 留言 1092 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 [DAY 10] 地圖除了畫在床單上，程式裡要怎麼用 map 呢？

我想說的是map() 方法會建立一個新的陣列，其內容為原陣列的每一個元素經由回呼函式運算後所回傳的結果之集合。上一篇講了箭頭函數，這一篇來講講 map根據...

Nanami Lemon ‧ 2019-09-24

1 Like 0 留言 1083 瀏覽

鐵人賽 Modern Web DAY 7

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

技術 [DAY07] 介紹 State Hook

我想說的是介紹 useState hook，並且做一個計數器上一篇建立了一個靜態的純按摩店服務列表因為老闆今天找到一個身懷絕技的按摩師，他想在服務清單上加...

Nanami Lemon ‧ 2019-09-21

0 Like 0 留言 1079 瀏覽

鐵人賽自我挑戰組 DAY 15

新手前端與真實世界的開發 feat.React 與他的夥伴系列第 15 篇

技術 Day-15 專案演練 - 打造表單功能 react-hook-form

Day-15 專案演練 - 打造表單功能 react-hook-form 表單在 react 中的處理相當的繁複，每個 input 都要一個 onCharge...

aoigj100 ‧ 2022-09-29

0 Like 0 留言 1071 瀏覽

鐵人賽 Modern Web DAY 2

先你一步的菜鳥 - 從 0 開始的前端網頁設計系列第 2 篇

技術 Day-2 少年，你身體有一股龐大的查克拉

事情必須從12年前的那場尾獸之亂講起，當年四代火影… 別，先別關，我好好講還不行嗎就算沒有寫過網頁的人，應該也聽過前端網頁三本柱，也就是 HTML、CSS、J...

Chris ‧ 2020-09-02

0 Like 0 留言 1045 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 #23 JS: HTML DOM Events - Part 1

What is the Event? “HTML DOM events allow JavaScript to register different event...

Vida Lin ‧ 2021-09-23

0 Like 0 留言 1037 瀏覽

鐵人賽 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 & tag design: <div style="padding:10px;width:30...

Vida Lin ‧ 2021-09-04

1 Like 0 留言 1028 瀏覽

鐵人賽自我挑戰組 DAY 20

JS30 學習日記系列第 20 篇

技術 Day 20 - Native Speech Recognition

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

Xiang1009 ‧ 2021-09-20

0 Like 0 留言 1022 瀏覽

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

0 Like 0 留言 1016 瀏覽

鐵人賽 Modern Web DAY 2

拾起 Canvas，人人都是大藝術家！系列第 2 篇

技術第 2 幅－圖形入門：心裡有坐標，幾何自然來

相信每個人的童年都有一個幾何積木玩具，今天我們就是要重返童年，一起用 Canvas 完成一些常用的幾何圖形！準備好畫布剛開始就先不用框架，以 Vanilla...

珊迪 ‧ 2022-09-17 ‧團隊斜槓排排隊

0 Like 0 留言 1007 瀏覽

鐵人賽自我挑戰組 DAY 9

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

技術 Day 09 CSS <背景屬性>

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

a0265392 ‧ 2021-09-09

0 Like 0 留言 1004 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 #16 JS: loop - Part 1

while statement If the statement is true, the code inside of {} would be execute...

Vida Lin ‧ 2021-09-16

1 Like 0 留言 996 瀏覽

鐵人賽自我挑戰組 DAY 14

JS30 學習日記系列第 14 篇

技術 Day 14 - Object and Arrays - Reference VS Copy

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

Xiang1009 ‧ 2021-09-14

1 Like 0 留言 989 瀏覽

鐵人賽自我挑戰組 DAY 12

JS30 學習日記系列第 12 篇

技術 Day 12 - Key Sequence Detection (KONAMI CODE)

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

Xiang1009 ‧ 2021-09-12

0 Like 0 留言 988 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 #19 JS: Modified functions & how function create spaces

Modified functions(變形函式) Before introducing modified function, let's recall our...

Vida Lin ‧ 2021-09-19

1 Like 0 留言 971 瀏覽

鐵人賽自我挑戰組 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

1 Like 0 留言 957 瀏覽

鐵人賽自我挑戰組 DAY 3

JS30 學習日記系列第 3 篇

技術 Day 3 - Playing with CSS

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

Xiang1009 ‧ 2021-09-03

1 Like 0 留言 954 瀏覽

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

鐵人賽自我挑戰組 DAY 19

JS30 學習日記系列第 19 篇

技術 Day 19 - Unreal Webcam Fun [更新]

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

Xiang1009 ‧ 2021-09-19

0 Like 0 留言 947 瀏覽

鐵人賽 Modern Web DAY 3

React 走出新手村系列第 3 篇

技術 React 走出新手村－包版工具的設定

有多少人從create-react-app換去使用vite了呢？在早期的教學影片當中，常常會看到講師使用create-react-app 開啟新的專案，導致後期...

LucianoLee ‧ 2023-09-03

0 Like 0 留言 944 瀏覽

鐵人賽 Modern Web DAY 3

先你一步的菜鳥 - 從 0 開始的前端網頁設計系列第 3 篇

技術 Day-3 你掉的是這個金React、銀React，還是這個普通React呢？

從標題就應該知道了我們這個系列要用的 FrameWork 是 React.js。等等，那到底什麼是 FrameWork，說一下啦。好的那就必須要來到湖中女...

Chris ‧ 2020-09-03

1 Like 0 留言 929 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 [DAY25] 打來打去之 API 又要挨打之套件安裝方法之 npm 安裝方法學問多

我想說的是在 React 裡面操作 ajax 可以使用 Axios 來達成使用 --save 安裝，會將指定套件加入依賴列表，未來可快速建立相同開發環境標...

Nanami Lemon ‧ 2019-10-09

0 Like 1 留言 924 瀏覽

鐵人賽 Modern Web DAY 4

拾起 Canvas，人人都是大藝術家！系列第 4 篇

技術第 4 幅－風格文字：致敬時代的眼淚「文字藝術師」

昨天畫完畫，今天來看看如何用 Canvas 寫出文字吧！不知道大家對 Word 的文字藝術師有沒有印象？以前超多海報和宣傳單上都會出現文字藝術師做出來的經典風格...

珊迪 ‧ 2022-09-19 ‧團隊斜槓排排隊

0 Like 0 留言 922 瀏覽

鐵人賽 Modern Web DAY 4

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

技術 Vue 頁面結構

在寫頁面之前，先來介紹 Vue 頁面結構。首先先在 src/components 底下建立一個 home.vue 跟寫一個 html 頁面很像，一樣是分成...

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

0 Like 0 留言 922 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 [DAY05] JSX 到底是多 X!

我想說的是： JSX 是一種語法糖 (Syntatic Sugar)，一種語法類似 XML 的 ECMAScript 語法擴充當遇到<，JSX 就當...

Nanami Lemon ‧ 2019-09-19

0 Like 0 留言 921 瀏覽

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

0 Like 0 留言 919 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 [DAY08] 在按摩服務列表上為所欲為的增加服務

我想說的是把靜態的按摩服務列表改為動態的，並且可以由使用者自由新增服務建立一個可以自己新增的按摩服務列表預期結果如下先直接看完整程式碼，再來一段一段解說...

Nanami Lemon ‧ 2019-09-22

0 Like 0 留言 913 瀏覽

鐵人賽 Modern Web DAY 4

React 走出新手村系列第 4 篇

技術 React 走出新手村－回顧發展歷史

React講古要了解 React 除了基礎的概念，了解他們的發展史也是很重要的一環，整個的發展先後順序就如圖面一樣。從圖面可知，本來的 React 就是透過...

LucianoLee ‧ 2023-09-04

技術 Day-9 專案演練 - UI 建置(上) charkra UI & tailwind CSS

技術 [DAY04] 你好世界

技術 #10 CSS3 Flexbox: nav style setting

技術 [DAY 10] 地圖除了畫在床單上，程式裡要怎麼用 map 呢？

技術 [DAY07] 介紹 State Hook

技術 Day-15 專案演練 - 打造表單功能 react-hook-form

技術 Day-2 少年，你身體有一股龐大的查克拉

技術 #23 JS: HTML DOM Events - Part 1

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

技術 Day 20 - Native Speech Recognition

技術 #5 Types of CSS Selector

技術 第 2 幅 － 圖形入門：心裡有坐標，幾何自然來

技術 Day 09 CSS <背景屬性>

技術 #16 JS: loop - Part 1

技術 Day 14 - Object and Arrays - Reference VS Copy

技術 Day 12 - Key Sequence Detection (KONAMI CODE)

技術 #19 JS: Modified functions & how function create spaces

技術 Day 9 - 14 Must Know Dev Tools Tricks

技術 Day 3 - Playing with CSS

技術 Day 7 - Array Cardio Day 2

技術 Day 19 - Unreal Webcam Fun [更新]

技術 React 走出新手村－包版工具的設定

技術 Day-3 你掉的是這個金React、銀React，還是這個普通React呢？

技術 [DAY25] 打來打去之 API 又要挨打之套件安裝方法之 npm 安裝方法學問多

技術 第 4 幅 － 風格文字：致敬時代的眼淚「文字藝術師」

技術 Vue 頁面結構

技術 [DAY05] JSX 到底是多 X!

技術 #6 CSS Table x Stock Price

技術 [DAY08] 在按摩服務列表上為所欲為的增加服務

技術 React 走出新手村－回顧發展歷史

標記使用者

技術第 2 幅－圖形入門：心裡有坐標，幾何自然來

技術第 4 幅－風格文字：致敬時代的眼淚「文字藝術師」