什麼是 mentor (饅頭) 呢?mentor 並非像是教室的老師能夠全程時間來「教學」,而是比較偏向「引導」的角色,也因此 mentor 也可以稱為人生與職...
今天我們要接續昨天還沒討論完的部份,把動態編輯文件物件模型的功能介紹完。 編輯 HTML 昨天我們有介紹了編輯元素標籤跟屬性的功能,但還有一個功能是可以編輯整個...
相信大家在學程式的過程中,都曾經閃過這些念頭: 為了一個小問題卡了兩天,但就是找不到解法 覺得自己學得很慢,我應該不適合? 感覺資工資管科系才會把程式摸得很透...
今天要一起來看的面版是元素面版,如果你是第一次使用 Chrome 開發者工具,元素面版應該就會是你打開開發者工具後的第一個面版,這個面版其實是由幾個小的控制面版...
在我進公司寫程式的時候,前幾年都覺得自己在產出一堆噁爛的 CODE,業界還有一個術語叫做「義大利麵的程式碼」,意思就是你寫的 CODE 就像是麵條雜亂交錯,完全...
各家的網頁、網站 開發語言,或是 相關的前後端工具,甚至是UI/UX相關的方法或是實作。 現在都是與日俱進,不管是前端的進步也好,還是前後端分離這件事情,甚至是...
幾個常用的快捷鍵 在這裡我想分享幾個我最常用到的快捷鍵,強迫自己使用快捷鍵可以讓自己的工作速度提昇,強列建議大家可以把你常用的快捷鍵背起來。如果你想要找特定的快...
在講這個主題前,我要來分享個人經歷,在創立高雄前端社群後,常會有人敲我訊息說對前端有興趣,想瞭解要到什麼程度才有辦法滿足職場需求。 當然在業界久了,自然可以推薦...
到目前為止我們已經看過幾個主要的面版,今天要介紹剩下的一個面版:記憶體面版。但是除了這些面版外,其實 Chrome 開發者工具裡還有提供一些方便的工具來協助工程...
雖然進公司已經有段時間,但還是打從心底對我的工作充滿疑惑,在 2007 年時根本沒有所謂「前端工程師」的職稱,再加上那時軟體社群也沒那麼蓬勃發展,周遭也沒有任何...
今天我們會再簡單的介紹幾個面版:原始碼、安全性、應用還有審查。好,廢話不多說,就讓我們開始吧! 原始碼面版 Sources panel 這個面版是在進行 JS...
經過一年洗禮後,主管交辦下來的項目大部分都能如期完成,就算有困難,部門間彼此照應,倒也覺得沒太大問題,原本對自己能力開始洋洋得意時,周姐和主管竟然讓我自己去負...
當我就任三、四個月後,設計部專門負責網頁切版的大前輩離開了,知道這消息實在晴天霹靂,代表著這重責大任要落在我身上了。那時候我切出來的版型常被工程部吐槽,都會被碎...
圖 1 : 在早期電腦中發現真正的臭蟲 較早期的除錯方式 今天要來談談一點前端除錯的歷史。在開發者工具出來前,比較常見用來除錯的JavaScript 工具有 a...
當我進入公司以後,公司組成可略分為企劃、工程、美術、行政部門,假使你有工作經驗的話,其實很清楚如果你是以「助理」身份進去的話,基本上每個事情你都會碰到一些,所以...
前言 前端工程在過去這幾年變化快的驚人,JavaScript 從原先在頁面上只負責簡單的介面互動操作,到現在像是 SPA (Single Page Applic...
寫這篇文時,我其實蠻羨慕現在看這篇文章的你/妳,因為我花了四、五年時間才確認自己要投入前端工程師的方向。相信大家在決定要投入什麼工作領域時,都會不斷地自我懷疑,...
各位邦友們好: 我是高雄前端社群的創辦人洧杰,之前也參加過兩屆 的 IT 鐵人邦, 今年我們舉辦了一個前端技術研討會,時間是 5/6 日,在票種上除實體票也有直...
[台北科大 分享會 Tech Workshop] Google Chart 網頁圖表產生器 2017/01/18 週三 晚上 19:30~21:00 課程主...
前言 大家好,我是DC,機械系學生自學網頁程式設計,過去前端和後端都接觸過,後端寫過Node.js、PHP、ROR、Django,前端只用過Bootstrap之...
各位朋友們好: 我是去年有參與第七屆it鐵人邦,分享的內容是SASS教學, 近年因應開發技術的更新,網頁/前端設計師在寫CSS時也會開始導入Sass、Less...
這是我第三年參加鐵人賽 帶著學習的心,跌跌撞撞來到了第三年.... 報名截止的最後一天、還在想是否有足夠的時間來寫文章。 最後還是趕在12點前報名了... 沒有...
圖片來源 Grunt是什麼? 官方解釋: 「The JavaScript Task Runner」 Grunt是一個JavaScript的任務(Task)自...
昨天解釋了Framework,今天來筆記Library吧! Library是什麼? wiki 解釋: 在電腦科學中,library是用於開發軟體的子程式集合。...
Framework是什麼? 圖片來源 框架是一個骨架, 框架已經制定一套規範,讓開發者依照已規範好的標準來實作。 舉生活化的例子 美食節目企劃編寫了一系列的五...
前兩篇筆記了Web App 和Native App, 今天來分享Hybrid App吧! 圖片來源 Hybrid App是什麼? 圖片來源 Hybrid A...
Native App是什麼? 圖片來源 Native App 原生應用程序 Native App(原生App)是根據智慧型手機的作業系統本身提供的SDK 或建...
這次想要筆記Web App ,Native App,Hybrid App 這三種APP 開發方式名詞。 圖片來源 首先來分享Web App! Web App...
Parallax Scrolling是什麼? Parallax Scrolling 視差捲動 Parallax Scrolling的中文解釋為視差捲動, 視差滾...
REST是什麼? 圖片來源 Representational State Transfer 表現層狀態轉化 表現層是什麼? "表現層"指的...