# [全新課程網頁](https://michael0703.github.io/django2018class/)
# CSX 2018 DjangoClass課程任務網頁
---
### Introduce myself

嗨，我是廖威仲(Michael Liao)，今年大三資工系的學生。
今年是我第一次擔任助教，還請大家多多指教！

---
### Week3

**In Class:**
1. 分享時間(上週的重點問題、成果分享)
2. Django的template和views的互動過程

**Mission:**
1. 修改template的html，加入模板語言
2. 了解views如何和template進行互相控制，並且修改自己的網頁(具體目標待確認)
3. 將新的結果push到Github Repo、Heroku
4. 了解本週的重點問題

**Some Materials:**
1. Turtorial for this week

2. Week3 example repository
https://github.com/michael0703/DjangoWeek3Template-Views

3. Django模板教學

---

### Week2

**In Class:**
1. live demo last week's example
2. basic HTML/CSS

**Mission:**

1. 在本機端開發，將 view.py 修改後透過 Django 產生靜態頁面，且自己打開 localhost (本機端) 的網址做確認內容是正確的
2. 把新的結果 push 到上週新開的 Github Repo.
3. 把結果上傳至 Heroku，且確認 Heroku 上面的版本跟本機端的是一樣的
4. 了解本週的重點問題

* 著手開發的步驟是？
* 怎麼用 HTML + CSS 來拼出一個簡單的網頁？ 例如。。。。
* 怎麼在html插入圖片？
* 怎麼在html插入影片？
* 怎麼在html加入unordered list?
* <ol> 和 <ul>的差別是？
* 如何用 CSS 改 某幾個字的顏色、大小、字體。。。？
* 請你（儘量）思考更多 HTML 需要幫你做的事情（就算你不知道怎麼做，範例：『怎麼（大概）模仿 YouTube 的 HTML 架構？』）
* 怎麼控制一個最簡單的 Django 網站？例如。。。
* 如何建立一個新的html檔案(需要什麼打什麼在檔案的ㄧ開頭)
* 如何讓Django顯示你寫好的html檔案(也就是我的投影片寫的內容)
* 如何讓Django裡面的 HTML 檔案引用到另一個css檔案？
* 怎麼保證『遠端』跟『本機端』是一樣的？

**Some Materials:**

1. CSS basic
https://www.1keydata.com/css-tutorial/tw/syntax.php
2. HTML basic(如果你是完全的html新手，這個網站有提供非常多程式教學，不只有HTML/CSS)
https://www.codecademy.com/catalog/language/html-css
註： 至少看完以下的一些基本課程：

html基本介紹
https://www.codecademy.com/courses/learn-html/lessons/intro-to-html/exercises/intro
如何建立html檔案
https://www.codecademy.com/courses/learn-html/lessons/common-html-elements/exercises/prepare-html
3. 著手開發的流程教學影片
https://goo.gl/fJNuYw
4. Week2 example repository
https://github.com/michael0703/DjangoWeek2HTMLCSS
5. Tutorial for this week homework
https://goo.gl/ePSmdr
6. 有些同學可能會不知道怎麼把第一週clone下來的我的repo成功的丟上自己的github.或是怎麼樣把github上面的檔案同步下來本機端
如何push上github
https://goo.gl/BGAa5m
如何從github上pull下來本地端
https://goo.gl/PjDkhu

**My Example:**
https://helloworldwei.herokuapp.com

---

### Week1

**In class:**

i. register Heroku,Github
ii. install Django,Anaconda
iii. learn heroku and git

**完整流程:**
**Mac建議不用安裝Anaconda**

1.Install Heroku CLI:
https://devcenter.heroku.com/articles/getting-started-with-python#set-up
- for mac : You can install homebrew first
(https://brew.sh/index_zh-tw)

2.Follow the instruct video below

**Mission:**

i. finish the class assignment

**Some material:**

教學影片：
https://goo.gl/eirmji

Week1 example repository
https://github.com/michael0703/DjangoWeek1HelloWorld
如果你也想用命令列操作git
https://git-scm.com/book/zh-tw/v2/開始-Git-安裝教學
https://blog.gogojimmy.net/2012/01/17/how-to-use-git-1-git-basic/

**My Example:**
https://helloworldwei.herokuapp.com