-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
195 lines (182 loc) · 11.5 KB
/
index.html
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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>Introduction to Side Projects with Shubhro Saha, Charlie Marsh, & Dan Kang</title>
<!-- Meta -->
<meta property="og:image" content="http://introsideprojects.github.io/assets/images/facebookmeta.png"/>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico">
<link href='//fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="assets/plugins/prism/prism.css">
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll">
<header id="header" class="header">
<div class="container">
<h1 class="logo pull-left">
<a class="scrollto" href="#promo">
<span class="logo-title">Introduction to Side Projects</span>
</a>
</h1><!--//logo-->
<nav id="main-nav" class="main-nav navbar-right" role="navigation">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button><!--//nav-toggle-->
</div><!--//navbar-header-->
<div class="navbar-collapse collapse" id="navbar-collapse">
<ul class="nav navbar-nav">
<li class="active nav-item sr-only"><a class="scrollto" href="#promo">About</a></li>
<li class="nav-item"><a class="scrollto" href="#about">About</a></li>
<li class="nav-item"><a class="scrollto" href="#syllabus">Syllabus</a></li>
<li class="nav-item"><a class="scrollto" href="#instructors">Instructors</a></li>
<li class="nav-item"><a href="http://goo.gl/forms/vRr4YBH0Dc">Feedback</a></li>
<li class="nav-item last"><a href="https://github.com/introsideprojects">GitHub</a></li>
</ul><!--//nav-->
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div>
</header><!--//header-->
<!-- ******PROMO****** -->
<section id="promo" class="promo section offset-header">
<div class="container text-center">
<br />
<br />
<h2 class="title">Make something that matters.</h2>
<p class="intro">A free class dedicated to the art of side projects</p>
<div class="btns">
<form class="form-inline" role="form" action="http://appspot.us2.list-manage.com/subscribe/post" method="POST">
<input type="hidden" name="u" value="98e5cf742090b01aa7ff3ac0c">
<input type="hidden" name="id" value="d88d04c5a1">
<div class="form-group">
<input type="email" class="form-control" id="signupEmail" name="MERGE0" placeholder="Enter your email address">
</div>
<button id="signupButton" type="submit" class="btn btn-warning btn-lg">Sign up</button>
<input type="hidden" name="MERGE1" value="Student" />
<input type="hidden" name="MERGE2" value="Student" />
</form>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</div><!--//container-->
<div class="social-media">
<div class="social-media-inner container text-center">
<center><h2 class="date-details">Wednesdays at 8:30 PM - 9:30 PM, Apr 1 - Apr 29, 2015 in McCosh 28</h2></center>
</div>
</div>
</section><!--//promo-->
<!-- ******ABOUT****** -->
<section id="about" class="about section">
<div class="container">
<p class="intro text-center course-description">
The side project has become a popular vehicle for developing real-world skills and a personal portfolio. This course pulls apart the process of turning an idea into a successful side project that can be shared with the world. Taught by a trio of instructors who have written software and essays impacting thousands of people, the topics include:
</p>
<ul class="intro course-description">
<li>Finding good ideas</li>
<li>Choosing a technology stack</li>
<li>Launching effectively to the world</li>
<li>Gathering and executing on feedback and analytics</li>
<li>Contributing to open source projects</li>
<li>War stories from successful Princeton side projects</li>
</ul>
<p class="intro text-center course-description">
While the class will focus on technology-based projects, the topics are non-technical and don’t require CS experience. The lectures are designed to be modular in nature, offering students the chance to attend every session or just those they find most interesting.
</p>
</div><!--//container-->
</section><!--//about-->
<!-- ******SYLLABUS****** -->
<section id="syllabus" class="features section">
<div class="container syllabus">
<center><h2 class="title">Syllabus <br /> (Click for Lecture Materials)</h2></center>
<ol class="feature-list list-unstyled" start="0">
<li><a target="_blank" href="https://drive.google.com/file/d/0ByCh1N3Pov8tVEZrQmVwb1RNcTA/view">(04/01) Welcome: Why Study Side Projects</a></li>
<li><a target="_blank" href="https://drive.google.com/file/d/0ByCh1N3Pov8taXI5ZElyNzdiUGM/view?pli=1">(04/01) Getting Started: Who, What, When</a></li>
<li><a target="_blank" href="https://drive.google.com/file/d/0ByCh1N3Pov8tNkhCVnhVWHJwN00/view?pli=1">(04/08) Technology: Choices & Considerations</a></li>
<li><a target="_blank" href="https://drive.google.com/file/d/0ByCh1N3Pov8tTVctX0NOOEJld1U/view?pli=1">(04/15) Launch: Strategies & Hacks</a></li>
<li><a target="_blank" href="https://drive.google.com/file/d/0ByCh1N3Pov8tYUc2UWs5RDNhN1k/view?usp=sharing">(04/22) Open Source: Starting & Contributing</a></li>
<li>(04/29) War Stories</li>
</ol>
</div><!--//container-->
</section><!--//features-->
<!-- ******INSTRUCTORS****** -->
<section id="instructors" class="license section">
<div class="container">
<div class="license-inner">
<h2 class="title text-center">Instructors</h2>
<div class="row">
<div class="col-sm-4">
<div class="profile">
<img class="img-circle" src="assets/images/shubhro.png">
<a href="http://www.shubhro.com">Shubhro Saha</a><br />
<a href="https://twitter.com/shubroski">@shubroski</a>
</div>
</div>
<div class="col-sm-8">
Shubhro is a co-creator of <a href="http://jasperproject.github.io">Jasper</a>, the leading open source platform for developing voice applications. He writes frequently about technology and develops side projects covering a variety of areas from productivity to network security.
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="profile">
<img class="img-circle" src="assets/images/charlie.png">
<a href="http://www.crmarsh.com">Charlie Marsh</a><br />
<a href="https://twitter.com/crm416">@crm416</a>
</div>
</div>
<div class="col-sm-8">
Charlie is also a co-creator of Jasper, as well as the creator of several other side projects, the most recent being the <a href="http://www.crmarsh.com/script-playground/">Bitcoin Script Playground</a>. His blog posts on JavaScript and other web technologies can often be found on the front page of Hacker News. At school, his research focuses on computational linguistics and language understanding.
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="profile">
<img class="img-circle" src="assets/images/dk.png">
<a href="http://www.dskang.com">Dan Kang</a><br />
<a href="https://twitter.com/dskang">@dskang</a>
</div>
</div>
<div class="col-sm-8">
DK loves building side projects and has created over a dozen, most of which have failed spectacularly. His most recent project is <a href="https://www.campusanonymous.com/">Campus Anonymous</a>, a platform for Ivy League students to chat anonymously one-on-one; his most popular is Web Timer, a Chrome extension with over 50,000 users that keeps track of how you spend your time online; and his most eccentric is Creep, a service that shows you whatever site he’s browsing at the time.
</div>
</div>
</div><!--//container-->
</section><!--//how-->
<!-- ******FOOTER****** -->
<footer class="footer">
<div class="container text-center">
<small class="copyright">Introduction to Side Projects is a hack class sponsored by the <a href="http://www.princetoneclub.com/">Princeton Entrepreneurship Club</a><br />Theme based on template by <a href="http://themes.3rdwavemedia.com" target="_blank">Xiaoying Riley</a></small>
</div><!--//container-->
</footer><!--//footer-->
<!-- Javascript -->
<script type="text/javascript" src="assets/plugins/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="assets/plugins/prism/prism.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>
<script>
document.getElementById("signupEmail").focus();
</script>
</body>
</html>