iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 1 留言 5119 瀏覽

鐵人賽其他技術 DAY 7

前端小字典三十天【每日一字】系列第 7 篇

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

第一次看到這個單字，是在html 裡，看到有一個元素名稱為meta 例如： <meta charset="utf-8"> 代表...

iamya ‧ 2014-10-07

2 Like 0 留言 5051 瀏覽

鐵人賽其他技術 DAY 6

前端小字典三十天【每日一字】系列第 6 篇

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

今天要筆記的內容如下： Https和Http的差別？ Http的狀態碼 Https和Http的差別？圖片來源在上一篇文章在說明HTTP協定時有提到: 在R...

iamya ‧ 2014-10-06

5 Like 3 留言 5045 瀏覽

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

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

a841722 ‧ 2020-02-06

3 Like 1 留言 5021 瀏覽

鐵人賽開發技術 DAY 7

MIS2000Lab.的「HTML5 認證考試，從零開始」--菜鳥的30天馬拉松系列第 7 篇

技術 MIS2000Lab.的「HTML5 認證考試，從零開始」#7-- JavaScript入門 (I)

=============================================== 本系列文章已經集結出書 HTML5、CSS、JavaScript...

mis2000lab ‧ 2014-10-02

0 Like 1 留言 4985 瀏覽

鐵人賽 Modern Web DAY 1

AMP 系列第 1 篇

技術 AMP(Lession 1) - 初步了解AMP

初步了解AMP 什麼是 AMP ? Accelerated Mobile Pages Google團隊為了讓手機頁面能快速被讀取，而採取的技術為網站另做個cac...

majo2013 ‧ 2018-10-01

1 Like 0 留言 4968 瀏覽

鐵人賽其他技術 DAY 29

前端小字典三十天【每日一字】系列第 29 篇

技術 Day29– 前端小字典三十天【每日一字】– Grunt 與 Gulp

圖片來源 Grunt是什麼? 官方解釋: 「The JavaScript Task Runner」 Grunt是一個JavaScript的任務(Task)自...

iamya ‧ 2014-10-29

2 Like 0 留言 4912 瀏覽

鐵人賽 Modern Web DAY 17

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 17 篇

技術【D17 - Vue說他願意共用!?】Vue 的 Mixins

我這次標題直接給她猛烈的亂下，但其實Mixins就真的是代表一個讓元件共用的方法，Mixin 就是指這個共用的元件，而這個元件可以包含任何的componen...

ryanyen2 ‧ 2020-09-17

3 Like 0 留言 4830 瀏覽

鐵人賽 Modern Web DAY 2

JavaScript 初心者筆記系列第 2 篇

技術 JavaScript 初心者筆記: JavaScript 如何在網頁上運作

在正式進入基礎 JavaScript 之前，必須先初步了解它是如何與網頁中的 HTML、CSS 共同運作的。 HTML、CSS、JS 之間的關連 HTML：網頁...

Grete Ma ‧ 2019-09-03

0 Like 0 留言 4771 瀏覽

鐵人賽自我挑戰組 DAY 10

手刻武器庫，30 天前端學習心得系列第 10 篇

技術 Day 10：Webpack 學習筆記

一、前言 Webpack 是網頁的打包工具。當我們的網頁越寫越大，檔案越來越多（例如一個網站有好幾個.html檔案），甚至還有使用到框架。這時候我們可以使用...

東尼先生 ‧ 2022-09-24

0 Like 0 留言 4763 瀏覽

鐵人賽 Modern Web DAY 4

關於 UI 元件你所該知道的事系列第 4 篇

技術 Day 04 - 行前說明 — 談談元件化開發與開發流程

如昨天預告的一樣，今天來介紹元件化開發的技術背景，它是什麼、為什麼重要，最後再講一下元件的開發流程。首先，「元件化開發」是由於前後端分離跟前端框架的興起而達成...

parkerhiphop027 ‧ 2021-09-19

1 Like 1 留言 4760 瀏覽

