iT邦幫忙

front-end相關文章
共有 423 則文章
鐵人賽 Modern Web DAY 2
前端開發 30 個問題 系列 第 2

技術 關於 <link> 的兩三事

前言2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相對簡...

鐵人賽 Modern Web DAY 8

技術 【Day 8】Class component && Functional component

今天與明天會來短暫介紹一下 class-based 的 component,今天將講解 class component 的基礎,也比較一下與 functiona...

鐵人賽 Modern Web
Angular 深入淺出三十天 系列 第 33

達標好文 技術 [Angular 深入淺出三十天] Day 32 - 完賽心得

各位邦友大家好,我是 Leo 。 終於完賽了!!!!(舉雙手瘋狂吶喊中) 準備鐵人賽的這陣期間真是渡過一段非常艱辛的時期阿!!工作、家庭、鐵人賽,這蠟燭三頭燒的...

鐵人賽 Modern Web DAY 14

技術 14. [JS] 深拷貝是什麼?如何實現?

在 前天的文章 中,我們討論了 JavaScript 的資料型別,其中最特殊的莫過於物件;在這個萬物皆物件的語言中,如何完美的複製物件,也就成了開發過程中頻繁...

鐵人賽 Modern Web DAY 2

技術 Day 02 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 從小到大的我(關於就業)

