iT邦幫忙

鐵人檔案

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

勇者Jason和前端之鑰 系列

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

【DAY1】從新手村出發!拔出地上的勇者之劍!

隨著響亮的哨音,iT鐵人們開跑了。 不同與於以往衝入水中、鐵人們肢體互相碰撞的感覺。 「這次的比賽顯得緩而漫長呢!」Jason心想。 突然,一陣白光從腳邊亮起...

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

【DAY2】路邊的野花不要採,地方的大嬸需要撫摸!(Sublime Text and VS Code~為你的筆電安裝上個好的附魔吧!)

不想看故事的請往下拉直接看Sublime Text and VS Code 「勇者啊!」村長在Jason正要轉身離開的時候叫住了他。 「前路漫漫,要當心被魔王控...

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

【DAY3】免錢的最貴,原來大嬸的女兒叫艾咪!(好Emmet,不用嗎?)

不想看故事的請往下拉直接看Emmet的介紹與使用 隨著大嬸的手指不停的往上游移,就快侵犯到自己的黃金聖鬥士, Jason大聲喊到「等...等一下!我...沒錢!...

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

【DAY4】未知不一定恐怖,勇者的開發工具!(開發者工具 DevTools,前端不可或缺的小夥伴!)

DevTools,前端不可或缺的小夥伴!) 不想看故事的請往下拉直接看開發者工具,前端不可或缺的小夥伴! 隨著大嬸漸漸離去的腳步聲,昏暗的房間內只剩下Jason...

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

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

首先先跟各位抱歉,打故事會花掉不少時間,而且打出沒什麼梗的文章我自己也不是很滿意。 我想把時間著重在寫code上,所以故事決定腰斬,教學則會繼續。 如果說ht...

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

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

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

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

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

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

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的時候也會接觸到...

2017-12-29 ‧ 由 JasonYang 分享