技術 [鼠年全馬鐵人挑戰] Week15 - 超新手學前端 - Bootstrap 4 概念筆記

什麼是 Bootstrap 4 Bootstrap 是一種由 HTML、CSS 和 JavaScript 寫成的前端框架，可以更快更方便的開發網站Bootstr...

a841722 ‧ 2020-05-17

3 Like 0 留言 4639 瀏覽

鐵人賽其他技術 DAY 16

前端小字典三十天【每日一字】系列第 16 篇

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

圖片來源 API是什麼？圖片來源 API Application Programming Interface（應用程式介面） API 是應用程式介面，廣...

iamya ‧ 2014-10-16

5 Like 0 留言 4637 瀏覽

鐵人賽 Modern Web DAY 1

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 1 篇

達標好文技術【D1 - 歡迎來到前端學到暈島】我要怎麼學前端?

村長 : 請輸入您的島的名稱...: ...「前端學到暈島」各位當你踏上這個島你就要注意到幾件事情~ 前端是一個肥大的東西，當你想要學一個工具~你就要繼...

ryanyen2 ‧ 2020-09-01

1 Like 0 留言 4608 瀏覽

鐵人賽其他技術 DAY 15

前端小字典三十天【每日一字】系列第 15 篇

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

RWD是什麼? 圖片來源響應式設計 (Responsive Web Design) 什麼是響應式設計，以網路的世界來說就是，網站會隨著設備(桌機、平板、...

iamya ‧ 2014-10-15

1 Like 0 留言 4595 瀏覽

鐵人賽 Modern Web DAY 10

菜菜菜的前端學習日誌系列第 10 篇

技術 animation 動畫

菜菜菜的前端學習日誌 - Day10 animation 動畫 animation 就是動畫，其實它跟transition有一點像。但又有不一樣，那又有哪裡不一...

Andy Tsai ‧ 2017-12-29 ‧團隊好想工作室第一屆鐵人賽

1 Like 0 留言 4581 瀏覽

鐵人賽自我挑戰組 DAY 11

前端之 " wow~原來是這樣啊 " 系列第 11 篇

技術 Day 11 CSS position之想去哪就去哪

瞭解 position 設定，讓網頁元素想去哪裡就去哪裡在網頁排版設計中，並不是所有元素都會依照水平及垂直的一定流向排列，有時其中一個元素需偏向某一個方向，或...

Lai ‧ 2018-10-26 ‧團隊好想工作室第二屆鐵人賽

0 Like 0 留言 4573 瀏覽

鐵人賽 Modern Web DAY 24

AMP 系列第 24 篇

技術 AMP(Lession 24) - AMP 中的 iframe

AMP 中的 iframe 使用 amp-iframe 之前，有個極為重要的觀念一定要知道! amp-iframe 絕對不能主要用在顯示廣告上（請使用 amp-...

majo2013 ‧ 2018-10-24

1 Like 1 留言 4510 瀏覽

技術【課程推薦】前端開發課程 - Sass實戰教學

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

廖洧杰 ‧ 2014-05-16

1 Like 1 留言 4494 瀏覽

鐵人賽 Modern Web DAY 7

關於 UI 元件你所該知道的事系列第 7 篇

技術 Day 07 - Design System — 前端工程師也該知道的那些事

在前一天我們知道了 Design System 為什麼出現、它試圖解決的問題和一些使用上的 Mindset 後，今天要來介紹 Design System 到底...

parkerhiphop027 ‧ 2021-09-22

1 Like 0 留言 4446 瀏覽

鐵人賽其他技術 DAY 5

前端小字典三十天【每日一字】系列第 5 篇

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

今天要筆記的內容如下： Http是什麼？ URI 是什麼？ Http的請求方法？ Https和Http的差別？ Http的狀態碼圖片來源 Http是什麼？...

iamya ‧ 2014-10-05

0 Like 0 留言 4418 瀏覽

鐵人賽自我挑戰組 DAY 7

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 7 篇

技術【Day7】ChatGPT請教教我：網頁入門 - jQuery

jQuery是一個2006年推出的JS函式庫三大框架盛行的至今，到了2023年還是有許多台灣的企業還在使用jQuery以初學網頁的角度，我個人認同jQuery是...

一宵三筵 ‧ 2023-09-21

0 Like 1 留言 4412 瀏覽

鐵人賽 Modern Web DAY 29

認識 Chrome 開發者工具系列第 29 篇

技術使用效能面版來檢測記憶體洩漏

今天算是正式文章的最後一篇 (明天要發完賽感言XD)，在鐵人賽一開始的時候，我本來想規劃幾天的時間來跟大家一起來討論效能面版 (Performance pane...

konekoya ‧ 2018-01-01 ‧團隊就是有亦思

0 Like 0 留言 4392 瀏覽

鐵人賽 Modern Web DAY 28

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 28 篇

技術【D28 - 用Vue實作網頁】postman是哪個男人?要怎麼用他(羞)!?

postman 不是人而是一個software，專門拿來測試API~ 我曾經在這裡【D19 - 用Vue實作網頁】請GET我然後POST我出去吧!講到API的...

ryanyen2 ‧ 2020-09-28

8 Like 5 留言 4366 瀏覽

技術「Web前端程式開發實務」教材分享

昨天聽了 TonyQ 希望能讓「前端工程」真的在台灣成為一個重要的產業，深受感動。決定將先前在外面講課的講義：「Web前端程式開發實務」，分享出來。希望能夠多少...

josephj ‧ 2013-04-24

0 Like 1 留言 4299 瀏覽

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

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

Oo_花之舞__oO ‧ 2023-03-19

1 Like 0 留言 4293 瀏覽

鐵人賽 Modern Web DAY 21

JavaScript 初心者筆記系列第 21 篇

技術 JavaScript 初心者筆記: 應用 innerHTML 與 for 迴圈將資料渲染至網頁

學會了在 HTML 新增內容之後，就可以接著學習如何運用之前學到的 for 迴圈，把資料撈取出來後渲染到網頁了。今天的筆記將會以範例程式碼為主體，介紹如何將資料...

Grete Ma ‧ 2019-09-22

1 Like 0 留言 4283 瀏覽

鐵人賽自我挑戰組 DAY 9

寇丁人妻的前端書蟲日誌系列第 9 篇

技術 DAY09：圖解 HTTP Chapter06 HTTP 首部筆記精要（上）

HTTP 訊息的 header HTTP 協議的請求和回應一定含有 http header，客戶端和伺服端的 header 內容，針對處理請求和回應有所不同。請...

嘿！日安 ‧ 2018-10-24 ‧團隊好想工作室第二屆鐵人賽

2 Like 1 留言 4278 瀏覽

鐵人賽 Modern Web DAY 2

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 2 篇

技術【D2 - 前端島生存守則】先拿好你的地圖

要能學好前端有非常多條路~ 我自學期間合作開發了很多專案包括到職場去進修，其實大家的開發流程根所需技術都是不一樣的所以我在這邊統整出一個前端地圖~如果想要做出...

ryanyen2 ‧ 2020-09-02

0 Like 0 留言 4275 瀏覽

鐵人賽 Modern Web DAY 28

認識 Chrome 開發者工具系列第 28 篇

技術記憶體面版 - 記憶體分配分析器

今天我們要介紹的工具是記憶體面版中的最後一個工具: Record Allocation Profiler，這個工具可以讓我們按函數來檢視說那些函數佔用了許多記憶...

konekoya ‧ 2017-12-31 ‧團隊就是有亦思

2 Like 0 留言 4266 瀏覽

技術 JQuery 學習紀錄(1)

各位好，小弟為前端初學者，最近剛學完JQuery的一些基礎，想要將自己所理解的知識，轉化為文章分享出來，以日後忘記時，還能在文章中查找，釐清自己當時的想法，而有...

no027843 ‧ 2020-04-18