# Django Rest Framework
###### tags: `Django` `django REST API` `beginner`
{%youtube Yg5zkd9nm6w %}
- [Code - Django](https://github.com/SteinOveHelset/djackets_django)
- [Code - Vue](https://github.com/SteinOveHelset/djackets_vue)
⭐️ Course Contents ⭐️
⌨️ (0:00:00​) Intro
⌨️ (0:00:55​) Demo
⌨️ (0:02:41​) Install and setup (Django)
⌨️ (0:11:39​) Install and setup (Vue)
⌨️ (0:15:49​) Include Font Awesome
⌨️ (0:16:28​) Set up the base template
⌨️ (0:22:55​) Create django app and models for products
⌨️ (0:33:19​) Create serializer and views for the products
⌨️ (0:39:50​) Create simple front page (latest products)
⌨️ (0:45:40​) View a product
⌨️ (0:55:57​) Sette opp Vuex / State
⌨️ (0:57:27​) Make it possible to add to cart
⌨️ (1:05:31​) Implement a loading bar
⌨️ (1:08:59​) Set document title (All pages)
⌨️ (1:09:58​) Make it possible to view a category
⌨️ (1:21:07​) Add search functionality
⌨️ (1:28:07​) View cart
⌨️ (1:34:34​) Change contents of cart
⌨️ (1:38:14​) Make it possible to sign up
⌨️ (1:43:34​) Make it possible to log in
⌨️ (1:48:38​) Create a simple my account page
⌨️ (1:53:24​) Proceed to checkout (Authentication)
⌨️ (1:58:59​) Create a simple success page
⌨️ (2:14:29​) Show my orders on the my account page
⌨️ (2:18:41​) Deploy Django
⌨️ (2:40:39​) Deploy Vue (Generate files locally, Send files to server, Set up nginx virtual host)

> Happy Learning.:smile:

## :memo: Topic Name

### Step 1: Write something in Markdown

Let's try it out!
Apply different styling to this paragraph:
**HackMD gets everyone on the same page with Markdown.** ==Real-time collaborate on any documentation in markdown.== Capture fleeting ideas and formalize tribal knowledge.
- Code block with color and line numbers：

var s = "JavaScript syntax highlighting";
alert(s);

- [x] **Bold**
- [ ] *Italic*
- [ ] Super^script^
- [ ] Sub~script~
- [ ] ~~Crossed~~
- [x] ==Highlight==

:::info
:bulb: **Hint:** You can also apply styling from the toolbar at the top :arrow_upper_left: of the editing area.

:::

:::info
:pushpin: Want to learn more? ➜ [HackMD Tutorials](https://hackmd.io/c/tutorials)
:::

---

- UML diagrams

Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!
Note left of Alice: Alice responds
Alice->Bob: Where have you been?

> [name=Abhishek Dev]