iT邦幫忙

六角學院相關文章
共有 58 則文章

技術 鼠年全馬鐵人挑戰 WEEK 25: Git branch 合併 Merge Rebase

分支 在開發中我們會有許多版本,像是開發版、測試版,測試功能都正常,才會合併到上線版。 分支就像是影分身術的概念,而我們會透過 git的指令,來取需要分身的部...

技術 鼠年全馬鐵人挑戰 WEEK 24: 從零開始,如何從Git push 到 GitHub?

本篇適用於完全不會Git的人,將一步步帶你上傳檔案至GitHub 1. 安裝 首先到 Git 官網 ,下載Git 以下為windows 環境下示範 ,開始選單...

技術 鼠年全馬鐵人挑戰 WEEK 22: JavaScript 判斷式 - if...else / switch

小明崩潰問道:難道奶奶、你和我都是程式所構成的嗎? 此時大家陷入沉默,不發一語 黑衣人打破沉默:如果你想知道這世界的真相,就問問真理吧! 在真理的世界只有 tr...

技術 鼠年全馬鐵人挑戰 WEEK 21: JavaScript 箭頭函式 Arrow function

奶奶一臉震驚說:你...你是... 黑衣人說:我這次回來是要把我畢生所學給傳授下去。 小明腦中出現了很多想法,回來?畢生所學?什麼東西阿!搞得我腦子好亂! 黑衣...

技術 鼠年全馬鐵人挑戰 WEEK 20: JavaScript 函式 function

小明是某雜貨店的員工,有天店裡來了位客人,身著國民品牌uniqlo黑色的短T, 下著百搭卡其褲,腳採萬年不敗adidas拖鞋,走進店裡拿了一罐水、 二條七七乳加...

技術 鼠年全馬鐵人挑戰 WEEK 19: JavaScript 運算子 運算式

以前數學課有個直線方成式y=ax+b,想必大家都不陌生吧! =、*、+,我們稱為運算子,而y=ax+b,就稱為運算式。 JavaScript 有以下常用的運算子...

技術 鼠年全馬鐵人挑戰 WEEK 18: JavaScript 變數 型別

