test_driven_python/index.html at master · gmeader/test_driven_python · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html>
  <head>
    <title>Test Driven Python</title>
    <!--Import Google Icon Font-->
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!--Import materialize.css-->
    <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>

    <!--Add favicon-->
    <link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon" />

    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="css/main.css" media="screen" rel="stylesheet" >

  </head>
  <body>
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="js/materialize.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>

    <nav>
      <div class="nav-wrapper indigo darken-2">
        <a href="index.html" class="brand-logo">Test Driven Python</a>
        <a href="#" data-activates="mobile" class="button-collapse"><i class="material-icons">menu</i></a>
        <ul id="nav-mobile" class="right hide-on-med-and-down">
          <li><a class="dropdown-button" href="#!" data-activates="dropdown1">Lessons<i class="material-icons right">arrow_drop_down</i></a></li>
          <li><a href="https://github.com/thejessleigh/test_driven_python">View on Github</a></li>
          <li><a href="credits.html">Credits</a></li>
        </ul>
        <ul class="side-nav" id="mobile">
          <li><a href="https://github.com/thejessleigh/test_driven_python">View on Github</a></li>
          <li><a href="credits.html">Credits</a></li>
          <li><a class="dropdown-button" href="#!" data-activates="dropdown2">Lessons<i class="material-icons right">arrow_drop_down</i></a></li>
        </ul>
      </div>
    </nav>

    <div class="main">

      <ul id="dropdown1" class="dropdown-content indigo-text text-darken-2">
        <li><a href="lessons/lesson_0_hello_world/index.html">Lesson 0: Hello World</a></li>
        <li><a href="lessons/lesson_1_greetings/index.html">Lesson 1: Greetings</a></li>
        <li><a href="lessons/lesson_2_fizzbuzz/index.html">Lesson 2: FizzBuzz</a></li>
        <li><a href="lessons/lesson_3_calculator/index.html">Lesson 3: Calculator</a></li>
        <li><a href="lessons/lesson_4_temperature/index.html">Lesson 4: Temperature</a></li>
        <li><a href="lessons/lesson_5_pig_latin/index.html">Lesson 5: Pig Latin</a></li>
        <li><a href="lessons/lesson_6_books/index.html">Lesson 6: Books</a></li>
        <li><a href="lessons/lesson_7_anagrams/index.html">Lesson 7: Anagrams</a></li>
      </ul>

      <ul id="dropdown2" class="dropdown-content indigo-text text-darken-2">
        <li><a href="lessons/lesson_0_hello_world/index.html">Lesson 0: Hello World</a></li>
        <li><a href="lessons/lesson_1_greetings/index.html">Lesson 1: Greetings</a></li>
        <li><a href="lessons/lesson_2_fizzbuzz/index.html">Lesson 2: FizzBuzz</a></li>
        <li><a href="lessons/lesson_3_calculator/index.html">Lesson 3: Calculator</a></li>
        <li><a href="lessons/lesson_4_temperature/index.html">Lesson 4: Temperature</a></li>
        <li><a href="lessons/lesson_5_pig_latin/index.html">Lesson 5: Pig Latin</a></li>
        <li><a href="lessons/lesson_6_books/index.html">Lesson 6: Books</a></li>
        <li><a href="lessons/lesson_7_anagrams/index.html">Lesson 7: Anagrams</a></li>
      </ul>

      <h3>Introduction</h3>
      <div class="row">
          <div class="col s12 m12 l6">
            <div class="card indigo lighten-5">
              <div class="card-content black-text">
                <p>
                  This project was inspired by <a href="http://testfirst.org">Test First</a> and their approach to teaching beginners to code with a test driven mindeset. After not seeing any comparable Python projects, I decided to start my own. Many thansk to Sarah Allen and Alex Chaffee for providing excellent beginner resources for learning <a href="http://testfirst.org/learn_ruby">Ruby</a> and <a href="http://testfirst.org/learn_javascript">Javascript</a>.
                </p>
              </div>
            </div>
          </div>
        </div>

      <h3>Setup</h3>
      <div class="row">
        <div class="col s12 m12 l6">
          <div class="card indigo lighten-5">
            <div class="card-content black-text">
              <span class="card-title">Install Python</span>
              <br>
              You will need Python, pip, and virtualenv for this Python tutorial.
              <br>
              If you're using a Windows environment, <a href="http://docs.python-guide.org/en/latest/starting/install/win/">go here</a> for excellent instructions on setting up your environment.
              <br>
              If you're using Mac OS X, <a href="http://docs.python-guide.org/en/latest/starting/install/osx/">go here</a> for similarly excellent instructions.
              <br>
              For Linux, <a href="http://docs.python-guide.org/en/latest/starting/install/linux/">here are your instructions</a>
            </div>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col s12 m12 l6">
          <div class="card indigo lighten-5">
            <div class="card-content black-text">
              <span class="card-title">Create your Virtualenv</span>
              <p>Note: For more information on virtual environments, <a href="venv.html">check this out</a>.</p>
              <p>Once you've gotten Python, pip, and virtualenv set up, you'll need to create your virtualenv.</p>
              <p>First, enter your course directory.</p>
              <code> cd test_driven_python </code>
              <p>Then, create your venv</p>
              <code>virtualenv venv</code>
              <p>Next, activate your virtualenv</p>
              <code>source venv/bin/activate</code>
              <p>Install the project requirements</p>
              <code>pip install -r requirements.txt</code>
              <p>Now enter your first lesson</p>
              <code> cd lessons </code>
              <br>
              <code> cd lesson_0_hello_world </code>
              <p>Open that lesson's index.html file in a web browser and follow the instructions there to get started!</p>
            </div>
          </div>
        </div>
      </div>


    	<h3> Next Steps </h3>
      <div class="row">
        <div class="col s12 m12 l6">
          <div class="card indigo lighten-5">
            <div class="card-content black-text">
        		<p> You should start with the first lesson (lesson_0_hello_world) to get a feel for how this course works. If you've finished that, fantastic! You'll now proceed through the lessons by opening the index.html file in each directory and following the instructions there. </p>
            </div>
          </div>
        </div>
      </div>

      <h3> Need Help? </h3>
      <div class="row">
        <div class="col s12 m12 l6">
          <div class="card indigo lighten-5">
            <div class="card-content black-text">
              <span class="card-title">Where do you go if something doesn't seem to be working?</span>
              <br>
              <ul class="browser-default">
                <li> Read the error message. Error messages are built to be informative, not scary. There's probably some infomration there that will lead you to your next step.</li>
                <li> Google! Googling your error message is one of the most valuable skills you can develop in the early stages of learning to program </li>
                <li> <a href="https://stackoverflow.com">Stack Overflow</a> is a great resource for debugging your code.
                <li>
                  <p>iPython. iPython is an interactive shell where you can test out your code in real time. I've included it in the requirements file, so if you've set up your venv and installed requirements.txt, all you have to do is type:</p>
                  <code>ipython</code>
                  <p>in your command line with your venv activated, and you can try your code out. Never underestimate the power of debugging using well placed print statements!</p>
                </li>
                <li> Still can't find anything? Is something wrong with this Python course? If you think that's the case, hop over to the <a href="https://github.com/thejessleigh/test_driven_python">github repo</a> and create an issue. Please include which version of Python you're using, and let me know how to reproduce the issue you're seeing.</li>
              </ul>
            </div>
          </div>
        </div>
      </div>

    </div>
  </body>
</html>