社會新鮮人,從業務開始試著做 剛從國軍 online 登出的我,準備成為社會的新鮮人,出社會第一份工作跑去當了房屋仲介,保障底薪六個月,一個月 4 萬元(現在...

鐵人賽 Modern Web DAY 5

達標好文 技術 Day 05 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 轉職的前身其實是離職,但離職以後要何去何從?

其實轉職的決定並不是規劃好的 在前公司後半段的經歷,算是我人生中數一數二痛苦的一段時間,有了家庭,有了小孩,沒有辦法像年輕時一樣灑脫,所以工作狀況不佳的情形也...

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web DAY 16

技術 Day 16. 機動藍圖・介面與型別 X 混用與比較 - TypeScript Interface V.S. Type

閱讀本篇文章前,仔細想想看 TypeScript 的型別系統與介面之間在語法上的差別與介面或型別的使用有何共通點呢?但意義上又會差在哪? 如果還沒理解完畢的...

鐵人賽 Modern Web DAY 24

技術 Day 24 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 我真的被錄取了

天啊!我真的被錄取了 先讓時間回到了 7/27-7/31 那一週,我於 7/28 前往我的第二個面試之後,我隨即已經在 7/31 一早就接到了電話通知錄取,並...

鐵人賽 Modern Web DAY 14

技術 【Day 14】Form in React

今天要來介紹在 React 中如何建構最基本的 form。 重點可以歸納出這幾項: 建立 state 變數,且與 input value 做綁定 設定 onC...

鐵人賽 Modern Web DAY 3

技術 Day 03 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 在澳洲那關鍵的一年

起心動念到底是想逃避還是想要經歷不一樣的一切 前面有提到,我在 29 歲的時候,隻身前往了澳洲 Working Holiday 一年,現在回想起來到底當初是想...

鐵人賽 Modern Web DAY 2
React 走出新手村 系列 第 2

技術 React 走出新手村-架構和渲染模式

理解架構和渲染模式 要走出新手村必須了解自己的技能都帶有哪些屬性,以速成班內容來說多半採用React基本的框架,那這類的框架是採用 Single Page Ap...

鐵人賽 Modern Web DAY 28

技術 [DAY28] React 動畫動得非常厲害

我想說的是:動畫好酷炫耶,以前完全沒用過就跑來寫後端react-transition-group 真的很厲害看完之後...我還是不會想寫前端耶 用 tran...

鐵人賽 Modern Web DAY 28

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

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

達標好文 技術 領進前端門,修行在個人:一變應萬變的響應式網頁設計(2) - 常見版型佈局設定

禁止顯示x軸法則 在開發響應式網頁時最切記的就是不能出現x軸,為什麼呢?當使用者瀏覽時,若畫面有x軸也有y軸時,使用者必須上下左右滑動去瀏覽,這樣對於使用者體驗...

鐵人賽 自我挑戰組 DAY 11

技術 CSS 的 LOGO 圖片隱藏標題與選單並排

之前我們都在講關於排版的東西,現在我們要開始講網站的內容囉,由上至下,我們先從.header開始講起,不管甚麼類型的網站,尤其是商業網站,一定都會有一個 lo...

鐵人賽 Modern Web DAY 3

技術 Angular 深入淺出三十天:表單與測試 Day03 - Reactive Forms 實作 - 以登入為例

今天要來用 Reactive Forms 的方式實作一個簡單的登入系統,撇開 UI 不談,具體的功能需求規格跟昨天差不多,如下所示: 帳號 格式為 Ema...

鐵人賽 自我挑戰組 DAY 2

技術 這一切是怎麼開始的?我怎麼跑去學了 Python

在即將離開公司的前一個月左右,我在 Facebook 上看到一個廣告跳出來,是五倍紅寶石的 ASTRO 全端工程師實戰訓練營,這是我第一次看到「全端工程師」(...

鐵人賽 Modern Web DAY 24

技術 24. [BE] 請說明一下 npm 的套件管理機制。

在現代的網站中,使用他人開放原始碼的套件輔助開發已經是稀鬆平常的事情,無論是透過套件加速堆砌產品,或是在開發環境中加上協助工程師的各式工具,只需要稍加設定,一...

鐵人賽 Modern Web DAY 28

技術 【Day 28】React 的好搭檔 - Material UI && Recharts

鐵人賽進入尾聲了,基礎也都帶過了,最後就來介紹一些自己在寫 React 時常搭配的套件吧。 Material UI Material UI官網 這個函式庫針對...

鐵人賽 Modern Web DAY 15

技術 【Day15 路由神器 - React-router 】

講到 SPA(single page application)與傳統網頁的差異,應該很多人會想到傳統網頁跳頁往往會有一段載入時間,導致畫面空白,讓使用者需要對著...

鐵人賽 Modern Web DAY 13

技術 Day 13 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 我就是爛

時間一直在走,我仍在 JavaScript 海裡載浮載沉 利用當排版助教的三個月時間,我仍努力的在 JavaScript 上精進,嘗試著寫那些看起來好像有點懂...

鐵人賽 Modern Web DAY 8

技術 Day 08 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 目標決定了就出發,但路要怎麼走呢?其實進入 JS 前都還算順利

走吧,啟程了 前面有提到,在我剛開始接觸前端時,我就從六角學院的『HTML、CSS』課程開始,差不多在撰寫這門課的最終作業時,還在撰寫的途中,我就已慢慢察覺到...

徵才 [台中]資深前端工程師

【公司名稱,統編】搞之訊有限公司,82784304 【工作地址】籌備處:台中市西屯區皇福街16號(預計2020年初移至辦公室地址)辦公室:407台中市西屯區惠中...

鐵人賽 Modern Web DAY 1
JavaScript基本功修煉 系列 第 1

技術 JavaScript基本功修練: Day1 - 前言

鐵人賽的第一篇就來寫寫自己參賽目的和文章大綱。 個人背景 來自香港,2019年大學畢業,本科是視覺藝術,專攻平面設計 畢業後成為兼職平面設計師和接案,期間接...

鐵人賽 Modern Web DAY 6

技術 Day 06 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 為什麼想要成為軟體工程師(外在因素)

其實有一個理由是單純覺得很厲害可以嗎? 其實不瞞你們說,像我這種一路以來是文組出生的人,對於理工類的相關技能是想都不敢想的,一方面覺得遙遠,一方面覺得當初那一...

鐵人賽 Modern Web DAY 4

技術 Day 04 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 是魯蛇還是人生勝利組

五子登了幾科? 我在前公司任職的六年多期間,陸續經歷了許多人生大事,我和我十七歲那一年就喜歡上的女孩子結婚了,婚後的兩年多,兒子出生了,開始過著令人稱羨的生活...

鐵人賽 Modern Web

技術 Day 50+ 用了會上癮的 TypeScript 新功能 - Easily Addicted New Features in TypeScript

貼心小提示 筆者最近開始在整理內容並且使用 TypeScript 實驗並且寫各種小專案,因此 Day 50+ 以後的內容通常都是筆者偶爾會整理的一些很實用的東...

鐵人賽 Modern Web DAY 17

技術 Day 17. 機動藍圖・複合型別 X 型別複合 - TypeScript Union & Intersection

閱讀本篇文章前,今天什麼都不用想! 直接進入正文,快看下面! 筆者就直接讓油門繼續摧下去~正文開始! 筆者 O.S.:今天又是數學時間,要學好程式可真不...