Congrats your app is running now! But it is not fun to access website using IP. So our week 2 task is to get domain and make incremental updates easier.
- Get a domain name and configure DNS
- Setup remote-repository to push updates to website by simply running "git push live"
- Extend the above trick to automate Django deployment too.
- Bonus: Split Django settings into different setting files for local, testing and remote server.
- Add the basic styling to your website: https://jgthms.com/web-design-in-4-minutes/
- Most of the design stuff is just font, colors and typography. Let's get them done.
- For fonts, choose one from Google Fonts.
- For colors, read this chapter: https://refactoringui.com/previews/building-your-color-palette/
- In the end, try to make a custom button. Try to make similar to on on Stripe's website: https://stripe.com/docs
- Next is to customize forms. Forms are just labels and inputs. By default the labels are shown inline. Let's show them in new line using
display: blockonlabel. For text input boxes, keep a padding of8px 12pxand add other styling you like.
Move to Week 2.5.
- I recommend Google Domains because they provide free email forwarding and better privacy.
- Refer MDN docs whenever you use a new CSS property.
- Don't use w3schools. You won't learn anything if you use W3Schools because they don't explain the concepts.
- Add MDN docs to your doc reference software such as Dash or DevDocs.
- Color in UI Design: Another wonderful post on how to choose good colors.
- Monica.css: Beautiful post on why we don't need a CSS framework today.
- CSS Variables: CSS variables are one of the most useful things in CSS.
- What does
margin: 0 autodo in css? - Read a bit about normalized CSS and why do we need it.