變數 變數命名規則 變數可以由字母數字下劃線和美元符號($)組成 變數必須以字母開頭 變數也能以 $ 和 _ 符號開頭 變數名稱對大小寫敏感(a 和 A 是不...

技術 鼠年全馬鐵人挑戰 WEEK 17: CSS transform

transform:(動作的函數),通常會配合animation或:hover來做些動畫效果 範例 transform-origin:x y; 指定動作的參考點...

技術 鼠年全馬鐵人挑戰 WEEK 16: CSS Animation

CSS3 中有兩個用來做動畫的屬性,一個是 Transition,另一個是 Animation。 Animation 起手式 div{ animati...

技術 六角學院2020春季切版直播班-課後心得

這周來寫點不一樣的~ 因為終於上完八週的線上切版直播班啦~~!!! 來寫寫課後心得,可供日後想參加的學員參考哦:) 參加源由 如果看過我前面的文章會知道我原本是...

技術 鼠年全馬鐵人挑戰 WEEK 15: 上上 下下 左左 右右 要怎麼解決呢? CSS nth-child

最近切版常常遇到看似規則,但又不規則,一下偏左,一下偏右, 在我還沒遇到nth-child前, 我的解決方式都是一千零一招,複製貼上各個class, 每次邊貼心...

技術 鼠年全馬鐵人挑戰 WEEK 14: 我想亮白、我想復古、我想___?CSS filter

CSS filter簡單來說就是濾鏡功能,以下整理幾個常用的功能。 1.blur模糊(px) 越大越模糊,如果想要朦朧美就參考這個吧! filter:blur...

技術 鼠年全馬鐵人挑戰 WEEK 13: CSS | 假的!假的!這一切都是假的!偽元素 - 基本用法

什麼是偽元素? 它不是網頁元素,但行為、表現又像元素一樣,可以用CSS操控。 簡易來說它就是個分身術,常用的偽元素有::before、::after兩種。 ::...

技術 鼠年全馬鐵人挑戰 WEEK 12: 提升切版速度!Emmet原來可以這樣用!

最近參加了六角學院的切版班,想要提升自己的切版速度,分享幾個我常用的方式。 如果有更好或覺得不錯的方法,可以留言分享喔! 需要你們打開我的新世界 基本用法 !=...

技術 鼠年全馬鐵人挑戰 WEEK 11: 水平垂直置中、排版黑魔法 CSS-Flex

在還沒認識Flex前我的水平垂直置中招式,永遠都只有這幾招,line-height+margin auto或用postion來設定,但每次遇到的狀況還不一定能用...

技術 鼠年全馬鐵人挑戰 WEEK 10: 這時我看見他的背影,我的淚很快地流下來了。 box-shadow

還記得國中時,老師國文課時上到朱自清-背影, 雖然內容不多,但內容卻十分豐富,國中時我還是位懵懂的少年,不經世事的孩子, 對文章的真情未必有深入的感受及透澈。僅...

技術 鼠年全馬鐵人挑戰 WEEK 09: 月亮圓又圓,用 border-radius 讓你圓又圓

雖然離中秋節還很遠, 已經想烤肉了XD ,但每次抬頭仰望星空,看到月亮一點一滴的變化, 讓我心中掀起小波瀾,心中思考著要如何讓月亮長存,而不是只有黑夜。 如何使...

技術 鼠年全馬鐵人挑戰 WEEK 08: head裡面到底在寫什麼?我怎麼看不懂?

剛開始學HTML時,都從body裡的內容開始學,很少用到head裡面的標籤,當打開別人的網頁時, 看到head怎麼寫得滿滿的,看到就頭昏眼花 ,於是就激發了筆者...

技術 鼠年全馬鐵人挑戰 WEEK 07:優化SEO- 語意化標籤!讓別人看懂你在寫什麼!

什麼是語意標籤?? 為了讓標籤(Tag)更具意義,已加強文件的結構化,讓搜尋引擎更清楚瞭解, 可以更清楚表現網頁中每個區塊的設計目的。 為什麼要用語意標籤?...

技術 鼠年全馬鐵人挑戰 WEEK 06:優化SEO- 將 h1 圖片取代文字!

首先我們要先知道什麼是SEO? 沒有SEO,人們只有5.59%的機會找到你 SEO為什麼重要?讓人們看見你 以Google的角度而言 : Google不斷的...

技術 鼠年全馬鐵人挑戰 WEEK 05:CSS為什麼老是吃不到?讓我們來瞭解CSS權重!

以前我在寫css的時候,常常發現沒寫錯但為什麼沒反應?然後開始陷入debug迴圈,後來才發現是權重出了問題,我想這也是大家都經歷過的痛吧! 在剛開始寫CSS的時...

技術 鼠年全馬鐵人挑戰 WEEK 04:人要衣著,佛要金裝!用CSS為網頁穿上衣服

如果說html是人,css就是衣服。 俗話說:人要衣著,佛要金裝。 穿搭得宜,宅男都會變型男無誤。 首先我們先在css資料夾下建立一個style.css, 然後...

技術 [鼠年全馬鐵人挑戰] Week05 - 21天效應,養成良好習慣

Hi~大家又見面啦 這次要來分享有關於21天效應~ 會想分享此主題是剛好前幾天看了六角學院的洧杰老師分享的這篇文章: 21 天培養習慣挑戰賽 - 我健康到爆炸啦...

技術 [鼠年全馬鐵人挑戰] Week 3-網頁排版筆記: 一份完整的作品所需要的元素

在練習與找工作中遇到卡關了。沈寂了一些時間,再度回來了。 一份完整的作品集,所需的元素,不外乎 UX/UI 使用者體驗/介面,還包含了許多技術面 HTML5...

技術 鼠年全馬鐵人挑戰 WEEK 03:CSS盒模型-box-model

什麼是box-model? 意思是在 CSS 裡面,html 的每個元素都可被視作為一個盒子,然後可以針對這個盒子去做調整 Margin -負責調整 元素與元...

技術 鼠年全馬鐵人挑戰 WEEK 02:瞭解Html標籤及特性-標籤下的好,架構沒煩惱!

瞭解Html標籤及特性 每個Html標籤都有其功能及特性,或許很抽象。我用遊戲來做譬喻,Html標籤就像是遊戲中的職業有各種功能,而屬性就像遊戲中的公會,每個職...

技術 鼠年全馬鐵人挑戰 WEEK 01:無經驗非本科技轉職前端歷程

Photo by Pixabay on Pexeles 正在看著文章的大家們,這是小弟第一次參加鐵人挑戰賽,也是開啟我的文章生涯,再請大家不吝嗇的指教!ヽ༼...

技術 [鼠年全馬鐵人挑戰] Week 2-網頁排版筆記: 修練前的寶物

暨上一篇學習遇到低潮期,搜尋網友的#技術文章分享 在iT邦幫忙,發現這篇「金魚都能懂網頁設計入門」 Amos 老師分享的技術文,說到筆記學習方法 「XMind」...

鐵人賽 自我挑戰組 DAY 26
網頁學習紀錄 系列 第 26

技術 鐵人賽 Day26 首次參加六角學院同學會

今年最令我期待的活動之一-六角學院三週年同學會! 在二月中註冊了六角學院網頁設計師的課程,中間經歷了孩子誕生、陪伴太太坐月子、新手奶爸的生活... 就這樣過了七...

鐵人賽 Modern Web DAY 7

技術 Firebase Functions - 實現 Serverless(下)

上一篇已經了解 Functions 可以如何應用,接下來我們就嘗試運用 Functions 來做一個可以上傳圖片並得到圖片網址與 metadata,範例是參考...