iT邦幫忙

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

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

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

鐵人賽 自我挑戰組 DAY 2

技術 第二步 - 探索前需準備相關知識(網頁基本知識)

今天喵橘就先講解理論的部分,請大家多多指教喔! 何謂網頁? 在日常生活當中,現在人最習慣早上第一件事情就是打開手機去看是否朋友有留給您,朋友傳遞一個搞笑的新聞內...

徵才 [誠徵] 合作夥伴-網頁前端程式設計師

尋找配合的網頁前端設計師,至少一年以上經驗,有跟後端配合過的經驗,會簡單的網頁動畫.意者請密 小魚.參考一下 小魚的工作室網站

達標好文 技術 [前端/JavaScript] 實作匯出excel下載按鈕的超好用套件:ExcelJS(下)- 用React匯出excel (export excel)

有關於ExcelJS這個套件的教學與說明,請先看我的上一篇文章:[前端/ES6] 實作匯出excel下載按鈕的超好用套件:ExcelJS(上)- 基礎介紹 這一...

徵才 徵求合作網頁前端(先不用)

因為在接案子,希望能夠找到合作的網頁前端,加快網站的開發速度,RWD能力是基本需求,也希望能夠有快速的開發及修改速度,當然現在前端CSS的美感能力是不可或缺的....

技術 [鼠年全馬鐵人挑戰] Week01 - 非本科系零經驗超新手前端之路

在接觸程式前在我的基本認知裡覺得程式碼真的是一個非常複雜的東西呀這要本科系又是頭腦很好的神人才有辦法寫的吧XD所以壓根沒想到之後的我會開始學習程式 至於 為何會...

鐵人賽 Modern Web DAY 2

技術 Day 02 HTML/CSS 點擊超連結會經歷的偽類選取器(Pseudo-classes)

根據 MDN,目前 CSS 的偽類選取器有以下這些: 今天要介紹到的是關於點擊超連結後會經歷的五種偽類選取器(紅框內): 在 style 裡面可以用 a:li...

技術 [鼠年全馬鐵人挑戰] Week07 - 新手學習筆記: RWD 基礎語法

Hi~又見面啦 今天來學習一下 RWD 的基礎小語法,希望可以學習練習的過中程能熟能生巧呀 想要讓原本在桌上型電腦能看的網頁加上 RWD 自適應網站功能時需先加...

鐵人賽 自我挑戰組 DAY 19

技術 第十九步 - 加上色彩吧,破解的關鍵(CSS 顏色與字型設定)

又到了星期五,每天撰寫文章,都能深深檢視自己之前的學習狀況,今天報告的是 CSS 顏色與字型設定。 顏色的設定 顏色的設定,在 CSS 裡 有很多設定的方法,如...

技術 [鼠年全馬鐵人挑戰] Week02 - 超新手小知識:HTML、CSS、JavaScript的關連性

Hi~大家 我們又見面啦:)上星期那篇文章出乎我的意料的有很多人關注真的嚇歪我啦XDDD謝謝大家對於我這個剛碰程式的新手小嫩嫩那麼大的支持呀~讓我有更多的動力去...

鐵人賽 自我挑戰組 DAY 24

技術 第二十四步 - 變形的未知走道(CSS 變形設定)

大家早安,我是喵橘,今天我要報告的是 CSS 變形的各種效果。 形狀變形 transform 屬性功能是設定各種幾何的變化,能設定的值如下表所顯示: 設定...

鐵人賽 自我挑戰組 DAY 23

技術 第二十三步 - 位置變換術(CSS 版面定位設定)

大家好,我是喵橘,今天要報告的是 CSS 版面定位設定,請大家多多指教。 float 屬性 它能隨著圖片進行文繞圖的動作,是屬於浮動元素的一種類型,所以,在定位...

技術 【前端動手玩創意】等待的轉圈圈效果 (1)

目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

技術 [鼠年全馬鐵人挑戰] Week09 - 超新手入門:CSS 的基本語法

大家好啊~~又見面惹~ 不知道清明連假大家有沒有乖乖待在家防疫還是有出遠門走走呢? 四天連假只待在離家不遠的地方走走運動,其餘時間就是待在家休息 感覺待在家才是...

鐵人賽 自我挑戰組 DAY 26

技術 Day 26 CSS3 < 3D轉換 transform>

3D轉換跟2D轉換不同的是使用三維坐標系(多了Z軸座標) 1.三維坐標系是由三個軸共同組成的 X軸 : 水平向右 注意: X軸右邊是正值 左邊是負值 Y軸 :...

鐵人賽 自我挑戰組 DAY 6

