learningprocessing.com/index.html at gh-pages · shiffman/learningprocessing.com · 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
---
layout: landing
---

<section id="hero" class="container-fluid home-flag">
  <div class="row">
    <div class="col-md-2">
      <div class="stamp">
        <a href="http://shiffman.net">DANIEL SHIFFMAN</a>
        <a href="http://learningprocessing.com" class="active">LEARNING PROCESSING</a>
        <a href="http://natureofcode.com">THE NATURE OF CODE</a>
        <img src="images/keyline.svg" />
      </div>
    </div>

    <div class="col-md-5 col-sm-8 lhs">
      <div class="vert-center contain">
        <div class="mobile-show text-center">
          <img src="images/book.png" width="90px" />
          <br /><br />
        </div>

        <h1>LEARNING PROCESSING</h1>
        <span class="edition-label">2ND EDITION</span>
        <h3>Find a friend in code</h3>

        <p>
          This book tells a story. It’s a story of liberation, of taking the first steps towards
          understanding the foundations of computing, writing your own code, and creating your own
          media without the bonds of existing software tools. This story is not reserved for
          computer scientists and engineers. This story is for you.
        </p>

        <div class="actions">
          <a href="https://amzn.to/3Xq7n7I" target="_blank" class="btn btn-primary"
            >BUY ON AMAZON</a
          >
          <a
            href="pdfs/LearningProcessing_2ed_sample_1and18.pdf"
            target="_blank"
            class="btn btn-default"
            >DOWNLOAD SAMPLE</a
          >
        </div>

        <img src="images/keyline.svg" />
        <a href="https://github.com/shiffman/LearningProcessing" target="_blank" class="meta-link"
          >CODE FOR ALL EXAMPLES IN PROCESSING</a
        >
        <a
          href="https://github.com/shiffman/LearningProcessing-p5.js"
          target="_blank"
          class="meta-link"
          >CODE FOR ALL EXAMPLES IN P5.JS</a
        >

        <div class="mobile-show text-center">
          <br /><br />
          <a href="http://p5js.org/" class="meta-link">SKETCH MADE WITH P5.JS</a
          ><a
            href="https://github.com/shiffman/learningprocessing.com"
            class="meta-link"
            target="_blank"
            >WEBSITE ON GITHUB</a
          >
        </div>
      </div>
    </div>

    <div class="rhs">
      <div class="social">
        <div
          class="fb-like"
          data-href="http://www.learningprocessing.com/"
          data-layout="button"
          data-action="like"
          data-show-faces="false"
          data-share="true"
        ></div>
        <a
          href="https://twitter.com/share"
          data-url="http://www.learningprocessing.com/"
          class="twitter-share-button"
          >Tweet</a
        >
        <script>
          !(function (d, s, id) {
            var js,
              fjs = d.getElementsByTagName(s)[0],
              p = /^http:/.test(d.location) ? 'http' : 'https';
            if (!d.getElementById(id)) {
              js = d.createElement(s);
              js.id = id;
              js.src = p + '://platform.twitter.com/widgets.js';
              fjs.parentNode.insertBefore(js, fjs);
            }
          })(document, 'script', 'twitter-wjs');
        </script>
      </div>
      <img src="images/book.png" width="230px" height="287px" />
      <span class="background-explainer"
        ><a href="http://p5js.org/" target="_blank">SKETCH MADE WITH P5.JS</a><br /><a
          href="https://github.com/shiffman/learningprocessing.com"
          class="extra-small"
          target="_blank"
          >WEBSITE ON GITHUB</a
        ></span
      >
    </div>
  </div>
</section>