Create Your First Website

Dec 20, 2021
Admin
Admin

Intro

This tutorial will quickly teach you how to start coding your first website in a windows environment!

Prerequisites

First thing, you'll need a few applications installed. Go to each of the links below and install them.

  1. Docker download and install the windows version
  2. Python download and install the latest version
  3. Cookiecutter
    • Open a command prompt by clicking the windows icon and search cmd
    • Type in pip install cookiecutter and hit enter
  4. VSCode download and install

Cookie Cutter Django

  1. Open a command prompt
  2. Type in mkdir projects and hit enter
  3. Type in cd projects and hit enter
  4. Type in cookiecutter https://github.com/cookiecutter/cookiecutter-django and hit enter
  5. Follow and answer the prompts. If you don't know what to answer, hit enter which will submit the default)
  6. Type in docker-compose -f local.yml up and hit enter
  7. Open a web browser and go to localhost:8000
  8. you should see your first website

Edit Your Website

  1. Open a windows explorer
  2. Go to your projects folder
  3. Right click the new project you created and click open with VSCode
  4. Navigate to the home.html file
  5. Type in <div>Hello World</div> and save
  6. Check your website. You should now see "Hello World" on the home page.
RECOMMENDED