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

0 Like 0 留言 458 瀏覽

鐵人賽自我挑戰組 DAY 22

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

技術 Day-22 專案演練 - 修改與刪除代辦清單

Day-22 專案演練 - 修改與刪除代辦清單 useState() 很開心的把表格的功能做完，但我似乎忘記了很多事情，如果它是個 todo list，那是不...

aoigj100 ‧ 2022-10-06

0 Like 0 留言 676 瀏覽

鐵人賽自我挑戰組 DAY 21

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

技術 Day-21 專案演練 - 打造表格分頁功能 react-table

Day-21 專案演練 - 打造表格分頁功能 react-table 表格分頁是這個專案使用 react-table 製作的最後一個功能，在安裝功能之於，將整...

aoigj100 ‧ 2022-10-05

0 Like 0 留言 879 瀏覽

鐵人賽自我挑戰組 DAY 20

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

技術 Day-20 專案演練 - 輸出報表 react-csv

Day-20 專案演練 - 輸出報表 react-csv 插播一個小巧可愛的功能，放鬆一下心情。把待辦清單輸出 csv 檔案，透過一個下載元件，只要輸入資料就...

aoigj100 ‧ 2022-10-04

0 Like 0 留言 705 瀏覽

鐵人賽自我挑戰組 DAY 19

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

技術 Day-19 專案演練 - 打造表格排序功能 react-table

Day-19 專案演練 - 打造表格排序功能 react-table 表格排序指的是用表格的標題的內容來排序整個表格，雖然可以排序的東西是不限任何型態，只要是...

aoigj100 ‧ 2022-10-03

0 Like 0 留言 16193 瀏覽

徵才【徵才/台北/部分遠端】富果帳戶－Senior Frontend Engineer

關於富果富果帳戶，是年輕人都在用的投資帳戶！在富果的每一位夥伴都相信著，透過持續學習和進步，投資這項技能將成為我們這個世代，累積財富的一種理想方式。所以我們...

Fugle HR ‧ 2022-10-03

0 Like 0 留言 362 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 Day-18 專案演練 - 重構程式碼

Day-18 專案演練 - 重構程式碼雖然並沒有影響專案的功能、畫面，但隨著 TodoPage 的篇幅越來越長，我感覺在撰寫程式的過程有點不太舒服，所以我打...

aoigj100 ‧ 2022-10-02

0 Like 0 留言 1561 瀏覽

鐵人賽自我挑戰組 DAY 17

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

技術 Day-17 打造表格列選擇功能 react-table

Day-17 打造表格列選擇功能 react-table 在 todos 中可以當作任務是否完成的選取框框，也可以作為列的選取手段，這樣的設計好像很少見，我之...

aoigj100 ‧ 2022-10-01

0 Like 0 留言 3821 瀏覽

鐵人賽自我挑戰組 DAY 16

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

技術 Day-16 掌控表格的行與列 react-table 基本安裝與使用

Day-16 掌控表格的行與列 react-table 基本安裝與使用會開始學習使用 react-table 是有故事的，因為工作上有個需求是要讓表格需要排...

aoigj100 ‧ 2022-09-30

0 Like 0 留言 1063 瀏覽

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

鐵人賽自我挑戰組 DAY 14

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

技術 Day-14 專案演練 - React 拆元件的思路與操作(下)

Day-14 專案演練 - React 拆元件的思路與操作(下) 沒想到拆元件居然真的講了三天。在實作的時候常常會感覺跳過很多步驟，但實際上沒有跳，只是每個步...

aoigj100 ‧ 2022-09-28

0 Like 0 留言 582 瀏覽

鐵人賽自我挑戰組 DAY 13

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

技術 Day-13 專案演練 - React 拆元件的思路與操作(中)

Day-13 專案演練 - React 拆元件的思路與操作(中) 到了這個階段，我發現一件事情...就是，我在 Day-7 時有提到要輸出報表，然後的這幾天我...

aoigj100 ‧ 2022-09-27

0 Like 0 留言 504 瀏覽

鐵人賽自我挑戰組 DAY 12

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

技術 Day-12 專案演練 - React 拆元件的思路與操作(上)

Day-12 專案演練 - React 拆元件的思路與操作(上) 昨天玩了一下路由，今天在回來看 UI，我會將頁面上需要重複利用的樣式抽出來，在新建的 com...

aoigj100 ‧ 2022-09-26

0 Like 0 留言 486 瀏覽

鐵人賽自我挑戰組 DAY 11

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

技術 Day-11 專案演練 - 路由建置 react-router-dom

Day-11 專案演練 - 路由建置 react-router-dom 前兩天辛苦的切版，今天要換換口味，先來做個路由。對網頁有概念的人會知道，網址就是對應...

aoigj100 ‧ 2022-09-25

0 Like 0 留言 757 瀏覽

鐵人賽自我挑戰組 DAY 10

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

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

Day-10 專案演練 - UI 建置(下) charkra UI & tailwind CSS 承上一章節，分析過設計稿，清楚元件結構關係，就可以實...

aoigj100 ‧ 2022-09-24

0 Like 0 留言 1085 瀏覽

鐵人賽自我挑戰組 DAY 9

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

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

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

aoigj100 ‧ 2022-09-23

0 Like 0 留言 572 瀏覽

