iT邦幫忙

web相關文章
共有 276 則文章
鐵人賽 開發技術 DAY 23

技術 Django Tutorial for Programmers: 23. 收尾

內容。Diff。 今天我們要完成這個網站。 第一件事情,是要讓使用者可以修改點餐內容。其實需要用到的東西我們之前都提過了,只需要實行而已。在 `EventDe...

鐵人賽 開發技術 DAY 25

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#25-- 自適應使用者介面 #2

上一篇文章:MIS2000Lab.的「HTML5 從零開始」#24-- 自適應使用者介面(Adaptive User Interface)#1 http://i...

鐵人賽 開發技術 DAY 22

技術 Django Tutorial for Programmers: 22. Form sets

內容與 diff。今天很長。 其實這個內容跟本應該放在更前面,只是我**忘記了**,所以只好現在補講。昨天我們說要做讓使用者修改點餐的功能,就先延到明天。 我...

鐵人賽 開發技術 DAY 24

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#24-- 自適應使用者介面 #1

=============================================== 本系列文章已經集結出書 HTML5、CSS、JavaScript...

鐵人賽 開發技術 DAY 21

技術 Django Tutorial for Programmers: 21. Extending CBVs

內容與 diff。 前情提要: 1. [x] 已登入的使用者可以在 store detail view 看到一個按鈕,按下去可以根據該店家建立新 event...

鐵人賽 開發技術 DAY 20

技術 Django Tutorial for Programmers: 20. CBV Attributes

內容與 diff。 複習一下我們前天說的需求: 1. 已登入的使用者可以在 store detail view 看到一個按鈕,按下去可以根據該店家建立新 ev...

鐵人賽 開發技術 DAY 19

技術 Django Tutorial for Programmers: 19. Class-based Views

內容。今天完全不寫程式,所以就不上 diff 了。 和說好的一樣,今天要來解釋 Django 的 generic view classes——又稱 class-...

鐵人賽 開發技術 DAY 25

技術 Day25 - 適者生存,會根據環境自我調整的版面設計 Responsive Design

Responsive (Web) Design,中文翻譯做 『自適響應設計』或『自適回響設計』,這看起來有點耐人尋味的名字,可是在網頁設計上有了很大的突破呢!...

鐵人賽 開發技術 DAY 18

技術 Django Tutorial for Programmers: 18. Events

內容與 diff。 店家的部分差不多完成了,接著我們來實作點餐部分。因為畫圖很麻煩(喂),我們直接上程式。首先建立 `events` app: ```bash...

鐵人賽 開發技術 DAY 17

技術 Django Tutorial for Programmers: 17. Custom template tags/filters, and Ajax

內容與 diff。 我們現在是在 view 裡判斷是否能 delete。但是這種繁瑣的東西實在應該被放到 model 才對。我們在 `Store` 新增一個 m...

鐵人賽 開發技術 DAY 16

技術 Django Tutorial for Programmers: 16. 續・django.contrib.auth

內容與 diff。 Andy Dai ‏@daikeren @uranusjr Django IT 鐵人你可以想到直接貼 Markdown 上去這招真的太聰明了...

鐵人賽 開發技術 DAY 15

技術 Django Tutorial for Programmers: 15. django.contrib.auth

內容。Diff。 奇怪我明明就在進階設定 disable 了 line numbers,為什麼還是會顯示。這編輯器到底有什麼功能是完全沒問題的啊。 Zzz 由於...

鐵人賽 開發技術 DAY 14

技術 Django Tutorial for Programmers: 14. Django Crispy Forms

內容與 diff。 Django 預設的 form 格式實在不好看。如果我們想要,也可以每個 widget 自己輸出,例如:(以 create form 為例...

鐵人賽 開發技術 DAY 13

技術 Django Tutorial for Programmers: 13. Form View

內容。Diff。 這編輯器連 <hr> tag 都不支援耶。會不會太詭異了,主辦單位真的有認真在辦這個活動嗎? 我們現在可以顯示在 admin 建...

鐵人賽 開發技術 DAY 12

技術 Django Tutorial for Programmers: 12. 續・重構

今日內容。今日 diff。 你懂的。 延續昨天的內容,我們繼續重構;今天的重點會放在 stores app。 get_absolute_url 在 store...

鐵人賽 開發技術 DAY 11

技術 Django Tutorial for Programmers: 11. 重構

今日內容。Commit log。 以下請無視。 有了昨天的基礎,我們現在要開始重構。先從簡單的開始。 首頁 仔細想想,首頁好像不是 stores 的一部份。我們...

鐵人賽 開發技術 DAY 10

技術 Django Tutorial for Programmers: 10. Testing

直接編輯 HTML 的選項又不見了。這裡是技術論壇吧,WYSIWYG 編輯器最好是有那麼難做。加油,好嗎? 今日內容 新增程式 後面請直接忽視。:)...

