iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

勇者Jason和前端之鑰 系列

「勇者...勇者...」耳邊傳來睿智長者的輕語
「我...我這是在哪?」勇者感到不解
「我剛剛不是才在Monospace喝著有獸醫把關牛乳,怎麼現在出現在這裏?」
看著四周環繞者一堆張牙舞抓、蓄勢待發的iT鐵人,勇者不禁嘎了一下冷筍,將褲頭往上勒緊了些
「歡迎來到第九屆iT鐵人賽!」台上穿著制服的女性機器人立刻吸引了大家的目光
「那可是全球限量的機器人呢!」
「據說那是iT邦老闆的私人珍藏呢!」
女性機器人的出現讓台下引起一陣不小的騷動
「你們將要挑戰自我,參加一項為期30天的鐵人競賽,勇往直前吧!鐵人們」

我叫Jason
剛接觸網頁前端30天
未來的三十天請多多指教

鐵人鍊成 | 共 32 篇文章 | 63 人訂閱 訂閱系列文 RSS系列文 團隊Lorem100+tab
DAY 1

【DAY1】從新手村出發!

隨著響亮的哨音,iT鐵人們開跑了。Hello,大家好,我是Jason。這是我的第一篇文,如果有寫錯的地方、或比喻失真的情形,可以直接跟我說,謝謝。

2017-12-20 ‧ 由 JasonYang 分享
DAY 2

【DAY2】Sublime Text and VS Code

Sublime Text and Visual Studio Code 在邁向前端的路上,相信很多人一開始並不知道有這兩個軟體,有些人買了教學影片、有些人買了參...

2017-12-21 ‧ 由 JasonYang 分享
DAY 3

【DAY3】好Emmet,不用嗎?

Emmet的介紹與使用~好Emmet,不用嗎? 前一篇提到,我們要用VS code跟前端進行第一次接觸了,一開始遇到html,想必沒有人提醒的新手一開始都是一個...

2017-12-22 ‧ 由 JasonYang 分享
DAY 4

【DAY4】者工具 DevTools,前端不可或缺的小夥伴!

DevTools,前端不可或缺的小夥伴!) 開發人員工具DevTools,前端不可或缺的小夥伴! 昨天帶大家做了一遍emmet,今天我們要來學習使用開發人員工...

2017-12-23 ‧ 由 JasonYang 分享
DAY 5

【Day5】用CSS為網頁穿上新衣!

如果說html是骨架,那CSS就像是外皮,首先我們先在css資料夾下建立一個style.css,然後在html檔的內加入下列,就可以讓html導入在css資料夾...

2017-12-24 ‧ 由 JasonYang 分享
DAY 6

【DAY6】將想要顯示的區域定位到版面上(一)position

當我們把裡面的資料填上,將進入還記得第一次進入body寫的是hello world,但是這次,我們可以開始模仿一些網站的樣式,這叫做切版。 那些太艱深的網頁我們...

2017-12-25 ‧ 由 JasonYang 分享
DAY 7

【DAY7】將想要顯示的區域定位到版面上(二)float

還記得昨天說到用position:absolute;時,寫在越後面的element會排列在越上面,今天要來講float,就不得不先讓大家了解一下z-index了...

2017-12-26 ‧ 由 JasonYang 分享
DAY 8

【DAY8】版本控制-git和它的GUI:Sourcetree(一)

首先,我們先上圖吧! 看到這個畫面是不是很懷念?曾經在畢業影片製作的時候,不斷地輸出影片。把資料夾裡面用的滿滿是影片,一直排序,排序出只有自己懂的名稱。 而在我...

2017-12-27 ‧ 由 JasonYang 分享
DAY 9

【DAY9】版本控制-git和她的GUI:Sourcetree(二)

緊接著我們繼續介紹分支branch首先先上圖! 可以看到除了藍色的master,還有一個紅色的分支。(理論上會是兩條分開的線,只是我把他merge回去了。)創...

2017-12-28 ‧ 由 JasonYang 分享
DAY 10

【DAY10】git的好朋友:github

由於前兩天已經介紹了git,今天就把github一起介紹了吧!由於現在開始和別人一起合作,所以不能只有自己用git自己玩。因此在學到git的時候也會接觸到git...

2017-12-29 ‧ 由 JasonYang 分享