iT邦幫忙

好想工作室相關文章
共有 217 則文章
鐵人賽 自我挑戰組 DAY 6
前端新手進化史 系列 第 6

技術 Collapsing margins

奇怪,明明給定了 margin ,場面卻一直失控? 來了解一下 Collapsing margins 吧! 一、什麼是 Collapsing margins...

鐵人賽 自我挑戰組 DAY 6

技術 JS 陣列 Array 有哪幾種?

Day 6 JavaScript 一定是個女人,有個性、特立獨行、難以理解,還可以ㄧ次做很多事。 有時候思索著,在學習程式的時候,到底是不是應該把我們所知道...

鐵人賽 自我挑戰組 DAY 6
Typescript 初心者手札 系列 第 6

技術 【Day 06】TypeScript 資料型別 - 原始型別 (Primitive Types)

前言 閱讀今天的文章前,先回顧一下昨天的學習,回答看看: TypeScript 中有哪些資料型別呢? 如果有點不清楚答案的話,可以看看 Day05 的文章...

鐵人賽 Modern Web DAY 5

技術 無障礙網站之 HTML 屬性介紹:tabindex

TL;DR 本篇文章學習之重點: 瞭解讓功能可以使用鍵盤操作功能的重要性 瞭解怎麼透過鍵盤瀏覽網頁 瞭解 tabindex 的用法 Foucs 焦點 什麼是...

鐵人賽 自我挑戰組 DAY 5
前端新手進化史 系列 第 5

技術 基礎 box model (下)

在上一篇文章 基礎 box model (上) 中,認識了 box model 的長相,這篇將來看看 box model 的身材。 在進入正題前,先快速複...

鐵人賽 自我挑戰組 DAY 5

技術 JS 陣列 Array 屬性 length 的真面貌

Day 5 一列隊伍有長度,也有各式各樣不同的物種,這才有趣嘛! length 這個屬性應該算是我們在學 Javascript 的初期,最早開始用的一個屬性...

鐵人賽 自我挑戰組 DAY 4
前端新手進化史 系列 第 4

技術 基礎 box model (上)

想像每個元素都是一個盒子,<html> 像是個超級大盒子,裡面裝著各式各樣的盒子,盒子又可以裝盒子,一個版面正是由許許多多的盒子所構成。box m...

鐵人賽 Modern Web DAY 4

技術 無障礙網站之 HTML 屬性介紹:精通替代文字 alt 屬性

替代文字 Alternative text 看到文章標題也許你會想:「啊不是就是幫元素加上 alt 屬性這麼簡單嗎?」 沒錯,添加替代文字是很容易沒錯,不過理解...

鐵人賽 自我挑戰組 DAY 4

技術 JS 創建與宣告陣列 Array

Day 4 總是要出來見世面的,但不講名字怎知你是誰? 這次的鐵人賽,參考書籍有可拿來當枕頭的大犀牛「Javascript 大全」和「你所不知道的JS」系列...

鐵人賽 Modern Web DAY 3

技術 無障礙網站:HTML 元素與客製化控制組件的語義

TL;DR 本篇文章學習目的: 理解 HTML 之於瀏覽器與的示能性 理解 HTML 元素與客製化控制組件的語義賦予方式之差異 Affordance 示能...

鐵人賽 自我挑戰組 DAY 3
從門外漢到前端新手 系列 第 3

技術 Day3 推薦的前端學習資源

