forked from codebar/tutorials
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (119 loc) · 6.55 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>codebar.io - Tutorials by codebar</title>
<link rel="stylesheet" href="stylesheets/styles.css">
<link rel="stylesheet" href="stylesheets/custom.css">
<link rel="stylesheet" href="stylesheets/pygment_trac.css">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="wrapper">
<header>
<h1><a href="https://codebar.io">codebar.io</a></h1>
<p>Tutorials</p>
<p class="view"><a href="https://github.com/codebar/tutorials">View on GitHub <small>codebar/tutorials</small></a></p>
</header>
<section>
<p class="lead">
Are you working on the tutorials on your own time?
<a href="https://codebar-slack.herokuapp.com/" target="_blank">Join the codebar community on Slack</a>
to get help and discuss anything with students or coaches!
</p>
<h2>Guides</h2>
<ul>
<li><a href="general/setup/tutorial.html">Getting started guide for students.</a>
<br> If you're new to codebar, follow this to set up your computer.</li>
<li><a href="coaches/lesson-guide.html">Lesson guide for coaches</a></li>
</ul>
<h2>HTML & CSS</h2>
<ul>
<li><a href="html/lesson1/tutorial.html">Lesson 1 - Introducing HTML</a></li>
<li><a href="html/lesson2/tutorial.html">Lesson 2 - Introducing CSS</a></li>
<li><a href="html/lesson3/tutorial.html">Lesson 3 - Beyond the basics</a></li>
<li><a href="html/lesson4/tutorial.html">Lesson 4 - CSS, layouts and formatting</a></li>
<li><a href="html/lesson5/tutorial.html">Lesson 5 - Dive into HTML5 & CSS3</a></li>
<li><a href="html/lesson6/tutorial.html">Lesson 6 - Advanced HTML5</a></li>
<li><a href="html/lesson7/tutorial.html">Lesson 7 - Media queries and responsive design</a></li>
</ul>
<h2>Command Line</h2>
<ul>
<li><a href="command-line/introduction/tutorial.html">Lesson 1 - Introduction to the command line</a></li>
</ul>
<h2>Version Control</h2>
<ul>
<li><a href="version-control/introduction/tutorial.html">Introduction to version control</a></li>
<li><a href="version-control/command-line/tutorial.html">Introduction to the git command line</a></li>
</ul>
<h2>JavaScript</h2>
<ul>
<li><a href="js/lesson1/tutorial.html">Lesson 1 - Introduction to JavaScript</a></li>
<li><a href="js/lesson2/tutorial.html">Lesson 2 - Expressions, Loops and Arrays</a></li>
<li><a href="js/lesson3/tutorial.html">Lesson 3 - Introduction to jQuery</a></li>
<li><a href="js/lesson4/tutorial.html">Lesson 4 - HTTP Requests, AJAX and APIs</a></li>
<li><a href="js/lesson5/tutorial.html">Lesson 5 - HTTP Requests, AJAX and APIs (part 2)</a></li>
<li><a href="js/lesson6/tutorial.html">Lesson 6 - Drawing in Canvas</a></li>
<li><a href="js/lesson7/tutorial.html">Lesson 7 - Introduction to Testing</a></li>
<li><a href="js/lesson8/tutorial.html">Lesson 8 - Building your own app</a></li>
</ul>
<h2>Ruby</h2>
<p class="lead">If you are just getting started with Ruby, we recommend using <a href="http://nitrous.io">nitrous.io</a>, as setting up your local environment can be time consuming.</p>
<ul>
<li><a href="ruby/lesson1/tutorial.html">Lesson 1 - Introduction to Ruby</a></li>
<li><a href="ruby/lesson2/tutorial.html">Lesson 2 - Ruby Basics</a></li>
<li><a href="ruby/lesson3/tutorial.html">Lesson 3 - Ruby Basics (part 2)</a></li>
<li><a href="ruby/lesson4/tutorial.html">Lesson 4 - Object Oriented Ruby and Inheritance</a></li>
<li><a href="ruby/lesson5/tutorial.html">Lesson 5 - Object Oriented Ruby and Inheritance (part 2)</a></li>
</ul>
<h2>Python</h2>
<ul>
<li><a href="python/lesson0/tutorial.html">Installing Python</a></li>
<li><a href="python/lesson1/tutorial.html">Lesson 1 - Strings, Integers and Floats</a></li>
<li><a href="python/lesson2/tutorial.html">Lesson 2 - Playing with variables</a></li>
<li><a href="python/lesson3/tutorial.html">Lesson 3 - Lists, Tuples and Dictionaries</a></li>
<li><a href="python/lesson4/tutorial.html">Lesson 4 - Fun with Functions</a></li>
</ul>
<h3>Other Recommended Python Resources</h3>
<ul>
<li><a href="http://pymbook.readthedocs.io/en/latest/">Python For You and Me</li>
<li><a href="https://learnpythonthehardway.org/book/">Learn Python The Hard Way</li>
</ul>
<h2>Android</h2>
<ul>
<li><a href="android/introduction/tutorial.html">Lesson 1 -
Introduction to Android Development with Cookie
Clicker</a></li>
</ul>
<h2>PHP</h2>
<p class="lead">If you are just getting started quickly and easily with PHP, we recommend using <a href="https://docs.c9.io/docs/getting-started">cloud9Ide</a>, as setting up your local environment can be time consuming.</p>
<ul>
<li><a href="php/lesson1/tutorial.html">Lesson 1 - Introduction to PHP</a></li>
</ul>
<h2>Other Useful Resources</h2>
<p>The following resources can be helpful to continue learning. They all have content related to the topics listed above.</p>
<ul>
<li><a href="https://www.codewars.com/">Codewars</a></li>
<li><a href="https://www.codecademy.com/">Codecademy</a></li>
</ul>
</section>
<footer>
</footer>
</div>
<script src="javascripts/scale.fix.js"></script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-45098414-1");
pageTracker._trackPageview();
} catch(err) {}
</script>
</body>
</html>