iT邦幫忙

前端相關文章
共有 602 則文章
鐵人賽 Modern Web DAY 1

達標好文 技術 Day 01. 遠征 TypeScript・行前準備

通常聽到一門新的技術,第一句話會問的就是... 為何我要使用這門技術呢? 貼心小提醒:如果單純想了解 TS 是什麼,以及優勢與缺點,可以跳過前文喔!...

達標好文 技術 怎麼把「滾動條」隱藏?

問題釐清 什麼是「滾動條」?滾動條指的是下圖右側被紅線框起來的部分: 只要網頁內容大於視窗,滾動條就會出現。 一般來說,只要不是body層次的滾動條,那用ov...

鐵人賽 自我挑戰組 DAY 2

技術 Bootstrap 4 筆記 #01 快速做出Navbar導覽列

會了基礎的html和css後,再來認識Bootstrap,讓很多東西都不用再自己造輪子! Navbar導覽列 <!-- .navbar-expand-{...

鐵人賽 Modern Web DAY 1
30天學會Vue.js 系列 第 1

達標好文 技術 Day 0-1 動機介紹&Vue.js初探

前言 大家好,我是DC,機械系學生自學網頁程式設計,過去前端和後端都接觸過,後端寫過Node.js、PHP、ROR、Django,前端只用過Bootstrap之...

鐵人賽 Modern Web DAY 11
前端工程師養成手冊 系列 第 11

達標好文 技術 如何設計吸引人的前端履歷

履歷是你與職場接軌的重要門票,許多資深 HR (人資部門) 也曾經說過,他們看履歷只要不到十秒就決定你的履歷是否有參考的價值。就算你空有實力,但不了解該如何包裝...

鐵人賽 Modern Web DAY 7
前端工程師養成手冊 系列 第 7

達標好文 技術 寫爛 CODE 是學程式必經之路

在我進公司寫程式的時候,前幾年都覺得自己在產出一堆噁爛的 CODE,業界還有一個術語叫做「義大利麵的程式碼」,意思就是你寫的 CODE 就像是麵條雜亂交錯,完全...

鐵人賽 Modern Web DAY 28
前端工程師養成手冊 系列 第 28

達標好文 技術 如何規劃前端職涯,成為百萬前端

我自己是在決定成為前端工程師的第五年才達到百萬年薪的,這個時間點僅供參考,有時候選對公司或是有遇到貴人的話可以加速很多,像是初期我根本沒有任何資源,也沒遇到 m...

鐵人賽 Modern Web DAY 25
前端工程師養成手冊 系列 第 25

達標好文 技術 前端工程師要不要接案?如何報價?

在江湖上混,遲早會遇到這個議題,有可能是你的朋友與親戚知道你是工程師,希望你幫他做個網站,亦或是朋友介紹廠商,詢問你是否有接外包意願都還蠻常見的,假使你從來沒接...

鐵人賽 自我挑戰組 DAY 9

技術 Day 09:UI 設計工具 Figma 快速入門

成果展示: Demo 一、前言 為了逼迫自己學習 Figma 這個線上工具,於是特別寫這一篇。身為一個前端工程師,為什麼需要特別去學習 UI 設計的工具呢...

鐵人賽 Modern Web DAY 10
前端工程師養成手冊 系列 第 10

達標好文 技術 初級前端工程師的求職門檻

這絕對能被列為我人生當中前十大最常被問到的題目之一,就趁這次機會來說明,究竟要達到什麼程度,才有辦法達到初級前端工程師的就業水平。 HTML、CSS 網頁版型是...

鐵人賽 Modern Web DAY 8
前端工程師養成手冊 系列 第 8

達標好文 技術 程式寫不好,是不是我沒天份?

相信大家在學程式的過程中,都曾經閃過這些念頭: 為了一個小問題卡了兩天,但就是找不到解法 覺得自己學得很慢,我應該不適合? 感覺資工資管科系才會把程式摸得很透...

鐵人賽 Modern Web DAY 1
前端工程師養成手冊 系列 第 1

達標好文 技術 初出社會:沒有人一開始就知道自己要做什麼

寫這篇文時,我其實蠻羨慕現在看這篇文章的你/妳,因為我花了四、五年時間才確認自己要投入前端工程師的方向。相信大家在決定要投入什麼工作領域時,都會不斷地自我懷疑,...

鐵人賽 Modern Web DAY 2

達標好文 技術 Day 02. 前線維護・型別推論 X 註記 - Type Inference & Annotation

《前線維護》篇章概要 第一次看到 TypeScript 的人,最先看到就是型別註記(以下會把程式碼有註記的部分用 ~ 顯示出來)—— 英文稱為 Type An...

鐵人賽 Modern Web DAY 6

技術 開發者工具快捷鍵跟設定

幾個常用的快捷鍵 在這裡我想分享幾個我最常用到的快捷鍵,強迫自己使用快捷鍵可以讓自己的工作速度提昇,強列建議大家可以把你常用的快捷鍵背起來。如果你想要找特定的快...

鐵人賽 Modern Web DAY 19
菜菜菜的前端學習日誌 系列 第 19

技術 正規表達式

菜菜菜的前端學習日誌 - Day19 正規表達式(Regular Expression) 又稱 並非程式語言,是電腦科學的一個概念。正規表達式使用單個字串來描...

達標好文 技術 [前端/JavaScript] 實作匯出excel下載按鈕的超好用套件:ExcelJS(上)- 基礎介紹與教學

簡介 官方github連結: 英文文檔 、 中文文檔 ExcelJS 這個套件可以高彈性的將資料匯出成excel檔案(原理:透過套件轉成blob格式,再透過創建...

鐵人賽 Modern Web DAY 25
菜菜菜的前端學習日誌 系列 第 25

技術 jQuery 取值/設值 及 新增/刪除

菜菜菜的前端學習日誌 - Day25 相信大家都了解 jQuery 最重要的就是操作 DOM 元素 如何從 DOM 取值與設值也很重要 今天就來介紹一下如何來取...

鐵人賽 其他技術 DAY 20

達標好文 技術 Day20– 前端小字典三十天【每日一字】– SPA

SPA 是什麼? 單頁面應用程式 Single Page Applications 過去: Multi-Page (多頁式) 以前製作網站大多是一個一個頁面切...

鐵人賽 Modern Web DAY 17
前端工程師養成手冊 系列 第 17

達標好文 技術 教你開發出不會被後端吐槽的前端版型

當 UI 提供給你設計稿,你轉換為前端介面後,下一個步驟就是轉給後端工程師開發成動態應用程式,有些剛涉入前端工作沒多久的新人在不瞭解後端邏輯時,在溝通上容易有障...

鐵人賽 Modern Web DAY 18
前端工程師養成手冊 系列 第 18

達標好文 技術 Angular、Vue、React 框架選擇是個偽命題

常會有剛投入前端的朋友問我:友人A:「洧杰,你覺得該不該學 XX 框架?」我:「你說最近剛出來的那個啊,那你知道他是做什麼的嗎?」友人A:「不知道欸...只是最...

鐵人賽 Modern Web DAY 20
JavaScript 初心者筆記 系列 第 20

技術 JavaScript 初心者筆記: DOM - 如何用 JS 新增 HTML 內容

今天這篇文章要介紹兩種在 DOM 樹中增加內容的方法,分別為 innerHTML 特性和 DOM 控制處理(createElement() + appendCh...

鐵人賽 Modern Web DAY 12
前端工程師養成手冊 系列 第 12

達標好文 技術 前端面試法則二三事

當你的履歷被公司挑選出來邀請面試時,你該給自己一個掌聲,代表你的能力水平有達到他們的基本門檻,才會邀請你到公司深入聊聊。面試是個照妖鏡,它能夠讓你更加瞭解自己,...

鐵人賽 Modern Web DAY 30
前端工程師養成手冊 系列 第 30

達標好文 技術 設計師投入前端的不二法門

在前端職涯中,我常遇到許多視覺科系背景的設計師來詢問投入前端領域的可能性,我可以打包票和你說是百分之兩百適合,但礙於許多人會對所謂的「前端工程師」、「前端設計師...

鐵人賽 Software Development DAY 1
React框架白話文運動 系列 第 1

技術 React白話文運動01-介紹

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 Modern Web DAY 12

技術 【Day 12】Styled-component

原本今天要介紹其他主題的,但後來想想既然昨天都介紹 inline-style 了,今天就介紹另一種 styling 的方式 - styled-component...

鐵人賽 Modern Web DAY 6

技術 【D6 - 三國鼎立時代】三大前端時代 -- 為何我選擇了Vue?

Agular: 我爸 Google 啦~React: 我爸 Facebook 啦~Vue: 我爸.... 前言 各位今天我廢話少一點直接上表格~ A...

鐵人賽 Modern Web DAY 29
菜鳥前端奮鬥史(欸? 系列 第 29

技術 Day29 「即將步入尾聲」 ─ 菜鳥的前端學習資源大公開!

今天不寫 code ,來分享那些小菜鳥當初學習的資源吧! 關於線上課程 使用 HTML、CSS 開發一個網站 六角學院於 Udemy 上推出的第一門課課程...

鐵人賽 Modern Web DAY 4
前端工程師養成手冊 系列 第 4

達標好文 技術 番茄鐘工作法 - 設立短、中、長期里程碑

經過一年洗禮後,主管交辦下來的項目大部分都能如期完成,就算有困難,部門間彼此照應,倒也覺得沒太大問題,原本對自己能力開始洋洋得意時,周姐和主管竟然讓我自己去負...

鐵人賽 Modern Web DAY 30
菜菜菜的前端學習日誌 系列 第 30

技術 簡單的視差滾動

菜菜菜的前端學習日誌 - Day30 最後一天 終於到了最後一天了,但是還是不能鬆懈呀 所以趕緊來發最後一篇文了 簡易視差滾動 今天最後一天了就來顧一下大家的眼...

鐵人賽 IT技術 DAY 16
新手前端日記 系列 第 16

技術 [新手前端]前端工程師和「切版的」有什麼不同?

前端工程師和「切版的」有什麼不同? 前端工程師和「切版的」有什麼不同? 以網頁而言所謂的前端設計指得就是相對於「程式」、「資料庫」這些所謂的後端其他的都叫前端。...