iT邦幫忙

前端相關文章
共有 304 則文章
鐵人賽 Modern Web DAY 13
前端工程師養成手冊 系列 第 13

技術 挑選前端職缺時,要知道每間公司都是凹凸不平的個體

相信你還未就業時,一定對「業界」充滿想像,希望自己能夠進入一間公司發揮長才,然而事實並非童話故事般美好,我希望藉由這篇文章讓你瞭解初級前端工程師在台灣面試時或就...

鐵人賽 Modern Web DAY 12
認識 Chrome 開發者工具 系列 第 12

技術 控制台面版 1 - 讀取-求值-輸出循環

今天我們要一起來討論的 Chrome 開發者工具的控制台面版 (Console panel),這個面版我們在前面有很簡單的介紹過,其實它就像是一個讀取-求值-輸...

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

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

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

鐵人賽 Modern Web DAY 11
認識 Chrome 開發者工具 系列 第 11

技術 運算及其他的幾個控制台

過去的幾天,我們一起討論了如何動態編輯 DOM 元素及樣式,這就是元素面版最常用的兩個功能,而今天要跟大家一起來探討的是在元素面版中剩下的幾個控制台,而這當中除...

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

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

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

鐵人賽 Modern Web DAY 10
認識 Chrome 開發者工具 系列 第 10

技術 元素面版 - 動態編輯樣式

昨天我們花了一點時間看了如何使用樣式控制台 (Styles pane) 來檢視樣式,今天我們則要來看如何動態編輯樣式。 再次提醒大家,我們在元素面版裡的編輯都...

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

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

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

鐵人賽 Modern Web DAY 9

技術 元素面版 - 檢查元素樣式

我們用了兩天的時間把如何透過元素面版來動態編輯文件物件模型 (DOM) 講完了,今天我們要一起看的功能是動態編輯元素的樣式。樣式控制台 (Styles pane...

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

達標好文 技術 找一個好 mentor ,讓你少走些冤枉路

什麼是 mentor (饅頭) 呢?mentor 並非像是教室的老師能夠全程時間來「教學」,而是比較偏向「引導」的角色,也因此 mentor 也可以稱為人生與職...

鐵人賽 Modern Web DAY 8

技術 元素面版 - 動態編輯文件物件模型 2

今天我們要接續昨天還沒討論完的部份,把動態編輯文件物件模型的功能介紹完。 編輯 HTML 昨天我們有介紹了編輯元素標籤跟屬性的功能,但還有一個功能是可以編輯整個...

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

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

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

鐵人賽 Modern Web DAY 7

技術 元素面版 - 動態編輯文件物件模型 1

今天要一起來看的面版是元素面版,如果你是第一次使用 Chrome 開發者工具,元素面版應該就會是你打開開發者工具後的第一個面版,這個面版其實是由幾個小的控制面版...

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

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

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

鐵人賽 自我挑戰組 DAY 6

技術 不夠 Modern 不能稱之為是 Modern Web

各家的網頁、網站 開發語言, 或是 相關的前後端工具, 甚至是UI/UX相關的方法或是實作。 現在都是與日俱進, 不管是前端的進步也好, 還是前後端分離這件事情...

鐵人賽 Modern Web DAY 6

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

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

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

達標好文 技術 盡早培養「自主解決問題」的能力

在講這個主題前,我要來分享個人經歷,在創立高雄前端社群後,常會有人敲我訊息說對前端有興趣,想瞭解要到什麼程度才有辦法滿足職場需求。 當然在業界久了,自然可以推薦...

鐵人賽 Modern Web DAY 5

技術 開發者工具面版簡介 3 - 記憶體面版、行動裝置工具欄及其他工具

到目前為止我們已經看過幾個主要的面版,今天要介紹剩下的一個面版:記憶體面版。但是除了這些面版外,其實 Chrome 開發者工具裡還有提供一些方便的工具來協助工程...

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

達標好文 技術 要掌握一個技能,將自己丟在對的環境超重要

雖然進公司已經有段時間,但還是打從心底對我的工作充滿疑惑,在 2007 年時根本沒有所謂「前端工程師」的職稱,再加上那時軟體社群也沒那麼蓬勃發展,周遭也沒有任何...

鐵人賽 Modern Web DAY 4

技術 開發者工具面版簡介 2 - 原始碼、安全性、應用及審查面版

今天我們會再簡單的介紹幾個面版:原始碼、安全性、應用還有審查。好,廢話不多說,就讓我們開始吧! 原始碼面版 Sources panel 這個面版是在進行 JS...

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

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

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

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

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

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

鐵人賽 Modern Web DAY 2

技術 一點點前端除錯的歷史

圖 1 : 在早期電腦中發現真正的臭蟲 較早期的除錯方式 今天要來談談一點前端除錯的歷史。在開發者工具出來前,比較常見用來除錯的JavaScript 工具有...

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

達標好文 技術 資訊爆炸的年代,周遭的人總要你多學一項技能

當我進入公司以後,公司組成可略分為企劃、工程、美術、行政部門,假使你有工作經驗的話,其實很清楚如果你是以「助理」身份進去的話,基本上每個事情你都會碰到一些,所以...

鐵人賽 Modern Web DAY 1

技術 寫在前頭

前言 前端工程在過去這幾年變化快的驚人,JavaScript 從原先在頁面上只負責簡單的介面互動操作,到現在像是 SPA (Single Page Applic...

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

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

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

活動 【網頁技術研討會】各路前端大神詮釋 2017 年網頁技術趨勢

各位邦友們好: 我是高雄前端社群的創辦人洧杰,之前也參加過兩屆 的 IT 鐵人邦, 今年我們舉辦了一個前端技術研討會,時間是 5/6 日, 在票種上除實體票也有...

活動 [台北科大 分享會] Google Chart 網頁圖表產生器

[台北科大 分享會 Tech Workshop] Google Chart 網頁圖表產生器 2017/01/18 週三 晚上 19:30~21:00 課程主...

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

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

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

技術 【課程推薦】Sass開發實戰 - 前端版型管理

各位朋友們好: 我是去年有參與第七屆it鐵人邦,分享的內容是SASS教學, 近年因應開發技術的更新,網頁/前端設計師在寫CSS時也會開始導入Sass、Less...

鐵人賽 其他技術 DAY 30

技術 Day30– 前端小字典三十天【每日一字】– 歡樂的完結篇之小小成果目錄

這是我第三年參加鐵人賽 帶著學習的心,跌跌撞撞來到了第三年.... 報名截止的最後一天、還在想是否有足夠的時間來寫文章。 最後還是趕在12點前報名了... 沒有...