iT邦幫忙

前端相關文章
共有 304 則文章
鐵人賽 自我挑戰組 DAY 2

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

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

鐵人賽 Modern Web DAY 1

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

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

技術 怎麼把「滾動條」隱藏?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

技術 簡單的視差滾動

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

鐵人賽 其他技術 DAY 20

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

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

鐵人賽 Modern Web DAY 6

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

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

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

技術 JavaScript 初心者筆記: 變數簡介

當我們在撰寫程式碼時,必須清楚告知解譯器我們希望它執行的每一步,這時我們就需要變數來替我們記住許許多多的資訊,才能方便我們進一步地操作。 什麼是變數 變數其實就...

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

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

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

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

技術 工程師是否有年紀背景限制?

想想我來寫這個題目還真是不太夠格,2017 年的我今年 31 歲,科系的話大學是 3D多媒體設計、碩士念資管,所以也算一半的本科系,所以這個篇幅,至少我能向你分...

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

達標好文 技術 如何有效率地 Google 尋找問題並學習新技術

當我就任三、四個月後,設計部專門負責網頁切版的大前輩離開了,知道這消息實在晴天霹靂,代表著這重責大任要落在我身上了。那時候我切出來的版型常被工程部吐槽,都會被碎...

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

技術 正規表達式

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

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

技術 [新手前端]拿到視覺出的mockup,開始要切版了

就算是切版也是很講技巧的 配圖和內文無關,只是我今天畫的萬聖應景圖而已... 前幾天的分享裡有聊到,前端的工作並不僅僅是切版而已,整個web的呈現部分都可以廣...

鐵人賽 Modern Web DAY 2

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

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

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

達標好文 技術 打破工程師就必須加班爆肝的迷思

我是「不加班主義者」,你的人生已經有八小時奉獻給公司、八個小時睡覺,剩下八個小時扣除掉吃飯、睡覺、洗澡、通勤的時間,你認為還剩下多少?或許連五小時都不到,那麼你...

鐵人賽 Modern Web DAY 26
Think in GraphQL 系列 第 26

技術 GraphQL 前端: Apollo Client 攜手 React 擁抱 GraphQL

我們今天要來介紹 Apollo Client ,這個套件是目前 GraphQL + React 最有名的套件之ㄧ,而且可以支援其他框架。 今天會簡單介紹如何設...