iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

30天後能否自己做出一個簡單便利的訂便當系統(HTML、CSS、BootStrap、PHP、SQL、JavaScrip、JQuery) 系列

因為公司常用網路上很多人使用的DinBenDon系統,但往往第一次用的時候都會很不知所措,而且功能也很多,讓我看了眼花撩亂(沒有不好,個人想法),所以就想說趁能不能自己試著做出一目了然的功能且版面也不能太花俏,畢竟只是來點個午餐太過於華麗反而會失焦,這也是為了讓使用者方便點餐,也趁著這次就順便報名一下鐵人賽好了,督促自己每天要有個進度也不錯!!不然太廢了XD

鐵人鍊成 | 共 30 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文
DAY 21

鐵人賽 Day21 -- Bootstrap 初體驗

前言 這是一個非常好用的前端框架,讓我們不用再辛苦寫 CSS,也能輕鬆達成RWDBootstrap 的官方網站 --> https://getbootst...

2021-09-21 ‧ 由 SKYDOG 分享
DAY 22

鐵人賽 Day22 -- Bootstrap 格線系統

前言 今天看我們 Bootstrap 其他功能吧 一、基本語法 <div class="col-12 "> Lorem <...

2021-09-22 ‧ 由 SKYDOG 分享
DAY 23

鐵人賽 Day23 -- JavaScript 初體驗(一) -- Hellow World

前言 一直很想學 JavaScript 但我覺得很難的感覺一直遲遲不敢去碰它,事到如今還是來了,該面對的還是要面對XD 一、引用 JavaScript 檔案 直...

2021-09-23 ‧ 由 SKYDOG 分享
DAY 24

鐵人賽 Day24 -- JavaScript 初體驗(二) -- 點擊後換圖片

前言 最近因為上班進度緩慢,所以內容比較慢,但應該也只能這樣了哈哈,我們今天也一樣會用到 Onclick那我們之前也有使用 JQuery 的 Onclick 事...

2021-09-24 ‧ 由 SKYDOG 分享
DAY 25

鐵人賽 Day25 -- JavaScript 初體驗(三) -- 建構子

前言 初學JavaScript 的時後,意外看到這個東西,也就是建構子,雖然之前從來沒聽過,但而我們在寫程式的時候,常常會不知道到底要建立幾個物件,這時候建構子...

2021-09-25 ‧ 由 SKYDOG 分享
DAY 26

鐵人賽 Day26 -- 一定要知道的JQuery (二) -- 錨點動畫

JQuery-錨點動畫 什麼是錨點 & 錨點的作用是什麼 他是超連結的一種,可以幫助我們更快速的尋找我們所要的資訊,就不用一直滾動頁面來尋找我們所要的資...

2021-09-26 ‧ 由 SKYDOG 分享
DAY 27

鐵人賽 Day27 -- CSS動畫 animation -- @keyframes

前言 不是只有JavaScript 或 JQuery 才可以做出動畫,現在連CSS也可以啦,於是我就想說先從簡單的來試試看好了 關鍵影格@keyframes a...

2021-09-27 ‧ 由 SKYDOG 分享
DAY 28

鐵人賽 Day28 -- AOS.js -- 滾動到元素的位置時,才開始動畫

前言 相信很多人都會看到在滑動網站時,滑到一個地方就會出現動畫,滑回去再滑回來又會再出現一次,那這到底是怎麼做的呢 ?? 於是我就找到一個不用寫JavaScri...

2021-09-28 ‧ 由 SKYDOG 分享
DAY 29

鐵人賽 Day29 -- 使用 JQuery 製作簡易的loading畫面

前言 一個網站要讓他更完整,勢必就需要當使用者進入網站時,先進行讀取,但由於技術成分不足,只好先做這種簡單版的 一、載入JQuery 請先複製下列程式碼,並貼...

2021-09-29 ‧ 由 SKYDOG 分享
DAY 30

鐵人賽 Day30 -- 鐵人賽最後一天啦

經歷了30天的鐵人賽後,再次將我之前所學的再次地複習了一遍,也藉此更了解到我之前到底都學了什麼,可能之前只知道他可以尬麻,卻不是很了解他的特性,但30天後我現在...

2021-09-30 ‧ 由 SKYDOG 分享