鐵人賽自我挑戰組 DAY 8

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

技術 Day-8 專案演練-建立新專案

Day-8 專案演練-建立新專案記得第六天的時候提過，我比較喜歡的開發環境，會以那時說的內容為基底，建置 MyNote 這個小應用，今天這篇文章會提到詳細的...

aoigj100 ‧ 2022-09-22

0 Like 0 留言 643 瀏覽

鐵人賽自我挑戰組 DAY 7

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

技術 Day-7 專案演練 MyNote

Day-7 專案演練 MyNote 這次要做的專案，簡單來講是個加強版的 to-do list，除了基本的增刪修改基本功能，還會表格排序，輸出報表(?)，可以...

aoigj100 ‧ 2022-09-21

0 Like 0 留言 683 瀏覽

鐵人賽自我挑戰組 DAY 6

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

技術 Day-6 我流 react 開發環境

Day-6 我流 react 開發環境到底要先分享我常拿來偷懶的網頁工具或好用標籤，還是要直接開幹一個 side project，考慮許久，我決定先來做 s...

aoigj100 ‧ 2022-09-20

0 Like 1 留言 902 瀏覽

鐵人賽 Modern Web DAY 4

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

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

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

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

0 Like 0 留言 575 瀏覽

鐵人賽自我挑戰組 DAY 5

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

技術 Day-5 我流工作系統

Day-5 我流工作系統開始工作之後，要記的東西真的太多了，只是單純地在紙上寫筆記，應付不了前端工程師的工作...第五天了，想跟大家分享我個人用來工作記事的...

aoigj100 ‧ 2022-09-19

0 Like 0 留言 1393 瀏覽

鐵人賽 Modern Web DAY 3

從Create到React—用來實作使用者介面的JavaScript函式庫系列第 3 篇

技術為什麼需要模組化？—ESModule模組介紹、React整理code技法與基本技巧

本文重點將會以ES6的Module為主文章將會提到以下幾點簡述Moduel歷史什麼是module 基本用法具名匯出、預設匯出 default匯出就像具...

DannyChen ‧ 2022-09-18 ‧團隊好想工作室 v6.0

0 Like 0 留言 687 瀏覽

鐵人賽自我挑戰組 DAY 4

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

技術 Day-4 求職的歷程

Day-4 求職的歷程第四天就跟大家聊聊求職歷程吧。開始投履歷之前我有嘗試很多求職資源，就來跟大家分享一下這期間發生的事吧。緣起以轉職為目的的學習，必然...

aoigj100 ‧ 2022-09-18

4 Like 2 留言 3526 瀏覽

鐵人賽 Modern Web DAY 4

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

技術【Day04】間距 - 元件間的間距

間距、間距、間距！情境在討論今天的主題之前，我們先來看看下面這張圖：第一張圖的情境，有可能是在介面上我們試圖要做一些不可逆的操作，例如你要去刪除某篇文章...

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

0 Like 0 留言 445 瀏覽

鐵人賽自我挑戰組 DAY 3

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

技術 Day-3 學習的歷程

Day-3 學習的歷程第三天了，這篇文章要來分享個人轉職的學習歷程，學習的方式有千百種，成長的樣態也是多元的，盡可能知道多一點，也是不錯的事情吧。緣起偶...

aoigj100 ‧ 2022-09-17

0 Like 0 留言 1000 瀏覽

鐵人賽 Modern Web DAY 2

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

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

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

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

0 Like 0 留言 699 瀏覽

鐵人賽 Modern Web DAY 1

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

技術第 1 幅－這就是工程師的快樂啊！

嗨，大家好！我是珊迪，還有點菜味的前端工程師。這是我第一次參加鐵人賽，希望能在這趟旅程中，為自己立下一個小小的里程碑，紀念 Hello World 一週年。為...

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

0 Like 0 留言 537 瀏覽

鐵人賽自我挑戰組 DAY 1

有關Angular專案開發一切實用的東東系列第 1 篇

技術 Day 1 Angular Pipe 從0到1

建立Pipe指令 ng g p yourPipeName 或是在vscode上再要新增的地方右鍵 ng generate選擇@schematics/angul...

underrated ‧ 2022-09-16

0 Like 0 留言 331 瀏覽

鐵人賽自我挑戰組 DAY 2

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

技術 Day-2 本系列 overview

Day-2 本系列 overview 第二天的文會告訴大家，接下來的大綱會是怎麼長的，幫大家做個 overview。順序可能會變動，也可能會新增主題，但並不會...

aoigj100 ‧ 2022-09-16

6 Like 0 留言 2315 瀏覽

鐵人賽 Modern Web DAY 2

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

技術【Day02】什麼是防禦性 CSS?

在海賊王這部漫畫當中，有一個高人氣的反派角色，夏洛特·卡塔庫栗，他是 BIG MOM 海賊團「甜點三將星」之首、四皇「BIG MOM」夏洛特·莉莉的次子。我...

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

0 Like 0 留言 5206 瀏覽

技術關於 git stash 你可能不知道的用法

相信大家可能都會有這種經驗: 當你在開發某一功能時，突然被PM打斷，要求你現在要先去修正一個急單，這時候你可以有兩個選擇: 直接下commit，然後開始改急單...

janlin002 ‧ 2022-09-15