鐵人賽 開發技術 DAY 9

技術 Django Tutorial for Programmers: 9. Model View

本週的內容在這裡,增加的程式碼可以在這裡看到。後面就意思意思發一下,不用看也沒關係(反正內容一樣)。 我們現在要來自己寫個 view,把前面製作的 model...

鐵人賽 開發技術 DAY 8

技術 Django Tutorial for Programmers: 8. Admin

註:因為鐵人賽的編輯器實在難用到爆炸,出來的結果又醜(我絕對沒有責怪 iTHome 技術團隊的意思,絕對沒有喔,絕對沒有對你們感到不爽~~~),越寫越不爽,所以...

鐵人賽 開發技術 DAY 3
如何建構網站服務 系列 第 5

技術 D05 使用emmet跟jade來產生html

當你對HTML已經比較熟悉以後 可能會覺得用手打全部的code有點沒效率 這時候就能搭配一些工具來協助你產生結構 在編輯器裡面可以搭配emmet emmet可以...

鐵人賽 開發技術 DAY 7

技術 Django Tutorial for Programmers: 7. Models

┌───────────────┐ ┌───────────────┐ │ Store │ │ Me...

鐵人賽 開發技術 DAY 6

技術 Django Tutorial for Programmers: 6. Views

來幫網站加個首頁。因為這是 Django 教學,不是前端教學,所以這個範例會直接用 Bootstrap 拼一個簡單的介面。Django 本身不管前端,所以只要...

鐵人賽 其他技術 DAY 4

技術 Day4– 前端小字典三十天【每日一字】– Web Server

web server 是什麼? 圖片來源 web server(網站伺服器) 負責回應Web瀏覽器(IE,Chrome等)等用戶端軟體的請求, 提供資訊和服務...

鐵人賽 開發技術 DAY 3
如何建構網站服務 系列 第 4

技術 D04 怎麼自己寫一個網頁

既然我們已經有空間 也有網址 (沒空間的先參考D02的文章去弄一個空間來吧 那接下來我們就可以開始自己寫網頁了 以前我是會建議先用dreamweaver或fro...

鐵人賽 開發技術 DAY 3
如何建構網站服務 系列 第 3

技術 D03 StackEdit+droppages

還是之前寫過的教學XD 在這 上一篇有稍微講到markdown 但是只介紹使用notepad++去手動編寫 所以在這篇再介紹一個方便一點的工具StackEdit...

鐵人賽 開發技術 DAY 5

技術 Django Tutorial for Programmers: 5. Django Apps

Django 自稱 MTV 框架,把自己分成三個部分:models、templates、views。如果你最近學過開發框架(web 或 GUI 或其他的),可能...

鐵人賽 開發技術 DAY 2
如何建構網站服務 系列 第 2

技術 D02 利用dropbox做為網站空間

之前寫過的文章XD 在這裡 因為已經有現成文章了 就補充一些之前沒講的吧 使用droppages的好處 是他有template也支援markdown 也可以以上...

鐵人賽 開發技術 DAY 4

技術 Django Tutorial for Programmers: 4. 執行專案

我們昨天解釋了 django-admin 為你產生的專案架構。今天我們要把架構中缺少的設定補上,讓這個專案能夠執行。下面是我們的專案架構,以防你忘記了(從現在起...

鐵人賽 開發技術 DAY 1
如何建構網站服務 系列 第 1

技術 D01 - 十分鐘內架一個網站

從最簡單來說 就只要一個放網頁的空間 跟一個連線網址 這樣就夠了 以最近比較方便的工具網站來說 應該是WIX.com吧 既有提供空間 也有給免費子網域可以用 讓...

鐵人賽 開發技術 DAY 3

技術 Django Tutorial for Programmers: 3. Django Project

希望你還記得我們前天做了什麼。 首先,找到你之前建立的 lunch 目錄,cd 進去,然後啟用虛擬環境。接著用以下的指令建立新專案 django-admin s...