-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (134 loc) · 7.84 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Eloquently</title>
<!-- Custom Fonts -->
<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css" type="text/css">
<!-- Plugin CSS -->
<link rel="stylesheet" href="/css/animate.min.css" type="text/css">
<!-- Custom CSS -->
<link rel="stylesheet" href="/css/main.css" type="text/css">
<link rel="stylesheet" href="/css/prism.css" type="text/css">
<script src="/js/prism.js"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[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]-->
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<!-- Navigation -->
<nav id="mainNav" class="nav navbar navbar-default full-color">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="/index">ELOQUENTLY</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="page-scroll" href="/index">Home</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="container post">
<div class="row">
<!--<div class="post-options pull-right">
<div class="show">
<a href="#postOptions" data-toggle="collapse" class="pull-right btn btn-default btn-sm">Display Options</a>
</div>
<div class="options collapse" id="postOptions">
<input type="checkbox" checked data-toggle="toggle" data-on="Annotations On" data-off="Annotations Off" data-onstyle="primary-light" data-width="175">
<br />
<input type="checkbox" checked data-toggle="toggle" data-on="Line Numbers On" data-off="Line Numbers Off" data-onstyle="primary-light" data-width="175">
</div>
</div>-->
<div class="post-content">
<p>We put together some guides for participants in our workshops. Feel free to use them. If you see any errors, please submit an issue on our <a href="https://github.com/eloquently/eloquently.github.io">github repository</a>.</p>
<p>Participants in our workshops typically use Cloud9's IDE, so many of the setup guides here are written mainly for Cloud9. We try to mention what you need to do to get something set up on a non-Cloud9 environment when possible, but these sections could likely use some work.</p>
<p>Here is a list of guides we've put together so far:</p>
<ul>
<li><p><a href="/index">Guide to Guides</a></p></li>
<li><p><a href="/guides/bootstrap_rails">Bootstrap and Rails</a></p></li>
<li><p><a href="/guides/livereload">Guard, LiveReload, and Cloud9</a></p></li>
<li><p><a href="/guides/es6-tdd-warmup">ES6 TDD Warm-up</a></p></li>
<li><p><a href="/guides/es6-classes-strings-state">Classes, Strings, and Mutable State with ES6</a></p></li>
<li><p><a href="/guides/reduce-size-node-modules">Reduce Size of node_modules</a></p></li>
<li><p><a href="/guides/es6-react-redux">ES6, React, and Redux - To Do List</a></p></li>
<li><p><a href="/guides/react-blackjack-part-1">React Blackjack Part 1</a></p></li>
<li><p><a href="/guides/react-blackjack-part-2">React Blackjack Part 2</a></p></li>
<li><p><a href="/guides/react-blackjack-part-3">React Blackjack Part 3</a></p></li>
<li><p><a href="/guides/react-shopping-list">React Mini-Project 1 - Shopping List</a></p></li>
<li><p><a href="/guides/react-list-of-shopping-lists">React Mini-Project 2 - List of Shopping Lists</a></p></li>
<li><p><a href="/guides/react-tic-tac-toe">React Mini-Project 3 - Tic Tac Toe</a></p></li>
<li><p><a href="/guides/react-minesweeper">React Mini-Project 4 - Minesweeper</a></p></li>
<li><p><a href="/guides/html-css-project-1">HTML/CSS Mini Project 1 - 404Market</a></p></li>
<li><p><a href="/guides/react-blackjack-part-4">React Blackjack Part 4</a></p></li>
<li><p><a href="/guides/interview-prep-01">Interview Prep 01 - Counting and Primes</a></p></li>
<li><p><a href="/guides/interview-prep-02">Interview Prep 02 - Computational Complexity</a></p></li>
<li><p><a href="/guides/interview-prep-03">Interview Prep 03 - Linked Lists</a></p></li>
<li><p><a href="/guides/interview-prep-04">Interview Prep 04 - Sorting</a></p></li>
<li><p><a href="/guides/interview-prep-05">Interview Prep 05 - Trees</a></p></li>
<li><p><a href="/guides/react-blackjack-part-5">React Blackjack Part 5</a></p></li>
<li><p><a href="/guides/interview-prep-06">Interview Prep 06 - Stacks</a></p></li>
<li><p><a href="/guides/js-quiz-01">JavaScript Quiz 01</a></p></li>
<li><p><a href="/guides/interview-prep-07">Interview Prep 07 - Queues</a></p></li>
<li><p><a href="/guides/js-quiz-02">JavaScript Quiz 02</a></p></li>
<li><p><a href="/guides/interview-prep-08">Interview Prep 08 - Generators</a></p></li>
<li><p><a href="/guides/interview-prep-09">Interview Prep 09 - Promises</a></p></li>
<li><p><a href="/guides/interview-prep-10">Interview Prep 10 - API Project</a></p></li>
</ul>
</div>
</div>
</div>
<div class="push"></div>
</div>
<section id="footer">
<div class="container">
<div class="row">
<div class="col-lg-12">
© 2018 Eloquently LLC
</div>
</div>
</div>
</section>
<!-- jQuery -->
<script src="/js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="/js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="/js/jquery.easing.min.js"></script>
<script src="/js/jquery.fittext.js"></script>
<script src="/js/wow.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-73351128-1', 'auto');
ga('send', 'pageview');
</script>
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
</body>
</html>