-
-
Notifications
You must be signed in to change notification settings - Fork 242
/
Copy pathindex.html
147 lines (127 loc) · 6.83 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>codebar - 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>codebar tutorials</h1>
<img src="assets/codebar_logo.png" class="logo" alt="codebar logo">
<p class="view"><a href="https://github.com/codebar/tutorials">View our tutorials on GitHub</a></p>
</header>
<section>
<p class="lead">
Are you working on the tutorials on your own time?
<a href="https://slack.codebar.io/" 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>
<h3>SVG</h3>
<ul>
<li><a href="svg/lesson1/tutorial.html">Lesson 1 - Introduction to SVG</a></li>
<li><a href="svg/lesson2/tutorial.html">Lesson 2 - Path and complex shapes</a></li>
<li><a href="svg/lesson3/tutorial.html">Lesson 3 - Groups and transforms</a></li>
<li><a href="svg/lesson4/tutorial.html">Lesson 4 - Advanced SVG</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>
<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="https://pymbook.readthedocs.io/en/latest/">Python For You and Me</li>
<li><a href="https://learnpythonthehardway.org/book/">Learn Python The Hard Way</a></li>
</ul>
<h2>Android</h2>
<p>Available only at special codebar android workshops! Materials over at
<a target="_blank" href="https://codebar.github.io/android-tutorials/">
https://codebar.github.io/android-tutorials/</a></p>
</ul>
<h2>iOS</h2>
<p>Available only at special codebar iOS workshops! Materials over at
<a target="_blank" href="https://codebar.github.io/ios-tutorials/">
https://codebar.github.io/ios-tutorials/</a></p>
</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">Cloud9</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>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>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>
</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>