技術 第六步 - 第一站,顏色萬花筒,七彩村(顏色配置相關基礎)

各位大家好,我是喵橘,今天說明的是跟顏色配置相關的知識,要讓一個網頁展現出真正的質感,就要搭配正確的色彩。 色彩相關術語 飽和度(英文:Saturation)...

技術 非本科真的能轉職當工程師嗎?

最近爬文的時候發現不少人想轉職到科技業但又無從入手很多時候都會很迷茫不知道該學哪些程式語言不知道會的程度要多深入不知道除了工程師還有沒有別的選擇如果只會前端能年...

鐵人賽 自我挑戰組 DAY 22

技術 第二十二步 - 神奇的機關盒(CSS盒子模型設定)

大家好,我是喵橘,今天我要報告的是在版面上一個個盒子模型的不同設計方法。 何謂元素? 前面章節有簡單敘述元素的使用方法,在 CSS 裡它把每一個 HTML 標籤...

鐵人賽 自我挑戰組 DAY 12

技術 第十二步 - 當心表格般的陷阱(網頁清單與表格語法)

各位大家早安,祝大家中秋節快樂,我是喵橘,今天是佳節,雖然,沒什麼動力,但還是要努力寫出一篇好文章。附贈喵橘手工中秋節賀圖。 網頁清單語法 <ul>、<ol>...

技術 [鼠年全馬鐵人挑戰] Week06 - 新手學習筆記:淺談 RWD (響應式網頁設計)

Hi~又見面啦 這週大家過的好嗎? 最近開始學習了 RWD 響應式網頁設計,發現可以運用的好多也不少細節呢~想好好把學到的寫成筆記增加自已的印象 :)所以最近幾...

鐵人賽 自我挑戰組 DAY 13

技術 第十三步 - 連結下一關卡的瞬間(網頁連結的語法)

大家早安,中秋節過後的休假,感覺更懶惰,真是糟糕,深呼吸,吐氣,該打起精神努力撰寫,加油!! 連結相關語法 <a> 標籤 它的功能就是連結的一個橋樑,根據屬性的...

鐵人賽 Modern Web DAY 8

技術 Day 08 JavaScript/Rails XHR、fetch、axios、Rails.ajax 比較

四種非同步請求資料的方法 還記得 Day 06 有提到非同步請求資料的方法有 XHR、fetch、axios、Rails.ajax 嗎?這四種都可以拿來打 AP...

鐵人賽 Modern Web DAY 1

技術 33歲轉職者的前端筆記-DAY 1 前言

這是第一次參加鐵人賽 原本是想要在轉職期間來挑戰寫個 30天 的學習筆記 但在開賽前找到相關接案工作啦~ 算是轉職成功了! 目前是兼職接案 雖然規模沒有很大但合...

鐵人賽 自我挑戰組 DAY 9

技術 第九步 - 啟動密鑰,開起第一層挑戰(HTML 文件結構)

大家早安,我是喵橘,終於開始解說程式碼的部分,先從最基礎的部分開始說明。 使用 HTML 元素、標籤與屬性的建議 在前面章節有簡單說明 HTML 的架構,但在使...

鐵人賽 自我挑戰組 DAY 4

技術 第四步 - 繪製具有色彩的路徑 (CSS入門介紹)

大家好,我是喵橘,今天詳細介紹 CSS 的基礎知識。 何謂 CSS ? CSS (英語:Cascading Style Sheets)是用來美化網頁、進行版面設...

鐵人賽 Modern Web DAY 4

技術 Day 04 HTML/JavaScript Attribute vs Property

Attribute vs Property attribute:屬性在 HTML 會被稱為 attribute,href is attribute of a。...

技術 【前端動手玩創意】google五星評分的星星(2)

目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

技術 React和DOM的那些事-節點新增算法

點擊進入React源碼調試倉庫。 本篇是詳細解讀React DOM操作的第二篇文章,文章所講的內容發生在commit階段。 插入DOM節點操作的是fiber節點...

鐵人賽 自我挑戰組 DAY 1

技術 第一步 - 追逐夢想的開始(前言與目錄)

前言 大家好,我是喵橘,第一次參加iT邦鐵人賽,所以,希望每天督促自己能定時發表一篇文章。而我分享的部分是自己在公司裡自我摸索與學習網頁設計的概念以及操作方法,...

技術 前端小試身手(10)--lurl圖床之自動帶入密碼

目錄 前端小試身手(1)--幫「發問/發文頁」新增&quot;編輯&quot;鈕~ 前端小試身手(2)--it幫跳轉到最佳解答 前端小試身手(3)--增添系列文...