完全門外漢的初階學習資源 在對於網頁前端領域完全陌生的情況下,要自己看懂教學文章是很吃力的(但也不是不可能,有人做得到,但對我來說真的很難。 以下是我在完全零基...

鐵人賽 自我挑戰組 DAY 3

技術 JS 陣列 Array 可以做什麼、裝什麼有差嗎?

Day 3 一列隊伍可以變千手觀音,也可以變海浪。 陣列是最早期和重要的資料結構之一,有許多程式都會用到陣列。我們也會拿陣列來實作許多其他的資料結構,像是列...

鐵人賽 自我挑戰組 DAY 2
前端新手進化史 系列 第 2

技術 大角頭 inline

版面是由各個元素所組成,所以切版前先來跟 html 元素中的兩大角頭拜一下碼頭吧! html 中的元素在預設下大致可劃分為二大類: inline elem...

鐵人賽 自我挑戰組 DAY 2

技術 JS 陣列 Array 是什麼 ?

Day 2 不就排排站,有什麼好說的?這您有所不知,這陣列可是好多花樣可變。 在討論陣列之前,可以先來想像一下,如果今天天氣超級好,我們洗了很多衣服,曬乾之...

鐵人賽 Modern Web DAY 1

技術 無障礙網站又稱為可訪問的網站,難道還有不可訪問的網站嗎?

只要花 60 秒瞭解「無障礙網站」概念 Your Website + Accessibility = BFF —— Jenn Lukas 前言 「網站」是...

鐵人賽 自我挑戰組 DAY 1
Typescript 初心者手札 系列 第 1

技術 【Day 01】TypeScript 起手式 - What’s TypeScript ?

前言 從 Hello World 開始寫程式近一年了,每天充滿各種學習和挑戰,樂此不疲,覺得幸運能夠在樂於分享、充滿新知的領域,透過不斷地學習和經驗積累,慢慢朝...

鐵人賽 自我挑戰組 DAY 1

技術 人生總是要做些沒做過的事,例如寫鐵人賽

Day 01 從來沒想過自己會參加這種接力賽,因為自認自己的恆毅力常常被自己的記憶力擊潰,有許多事自己做著做著就忘記了,即使做著筆記,也會常常記著記著就忘記自己...

鐵人賽 自我挑戰組 DAY 1
新手 Back-end 學習記錄 系列 第 1

技術 [Day1] 開始前的準備

tags: 2018鐵人賽 自我介紹 Hello,大家好,我是 Jett。 爲什麼參賽? 大家都參賽了,難道不一起嗎? 大家? 今年 7 月,我報名 好想工...

鐵人賽 自我挑戰組 DAY 1

技術 Day 01: Hello, 鐵人 !

用30天向世界宣告,這一年來鋼鐵般的歷練 【 第 9 屆 iT 邦幫忙鐵人賽 】 好想工作室第一屆鐵人賽 不免俗的 Day 1 還是要來個簡單的自我介...

技術 Good Morning, Functional JS (Day 30)

標題 Good Morning,其實是希望本系列能為 Functional Programming 學習雲霧中透進一絲微光 會寫本系列文章,主要是因為想要...

鐵人賽 Modern Web DAY 30

技術 Day30:小事之 心得、目錄與推薦

心得與感謝 感謝這次一起參加鐵人賽的好想工作室夥伴,真的覺得有跟你們一起參加才能寫完三十天。 還要謝謝在這裡與在FB替我加油打氣的大家。 也謝謝 Amos 跟我...

鐵人賽 Modern Web DAY 30
新手也能懂的JS30 系列 第 30

技術 JS30-Day30-打地鼠

Day30-課題內容 終於來到 JS30的最後一天,在今天的課題中,我們將要使用一些之前所學的技能,在頁面上做出一個打地鼠的小遊戲。[1] 實作連結 進入課題...

鐵人賽 Modern Web DAY 29

技術 Day29:小事之 jQuery 寫法與 jQuery plugin

前一篇講了所有的選擇器,今天來說明一下 jQuery 基本的寫法,與幾個好用的 plugin。 寫法 $('CSS Selector').要做的事(); 例...

鐵人賽 Modern Web DAY 29
新手也能懂的JS30 系列 第 29

技術 JS30-Day29-Countdown Timer

Day29-課題內容 在 JS30第二天的 JS & CSS Clock 中,我們利用Javascript中的 setInterval() 方法以及CS...

鐵人賽 Modern Web DAY 28

技術 Day28:小事之 jQuery 選擇器

jQuery 是一個快數、小巧、功能豐富的 JavaScript Open Source library,主要是用來操作 DOM ,包含快速選取一個或多個來做一...

鐵人賽 Modern Web DAY 28
新手也能懂的JS30 系列 第 28

技術 JS30-Day28-Video Speed Controller

Day28-課題內容 在第十一天的課題Custom Video Player中,我們製作了一個客製化影片播放器,而在今天的內容當中,我們要利用移動滑鼠來控制影片...

鐵人賽 Modern Web DAY 27

技術 Day27:小事之 Transition 與 Animation

CSS3 中有兩個用來做動畫的屬性,一個是 Transition,另一個是 Animation 差異比較 CSS3 差異 Transition 在...

鐵人賽 Modern Web DAY 27
新手也能懂的JS30 系列 第 27

技術 JS30-Day27-Click & Drag

Day27-課題內容 JS30 進入倒數第四天,在今天的課題中,我們的目標是做出可以拖曳的目錄效果。[1] 實作連結 進入課題 要做出拖曳的功能,我們要結合目前...

鐵人賽 Modern Web DAY 26

技術 Day26:小事之 多重背景與漸層背景 CSS3 Gradients

多重背景與漸層背景是 CSS3 才開始有的背景屬性 瀏覽器適用前綴 Google Chrome 與 Apple Safari 使用 -webkit- Mozil...