Vivian Yeh

Vivian Yeh

378 位追蹤者
哈囉!我是Vivian 🧚🏻‍♀️ 是一位前端工程師,喜歡閱讀、分享及學習。 Instagram: vivian_enlife
為了追求可以窩在座位上、可以心無旁騖思考問題、座位可以亂七八糟沒關係、不需要到處哈腰點頭跑客戶,不用腳踩十公分、連妝都可以不用化的職場人生,文組少女毅然決然踏上RD的養成日常。
由新到舊
在軟體業跨領域轉職者可以嘗試什麼職位?(UIUX 設計師篇)在先前文中,有提到我在 2020 年時任職軟體新創公司時,意識到自己在行銷領域的有限性與不確定性,轉而想投入與產品開發有相關的角色,其中最一開始我想要轉職的並不是軟體工程師,而是 UIUX 設計師⋯⋯
Thumbnail
2024-07-20
17
我該趁年輕去軟體博弈 / Web3 產業撈一筆嗎?HR 不會跟你說的事在經營社群的過程中,我時不時會收到有讀者來詢問轉職到博弈領域相關的疑問,其中有部分並不是因為理解到對部分非本科工程師來說,博弈或是區塊鏈相關的產業是一個門檻較低的領域所以才來詢問轉職方向,而是單純薪資高,所以想要嘗試轉職進博弈或是區塊鏈產業⋯⋯
Thumbnail
2024-06-15
8
網頁瀏覽器中可以使用的 storage:localStorage 跟 sessionStorage 是什麼?兩者差異為何與 cookie 相比,localStorage 與 sessionStorage 的機制相對單純,兩者皆是瀏覽器中的儲存空間,與 cookie 最大的不同在於:localStorage 與 ⋯⋯
Thumbnail
2024-05-23
8
網頁瀏覽器中可以使用的 storage:什麼是 HTTP cookies?為什麼使用 cookies 會有資安風險?在瀏覽器環境中有許多的儲存空間,想要查看這些空間的話,可以透過「chrome > Dev Tools > Application > Storage」即能進行查看。 瀏覽器內存空間的差異不僅常常被拿來被當作面試考題,在實務開發中更扮演舉足輕重的角色,今天就想透過這系列的文章深度了解這些瀏覽器內存⋯
Thumbnail
2024-05-22
9
接案公司與自有產品的公司差在哪?軟體業自有產品公司的營運模式相較於接案公司,說到自有軟體產品的企業,普遍大家會自動套上粉紅濾鏡,覺得產品公司就是比較好,不像接案毛利低、又常常有時程壓力。 在網路上也可以找到各式各樣的文章告訴你接案公司的各種地獄故事,覺得如果有選擇的話,可以做產品就不要接案,就連以前的我也都有一顆產品夢。 但事實真的是這樣嗎?
Thumbnail
2024-05-02
7
為什麼前端不愛用 Webpack 了? Vite 簡介Vite 是由 Vue 開發者 Evan You 所開發出來,用來加快、優化程式碼打包的工具,在這裡我們不免會需要提到大部分前端開發者可能都會聽過、使用過的前端工具:Webpack。 在那之前,我們先來聊聊為什麼前端會需要所謂的打包工具呢?
Thumbnail
2024-03-27
10
什麼是 Storybook?獨立開發前端元件,打造自己的 UI Library(React)Storybook 是一個用來透過獨立元件快速開發 UI 介面的工具,以往要開發元件時,我們可能需要建立一個全新的頁面才能進行開發,但這樣的開發方式可能會有一個狀況:沒有辦法事先開發或是預覽流程中不存在的元件。 透過 Storybook 我們在開發元件時,不需要重新建立複雜的頁面結構⋯⋯
Thumbnail
2024-03-06
21
接案公司與自有產品的公司差在哪?軟體業接案公司的營運模式先來幫大家複習一下我的轉職歷程,簡短來說,我是先到了一間軟體公司負責軟體的中英翻譯、行銷,讓我對打造軟體產品起了濃厚的興趣。 轉職前端後,我在台灣北部知名的接案公司待了一年半,後續開啟我的自有產品開發之路,以撰寫文章當下的現狀來說,我在一間台灣知名老牌的財經平台寫了八個月的軟體產品後,投入到⋯⋯
Thumbnail
2024-03-01
5
【前端開發】TypeScript 的型別推論、型別註記與型別斷言上一篇文章分享了 TypeScript 的定義、前端角色定位,如果你不是很確定「TypeScript 是什麼?」、「TypeScript 作為 JavaScript 的超集,在網頁開發扮演怎麼樣的角色?」這兩個問題的答案,建議可以回到上一篇先了解一下。
Thumbnail
2024-02-20
5
【前端基礎】為什麼前端要檢核表單內容?低成本優化前端使用者體驗在前端的開發中,除了切版與串 API 外,大部分的時間都在針對表單內容進行檢核、驗證、阻擋,一方面是讓使用者在操作頁面的過程中有良好的使用者體驗,不會因為一些例外狀況(Edge Case),例如:莫名其妙的 4xx 錯誤,導致使用者卡在某個操作流程中逃不出來,另一方面是讓傳遞到後端的資料更加正確⋯⋯
Thumbnail
2024-02-08
5
【前端基礎】JavaScript 中的閉包是什麼?React 閉包應用情境在 2021 年的剛轉職成為前端工程師的時候,我在面試時滿常會被詢問到 JavaScript 中閉包的議題,當時候自己回答的滿差的,於是在 2022 年時,我寫了一系列的有關於函式程式設計鐵人賽的文章, 裡頭就有簡單提到有關於閉包的議題。
Thumbnail
2024-02-01
4
【前端基礎】JavaScript 的 this 到底是什麼?call、apply 與 bind 的差異在之前的文章當中曾經提到過 JavaScript 中的物件有一個特別的機制:傳參考(Called by reference),如果正確性再高一點的話,則可以稱之為傳共享(Called by sharing)。
Thumbnail
2024-01-28
6
【前端基礎】關於 JavaScript 的型別系統:自動轉型、真值與假值在先前的型別文章中,我們曾經聊過 JavaScript 常用的一些型別,但針對布林這個型別,我們沒有做太多的解釋,原因在於布林值在 JavaScript 會有一個特殊的規則:自動轉型 。 自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素,接著就來讓我們來聊聊什麼是自動轉型
Thumbnail
2024-01-25
19
【前端基礎】關於 JavaScript 的型別系統:基礎型別、物件型別在剛開始寫 JavaScript 可能大多數的人不會特別意識到 JavaScript 的型別系統有什麼特別之處,我是在看完 Youtube 上 CS50 的課程,才理解到在不同的程式語言中,會因為語言的特性而有不同的系統,JavaScript 就是偏向比較特別的那一種。
Thumbnail
2024-01-09
7
EDC 轉職三階段:探索期,如何透過自我探索展開職涯全視野我認為能在一開始就承認:「自己不知道要做什麼」,遠勝過於:「我以為自己適合做什麼」。 如果有了解我的轉職故事的話,會知道在我在大學畢業以前,非常篤定自己「很適合走語言」這條路,這讓我在遇到機會時出現一個很不可取的思維:「反正我都要走語言相關的路,我幹嘛還要花時間去嘗試毫不相關的事?」
Thumbnail
2024-01-02
5
前端工程師工作兩年心得,技能覆盤、願景規劃之前工作滿一年的時候有想過要寫個前端工作一年心得,但去年十月的時候手上正在開發一個時程很趕的專案,加上在寫 2022 年度的 ithome 鐵人賽,所以一直沒有時間來分享心得。 到了 2023 下半年時,自己有刻意放慢生活的節奏,終於有時間有紀錄轉職以來的歷程。
Thumbnail
2023-11-28
13
初探 EDC 轉職三階段:轉職有風險,請謹慎選擇在轉職的過程中,會經歷不同的階段,而在不同的階段中我們會遇到不一樣的難題,及採取對應的策略與工具⋯⋯
Thumbnail
2023-11-17
9
新手軟體開發者容易誤觸的幾個雷區前陣子在跟讀者聊天的時候,發現在 Junior 階段很容易遇到一些工作上挫折,但又不太知道怎麼解決或是優化。 也有可能在開發過程中碰到了些大地雷,但身邊的前輩、同事不一定能用比較軟性的方式好好的傳達,這是非常常出現的,尤其是在跨部門協作經驗較少的工程師,會不曉得怎麼用淺顯易懂的語言告訴⋯⋯
Thumbnail
2023-10-01
12
如何找出職涯定位?打破薪酬迷思、使用刪去法錨定職涯目標C 小姐是我某一份工作上認識的工程師,她比我資深的多,也是透過自學轉職的前端工程師,在一起工作的過程中,我可以感受到對方有滿多的焦慮與對於職場的不信任。 很多時候在接受任務指派時,C 都滿信誓旦旦可以完成,但臨近下班前就會從她的辦公桌那邊隱隱約約傳來一些呢喃聲:「我要賺錢,所以一定得要寫出來!」
Thumbnail
2023-09-02
11
【前端開發】如何使用 JavaScript 進行頁面的轉址?在前端開發中,很常會有需要轉址的需求,且處理的手法滿因人而異的,所以今天就想要來整理一些常見的 JavaScript 頁面轉址方式,以及各自的差異。
Thumbnail
2023-08-03
11
轉職軟體工程師前,你需要知道的事在瀏覽任何我撰寫的文章,或是想要參考其他人的職涯策略之前,希望你可以理解到一件事:「即使不知道正確的方法、一路上會面對到許多挫折,你還是可以選擇要不要踏出第一步。」
Thumbnail
2023-07-01
12
【前端開發】如何透過 CSS 實作段落的斷行效果,white-space 語法應用說到 HTML 元素的換行效果,在前端有滿多種實作方式的最常見的方式是使用 <br /> 這個 HTML 元素來進行換行 ⋯⋯
Thumbnail
2023-06-07
7
【前端開發】TypeScript 是什麼?優化 JavaScript 開發體驗的程式語言自己在剛開始進入前端領域時,很剛好遇上需要使用 TypeScript 的案子,一開始都是跟著前輩怎麼寫就怎麼寫,不太有其他餘力來思考「為什麼」會需要寫這門程式語言,直到自己後來使用了 TypeScript 完整開發了電商的購物流程,才慢慢理解到使用 TypeScript 的好處與優勢。
Thumbnail
2023-05-18
13
轉職 Q & A :跨領域轉職篇 (2)Q:Vivian 轉職前端工程師的動機是什麼? 某份工作中誤打誤撞進了軟體業,工作了一段時間後,發現自己想要離產品更近,希望能作為軟體開發的核心人員,透過一段時間的摸索最後轉職成前端工程師。
Thumbnail
2023-05-02
10
【前端開發】什麼是原子設計(Atomic Design)?優化網頁元件架構的設計原則前端工程師可能會隨著工作經驗的累積,而開始想要寫出更好的網頁架構,又或者是能有一套方法讓組織間的溝通、工作模式更加順暢。
Thumbnail
2023-04-01
12
沒有人一開始就知道要做什麼:大學畢業一年半,我換了四份工作(下)在經歷了兩份工作,與一堆雜七雜八的爛事後,我在自己的人生規劃中寫了非常多我對於職場的想法:不想再待在教育環境、老闆、主管 EQ 超級重要、要跨出自己的舒適圈,不可以偷懶 ,以及要有耐心等待好的機會,寫下這些內容後,我發現自己雖然自己依然不太知道想要做什麼樣的工作,卻描繪出一個「理想的就業環境」,人在
Thumbnail
2023-03-07
14
沒有人一開始就知道要做什麼:大學畢業一年半,我換了四份工作(上)透過這個故事,我想告訴你:職涯這條路上犯錯是必要的,沒有人一開始就知道自己要做什麼,這聽起來令人灰心對吧?但好在我們可以透過一連串正確的小小選擇與修正,讓自己走在越來越適合的路上。
Thumbnail
2023-03-06
18
【前端開發】如何透過 Firebase Realtime Database 建立假資料、簡易資料庫(noSQL)Firebase Realtime Database 是一個 NoSQL 即時雲端資料庫,支援多平台(JavaScript SDKs、Android、iOS),可以讓使用者即時取得資料庫的資料。
Thumbnail
2023-02-05
15
轉職 Q & A :跨領域轉職篇想要跨領域轉職軟體工程師,如何踏出第一步? 有一部分的人會因為身邊親友從事相關領域的工作,進而有機會了解業界的軟體工程師的工作內容,但如果身邊沒有任何認識的人在相關領域從業該怎麼辦呢?想要轉職該如何踏出第一步?
Thumbnail
2023-01-10
14
【好好生活】壓力也要斷捨離,5 個減法生活提案2022 下半年,我加入了一個中型的網頁開發專案,除了專案要使用自己所不熟悉的新技術,日常的線上 Bug及 瑣事依然要處理,工作理所當然變得充實且忙碌。 一個月中大概至少有三分之一的工作天都在加班,這讓我的生活發生許多變化,最明顯的一點是:我可以利用的時間變少了,大部分的時間都被工作給佔據⋯⋯
Thumbnail
2022-12-16
20
【前端開發】FP 基礎:純函式 & 柯里化Functional Programming 中文譯作函式程式設計,或是功能性程式設計,常簡稱為:FP,是一種透過使用純函式(Pure Funciton)進行軟體開發,且避免副作用的程式設計典範,比起宣告式的流程控制,在 FP 採用主要以表達式的方式撰寫程式碼。
Thumbnail
2022-11-21
10
【入門篇】如何撰寫技術文章?軟體工程師推薦閱讀在本篇文章中,會分享 3 個適合軟體工程師入門技術寫作的小技巧,以及一些在剛開始撰寫技術文章時可能會遇到的問題及對應心態調整的方式。
Thumbnail
2022-10-11
15
【自學程式】那些年你沒搞懂的 Flexbox 及實務應用技巧在 Modern Web 的世界中,已經有非常多的套件、語法、框架,可以解決大部分網頁排版問題。 以我近期的觀察來說,在專案開發時,大部分公司會為了讓下一個接手、維護的開發者能更快上手專案架構,而採取原生的 CSS 寫法,而不是仰賴快速又方便的套件。
Thumbnail
2022-04-28
7
【自學程式】如何突破程式卡關期?五個推薦成長密技「Hi,Vivian 想要請教妳有沒有在寫程式的時候遇過瓶頸呢?」這大概是我在經營自媒體後,最常收到的問題了。 說實話,身為非本科系的我,在還沒掌握寫程式的精髓時,多多少少都會有感到很挫折的時候,在分享我自己的狀況前,先來聊聊讀者及一些朋友與我分享他們在學習程式時卡關的狀況:
Thumbnail
2022-04-09
15
【自學程式】好用的 CSS 偽類選擇器 :nth-child() 與 :nth-of-type()相信透過之前的介紹,大家對於 CSS 選擇器(CSS selector)已經不陌生了,今天我們要來聊聊兩個在實務上非常好用的偽類(pseudo class )語法,他們分別是 :nth-child() 與 :nth-of-type(),在了解這兩個語法之前,我們首先要先來聊聊什麼是「偽類」呢?
Thumbnail
2022-03-23
5
【高效職場力】為什麼需要設定目標?五個你該寫下待辦清單的原因X 是一個在目標執行上風格跟我很不一樣的朋友,在一天悠閒午後的閒聊中,X 提到當有計劃之外的空閑時間或是假日時,就會特別想要跑出去玩,又或者是盯著手機滑整天,一不小心時間就過去了。 有時候想要做點什麼,閒下來時卻又突然不知道該幹嘛、腦筋一片空白,朋友 X 對此感到特別的煩惱。 關於我:
Thumbnail
2022-03-08
15
【自學程式】Hoisting 到底是什麼?前端常見面試考題Hoisting 可以說是 ES6 問世之後,去面試還是會爾偶被問到的面試考題,雖然 Hoisting 離 Modern JavaScript 的技術有點距離,實作上幾乎不太會用到,但透過了解 Hoisting 的概念,可以對這門語言有更深的了解與掌握度。
Thumbnail
2022-02-11
9
【真心話分享】Aikaa S-Curve Chair 輕型平衡坐墊實坐一週心得轉職為前端工程師幾個月後,與以往工作性質最不同的地方是,工程師大部分的時間不需要跑外勤,也不用去招呼客戶,所以不是坐著,不然就是往椅子的方向前進。 身為個子不高的女性工程師,我在辦公室常常會遇到一個困擾:椅子太深、椅背太靠後面了! 我是Vivian,我們下次見。
Thumbnail
2022-02-07
7
【自學程式】var、let 與 const 到底差在哪?對於剛接觸前端開發不久的人來說,可能會對var、let 與 const 的差異略懂略懂,但又說不太出三者實際哪裡不一樣。
Thumbnail
2022-01-18
7
【JavaScript 簡史】什麼是 ES5、ES6?網頁開發與 ECMAScript 的小故事在一開始學習前端開發的時候,一直遇到講師在課程內容中提到 ES5、ES6 等關鍵字,當初的我,單純認為 ES5、ES6 是講述 JavaScript 的版本,所以在使用上就沒有想太多,反正就是 JavaScript 1.0 、2.0 的感覺吧?
Thumbnail
2022-01-15
12
【跨領域轉職】要準備到什麼程度才可以找第一份前端工程師的工作?在 2021 年 6 月的時候,我帶著前端學習者的身份,第一次用影片的方式跟大家分享了自己學習前端的歷程。 老實說,即便當時的我非常有目標地在準備轉職,也了解只要自己持續努力,最後有一天一定會轉職成功。 但在心中依然會有一些自我懷疑的聲音:「我真的可以嗎?」 當然不算! 關於我:
Thumbnail
2021-12-27
23
【CSS 教學】position 系列語法彙整,絕對、相對定位的開發、除錯技巧不論是在基礎或是進階的版面排列,幾乎離開不了 position 系列的 CSS 語法,如果對於這些語法不熟悉,要快速完成畫面需求幾乎是不可能的,甚至會延宕整個團隊的開發速度(對,position 語法就是這麽重要)。
Thumbnail
2021-12-05
10
【自學程式】何謂自學?五個你不該踏進的學習盲區在還不是工程師以前,我非常著迷於「自學」這個詞,不論在工作上、興趣方面的問題,我都會告訴我自己:「嗯!我可以自己學起來!」 於是乎我就有了「自學行銷」、「自學設計」、「自學吉他」等,各式各樣的自學行為,有時候我會買書學習,但有時候又會覺得:「啊,網路上這麼多免費的資源,我多看幾個影片就可以學會了。」
Thumbnail
2021-11-22
24
【自學CSS】min-width、max-width 到底怎麼用?響應式網頁應用解析相信大家在一開始接觸 CSS 時,一定會很疑惑為什麼除了 width 外,還會有 max-width 及 min-width 語法呢? 當要開發響應式網頁時,到底要使用什麼語法來控制「斷點」?
Thumbnail
2021-11-14
11
【職涯探索】軟體工程師需要具備什麼樣的特質?面試前你需要知道的事讀者 C 常常私訊我有關程式學習的問題,在初期我會試著引導他自己找到解決的方案,然而當我透過對話越了解這位讀者時,我才漸漸觀察出,為什麼有些人可以成功轉職,但有些人不行的脈絡⋯⋯
Thumbnail
2021-10-29
14
【程式新手】為什麼我寫的 JavaScript、Sass 需要編譯?編譯器又是什麼?在初學程式的時候,我曾經看室友開發專案到一半時,突然坐在那發呆,於是我好奇一問,室友說:「我在等程式編譯完成啊。」 還記得當初還是程式小菜雞的我,懞懂無知的說:「編譯?哈哈哈,我們 JavaScript 都不需要編譯耶,可以直接跑在瀏覽器上。」 室友一臉莫名其妙地回我:「噢,是嗎⋯⋯」
Thumbnail
2021-10-25
10
【學習技巧】如何有效提升學習效率?超專注學習的五個小提案讀者 W 從 2021 年的春天開始,就斷斷續續的私訊我一些有關程式學習的小困擾,直到 2021 年的夏天都快要結束時,讀者 W 還是沒有辦法進入到穩定的學習階段⋯⋯
Thumbnail
2021-10-17
16
【轉職心得】從零到前端工程師,我到底做了哪些努力?原本最近學習學到一個段落,準備著手準備前端作品集,不曉得是不是上天看到我的努力,竟然在我只有將課程作品放上 cakeresume 的狀態下,收到不少面試邀請,也順利地收到 offer 。 要感謝、要記錄的過程太多了,於是我著手撰寫了這篇文章,希望可以幫助正在轉職苦海努力的你。
Thumbnail
2021-10-01
41
【CSS 教學】什麼時候該使用 margin 、padding?前端都該要懂的盒模型! 對於前端初學者來說,在切版時會出現很多規則、不規則的網頁區塊,這時候我們會嘗試用各種相對定位、絕對定位、margin 或是 padding 的方式來進行網頁區塊的推擠。
Thumbnail
2021-09-28
8
【專案管理】Mermaid.js 套件介紹,Markdown 語法簡單做出甘特圖經過查找,我發現要在 Google 試算表上實現甘特圖會很複雜,也要花很多時間研究,困難難度實在不亞於使用 Excel 來建置甘特圖。 誤打誤撞下,我發現了一個開放資源,可以透過簡單的 Markdown 語法來建置甘特圖,或是其他流程圖的套件:Mermaid.js。
Thumbnail
2021-09-21
12
【職涯探索】如何知道自己適不適合學程式?三步驟制定職涯測試計畫經過數月的觀察,我發現大部分想要採取行動的轉職者,很常卡在不曉得該要如何執行的階段,除了跟心態有關以外,更重要的是,作為程式開發者,學習方式跟傳統台灣的教育方式大相徑庭。
Thumbnail
2021-09-20
9
【CSS 教學】inline、block、inline-block 使用時機講解明明想要某個欄位的寬高為 200px,卻發現自己不知道為什麼怎麼更改都會改不動,又或者寬高更改了,卻沒有辦法與其他元素並列。 上述的狀況,通常都是在不熟悉 HTML display 特性而產生的狀況下才會出現⋯⋯
Thumbnail
2021-09-07
8
【前端課程】六角學院切版直播班值得推薦嗎?全勤實戰心得這一次再分享心得,主要是要跟大家聊聊,在結束 JavaScript 直播班後,我發現自己的切版技能跟不上實作功能的開發速度,於是又再投入了同樣是六角學院開的切版直播班之學習心得。
Thumbnail
2021-08-26
14
【職涯探索】轉職前的策略思考,三個問題帶你突破職涯瓶頸各種環境因素讓我們開始思考轉職的可能性,然而當開始嘗試踏出舒適圈、到要執行的地步時,卻又會因為各種藉口打退堂鼓而放棄。  
Thumbnail
2021-08-14
15
【自學程式】如何調整網頁背景圖片大小?解決背景重複、圖塞不滿問題在一個網頁上,會需要使用到圖片的地方有非常多處,像是品牌主視覺、橫幅廣告、側邊廣告、主要內容的預覽圖片、縮圖、背景圖片等。
Thumbnail
2021-07-31
9
【筆記軟體教學】如何打造架構式筆記?使用 HackMD 書本模式提高專案協作效率HackMD 是一個協作共筆文件彈性很高的工具,但也因為彈性高,更需要學習系統性的管理方式。 當瞭解 HackMD 的編寫邏輯,就能依照協作文件的性質,來進行不同的管理方式。
Thumbnail
2021-07-20
13
【自學程式】如何設定網頁的背景圖片?多層次背景圖、漸層背景教學在初學網頁排版的時候,文字、段落、列表的排版可以說是比較好上手的,只要稍微透過margin、padding、border及文字顏色上調整,就可以輕易獲得一段美美的文字。 然而要去調整圖片的大小及其他相關效果,就不是那麼容易的一件事了,往往在開發時,都會出現圖片效果不如自己預期的狀況。
Thumbnail
2021-07-11
9
【自學程式】什麼是Emmet?加速前端開發必備,常用15種HTML Emmet語法教學初學程式的時候,可能會有幾個問題讓你的開發速度低落,腦袋動得很快,但是手卻跟不上想法。 舉例來說: 瀏覽器的DevTool一直報錯,畫面的邏輯出錯,或是畫面根本出不來,但你卻不知道問題出在哪。
Thumbnail
2021-07-03
7
【自學程式】學習RWD以前,不可或缺的網頁容器概念!一開始接觸網頁開發的時候,可能會常常在切版時遇到一些奇奇怪怪的問題:版面總是無法貼齊,左右參差不齊;圖片或是版型變形,但都找不到問題,又或者是技術跟不上設計稿,怎麼切怎麼亂。 會有這樣的狀況主要是⋯⋯
Thumbnail
2021-06-19
9
【自學程式】HTML 屬性是什麼?解析常見 HTML 屬性用法在HTML程式語言中,有一種能讓HTML元素與其他程式語言(CSS、JavaScript)運作的更加順利的語法,它叫做「HTML屬性(HTML Attribute)」。 那HTML屬性是怎麼運作的呢?
Thumbnail
2021-06-15
5
【遠距溝通】在職場如何把話說好?少做這幾件事讓你人見人愛最近台灣疫情越來越嚴重,許多公司都開始遠端上班,雖然這並不影響正在全職學習的我,但我卻也間接因為疫情,深受遠端合作的困擾。
Thumbnail
2021-06-12
14
【自學程式】什麼是CSS選擇器? 學習如何改變網頁內容的樣式與HTML不同,CSS是專門修改網頁內容「樣式」的程式語言,也就是說你沒有辦法透過CSS去新增網頁的文字或是圖片等相關的內容,但你可以透過HTML新增網頁內容後,再使用CSS去修改他的樣式,例如⋯⋯
Thumbnail
2021-06-10
9
【自學程式】什麼是HTML標籤?初學網頁開法必備的四個HTML標籤HTML一種建立網頁架構的程式語言,對於初學程式的人來說,HTML是非常好上手的。 它沒有不像是CSS及JavaScript,沒有複雜的邏輯,只要更改程式碼,馬上就可以透過瀏覽器或是模擬器將結果顯示出來。
Thumbnail
2021-06-07
9
【網頁開發】什麼是RWD?不只有工程師要懂的響應式網站設計還記得在我小學的時候,筆記型電腦不那麼普遍,如果想要看小說或是漫畫,人就一定要跟桌上型電腦綁定,沒辦法像一般書本一樣在任何地點隨心所欲地閱讀小說。 後來到了我國中的時候,mp4 開始變得非常的盛行,除了聽音樂之外,還可以將 .txt 檔案匯入mp4,讓我可以在看網路小說時不再受限於電腦⋯⋯
Thumbnail
2021-06-03
9
【職涯探索】如何靠「個人品牌」打造職涯藍圖?2016年時,我是一個還在讀大二的英文系學生,那時候我與我的人生初戀交往不久,正處於非常愛與身邊同儕比較穿著打扮的時候。 那時的我,除了在課餘時間當家教打工外,我還有一個興趣,就是看美妝Youtuber學習如何保養化妝⋯⋯
Thumbnail
2021-05-31
18
【自學程式】如果網頁是一台小車車?淺談網頁三巨頭:HTML、CSS及JavaScript 許多初學網頁開發的朋友們,一開始都不太理解HTML、CSS、 JavaScript之間的差異性,導致初期規劃學習計畫時毫無頭緒。 會有這樣的困擾,主要在於不了解HTML、CSS、 JavaScript之間的關係,以及這三者在網頁運作時所扮演什麼角色,導致越學越阿雜的狀況。
Thumbnail
2021-05-18
10
【2022 更新版】學程式如何挑選課程?程式學習管道盤點2020年底時,我內心充滿迷茫地離開了社群行銷的工作崗位,幸運的是,當時自己有幸參與了產品開發部門的相關事務,發現自己對於RD這個領域充滿憧憬,於是毅然決然踏上轉職之路。
Thumbnail
2021-05-15
20
【自我探索】你真的了解自己嗎?試試「十六型人格測驗」吧!第一次接觸到人格測驗大約是國中的時候,但這個時間點並不是很重要,因為到大學畢業,甚至是到我前一份工作前,幾乎都會被要求進行生涯相關的性向測驗。 然而這些老師或是人資單位提供的性向、人格測驗真的非常非常簡陋,簡陋到⋯⋯
Thumbnail
2021-05-11
15
在軟體業跨領域轉職者可以嘗試什麼職位?(軟體工程師篇)進行職涯輔導時,我很常收到讀者劈頭一句:「我想要當工程師,請問你可以給我一些建議嗎?」 如果你並沒有轉職的打算,不理解工程師種類之間的差異也沒關係,然而當你想要轉換跑道時,不理解工程師其實有分為許多種類,可能會導致你浪費大量時間、金錢追求不適合自己的目標。
Thumbnail
2021-04-26
27
【前端課程】六角學院JS直播班值回票價嗎?全勤實戰心得前陣子有讀者來信詢問我:「嗨!Vivian,我想要請問妳都是在哪裡學程式的呢?是實體課程嗎?」
Thumbnail
2021-04-21
11
【自我成長】不想要自我設限嗎?這幾個口頭禪別常常掛在嘴邊正式踏上轉職之旅前,我常常會有一些自我貶低、設限的想法,而這些想法逐漸化作言語,慢慢腐蝕我的思想,趕走我對於未來的希望。 那是一個下午,我與朋友J如往常進行著讀書會。
Thumbnail
2021-04-12
18
【好好生活】如何擺脫飲食焦慮?不節食的美好生活提案 在拜讀《不節食的美好生活提案》這本書前,我與食物的關係一直都還滿糟的,我曾歷經厭食、暴食等飲食失調的症狀,而這一切這還要從我很小的時候說起: 從小我的身形就一直發育的比同年齡的小孩快⋯⋯
Thumbnail
2021-04-05
9
【迷思破解】軟體工程師真的都要數學很好嗎?四個根本不實的流言破除在決定轉職前端工程師之後,陸陸續續都有一些朋友及讀者來關心我學習的近況,但是呢,與這些讀者及朋友討論我轉職起因時,我發現大家都對軟體工程師的工作內容不太熟悉,甚至有一些既定的迷思及誤解⋯⋯
Thumbnail
2021-03-27
9
【好好生活】如何在焦慮中找回自己?四個實用排解焦慮感的小方法真正意識到自己心中有許多錯綜復雜的焦慮時,大概是我23歲的時候了。 那個時候的我,短短畢業不到半年就換到第三份工作,在那之前的第一份、第二份工作,我大概都只撐了一個半月,也許是不喜歡當時的工作環境,又或者無法適應整個不友善的就業環境。
Thumbnail
2021-03-21
12
【自我成長】想要提升學習效率?你需要的是「刻意練習」!|職場菜鳥日常朋友J是引領我進入程式開發領域的導師,一直以來,我非常羨慕朋友J的學習效率,雖然平常看似漫不經心,見到他的時候也很少看到他進修、學習新知,但如果他想要,即便是週日晚上,他也可以心無旁騖專心做事,或者是像老僧一樣入定,看個課程就彷彿進入心流的狀態。
Thumbnail
2021-03-13
20
【職涯探索】你會想要轉職軟體工程師嗎?外文系畢業決定轉職的四個原因!|RD少女養成計畫 讀者W是我在經營自媒體時認識的朋友,他非常好奇我以往的工作經驗,以及想要成為工程師的自我探索及相關的心路歷程。 也許有些人會覺得,是不是生命中會有那麼一刻,是你突然發現自己非常想要做某件事,不做可不行,就彷彿一起床身體
Thumbnail
2021-02-24
18
【職涯探索】非讀不可的36堂精準職涯課,如何成就未來的你?|V編書單今年過年時,輾轉知道親戚A剛上大學,並選了資訊相關的科系來就讀,聽到的當下讓我非常的震驚,為什麼我會很驚訝呢?這故事要從去年說起。 當初A在填選自願時,也許是因為近期台灣的大學皆面臨少子化的難題,該大學的系主任親自上門拜訪⋯⋯
Thumbnail
2021-02-20
7
【Podcast推薦】2020改變我最多的節目:佐編茶水間、大人的Small Talk你有聽Podcast的習慣嗎? 2020年被稱為台灣的Podcast元年,許多充滿了智慧、知識的音頻節目如雨後春筍般出現,連平常不怎麼聽廣播的我也都養成了通勤、做家事一定要聽Podcast的習慣。
Thumbnail
2021-02-06
12
【職場雜談】我該離職嗎?有這幾個跡象就別再猶豫了!身為一個初入職場不到兩年職場新鮮人,我在剛畢業的時候就累積了兩次正職的辭職經驗,加上長達六年的兼職家教經驗的話,總共有四次自願性離開工作崗位的經驗⋯⋯
Thumbnail
2021-01-30
21
【自我成長】如何打造理想人生?《你的工作必須有錢有愛有意義》 不曉得人都是什麼時候開始,意識到自己如果不改變不行了呢? 從小到大我一直不是一個笨小孩,常常考試都可以名列前茅,儘管有點小聰明,仍然避免不了內心一些叛逆的因子,國中的時候明明身為班長,但卻常常私下被班導師抓去⋯⋯
Thumbnail
2021-01-23
16
【自我成長】為什麼新年目標總是無法實現?訂定目標時的這四個地雷別再踩啦! 每到年末,才發現年初許的新年目標一個都沒有執行嗎?
Thumbnail
2020-12-19
7
【自我成長】不想再當濫好人?三個方法讓你找回人生自主權前幾週朋友盧白白在社群群組中昭告:「我要去自殺了,謝謝大家一路以來的陪伴。」在那一天,朋友圈裡就好像炸了鍋一般,不想要他就這樣離開世界的我自私的報了警。
Thumbnail
2020-12-10
10
如何搞好職場人際關係?這四件事讓你的仕途更順遂,職場新鮮人必讀 宮鬥那些誇張的戲碼,也許正在職場上演中。 曾經在工作中與一位有英國碩士的同事A共事,剛進這個職場時,發現同事A除了有學歷光環之外,更因為外表豔麗而受到身邊同事的歡迎。 然而有次加班時,偶然知道主管很不喜歡這位受歡迎的下屬,因為同事A喜歡私底下搞一些小動作:同事A在某次的專案中,把另一位的同仁的心
Thumbnail
2020-11-29
16
【好好生活】如何調適壓力?五個方法面對生命裡的焦慮感在那些忙碌的日子裡,我們就好像充飽氣的氣球,什麼空間也沒剩下;然而來自各方的壓力就好像打氣筒,千方百計地想把我們灌到再也裝不下,隨便一個人的話語都可以成為利刃,輕輕一扎,氣球就會爆炸,而這樣的過程日復一日的重複著,我們也日復一日的崩潰著。
Thumbnail
2020-11-22
12
【自我成長】為什麼我們需要好習慣?原子習慣讓你輕鬆打造理想的自己|V編書單以前求學的時候,常常聽到物理老師分享自己在學習理論的過程中,藉著物理原則更了解世界與宇宙給予的恩惠,物理也讓他的人生更加美好,但對於理科一竅不通的我總覺得物理老師真的很會唬爛,不就是一堆數字嗎?到底能知道什麼人生大道理? 然而在我閱讀《原子習慣》時,才深深了解到當初老師提到的,為什麼物理原則能給予我
Thumbnail
2020-11-15
10
【自我成長】如何提升自信?四件你現在就可以做的事「請先喜歡自己的模樣。」 — — 周慕姿
Thumbnail
2020-11-07
9
做菜裡的簡報學:你想吸引怎麼樣的聽眾?五步驟精準瞄準!到任何值得去的地方都沒有捷徑。——佚名
Thumbnail
2020-11-01
8
【跨領域轉職】如何零經驗進入想要的領域?菜鳥行銷人淺談自學設計之路|V編日常你一定要找到自己喜愛的事物。 — — 蘋果公司創辦人賈伯斯
Thumbnail
2020-10-24
16
【自我成長】總是很在意別人看法?簡單小撇步,給想擺脫世俗眼光的你|V編日常能讓你覺得處處不如人的,只有你自己。 — — 前美國第一夫人愛蓮娜・ 羅斯福(Eleanor Roosevelt)
Thumbnail
2020-09-27
6
如何自學設計?設計小白也可以超有美感,基本設計力:簡單卻效果超群的77原則「人為生活而設計,設計為生活而存在。」 — — 佚名
Thumbnail
2020-09-09
10
【自我成長】拖延症? 做事情總是3分鐘熱度?原來是完美主義惹的禍!|戰勝完美主義完整攻略「願意犯錯是很重要的,反正最糟糕的情況不過就是被大家記得而已。」 — — 富商莎拉・布蕾克莉(Sara Blakerly)
Thumbnail
2020-09-02
7
【自我成長】想要變得更強卻無從下手?全方位自我成長大全:告別玻璃心的女力養成指南親愛的,當你遇上人生瓶頸,或是碰上日常生活中一些煩人、難以處理的事時,第一個浮現在你腦海中的想法是什麼?是先譴責自己為什麼這麼笨、為什麼做不到嗎?總覺得自己應該再努力一點,只要再努力一點整件事的樣貌都會不一樣? 或者是你會把錯誤都歸咎到他人身上?抱怨、八卦他人為什麼要扯自己的後腿,看不到他人的付出,
Thumbnail
2020-08-25
8
生活總是不如你的意?聊天時三句不離抱怨?你需要來本「毒雞湯」|V編書單「我的生活一團糟,老天爺對我好不公平!」 「憑什麼別人有好日子過,但我卻要再這裡受苦?」 「因為我很窮,沒有多餘資源讓我去學習,所以天生就比別人爛!」 親愛的,你也曾經這麼想過嗎? 生活的調味雜地嚐不出滋味 你會不會總是覺得生活沒滋味,只要想往哪邊發展,上天好似都要在自己面前設下重重壁壘,有時候連想
Thumbnail
2020-08-02
5
不會說話機會就先比別人少一半!今天就來學蔡康永的說話之道|V編書單你有沒有曾經因為說話技巧不好,或是表達意見的方式不恰當而讓自己被別人討厭的情況? 明明盡力跟朋友聊天打屁,話題卻總是兩三句草草結束,進入到「尬聊」的境界? 又或者是你不知道如何在對的場合說對的話,導致一群朋友出遊時都不太想要跟你搭話? 你知道嗎?不論在職場、學校,話是在其他情況下,話說的好、話說的風
Thumbnail
2020-08-01
5
【自我提升】無法停止跟別人比較嗎?原來這件事會阻礙自我成長!從我們受教育開始,上到師長下至身邊的親朋好友不斷的給我們貼標籤,考試考100分的就是乖孩子、聽父母親的話,成績不好的孩子未來難以找到高薪的工作,沒有穩定的收入來源就無法組成家庭、得到幸福。 這樣來自全社會的恐嚇強迫我們不得不跟別人比較,彷彿比較能讓我們找到自己人生的定位,甚至找到幸福的方向。
Thumbnail
2020-07-23
7