forked from codebar/tutorials
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (123 loc) · 6.61 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
<!doctype html>
<html lang="en">
<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">
<!--[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>
<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</a></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">Getting your PHP environment set up can be complicated. We've summarized the
simplest solutions in our <a href="php/using-php/simple.html">simple guide to using PHP</a></p>
<ul>
<li><a href="php/lesson1/tutorial.html">Lesson 1 - Introduction to PHP</a></li>
<li><a href="php/lesson2/tutorial.html">Lesson 2 - Values and Variables</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/set-up/tutorial.html">Get set-up with Git and GitHub</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>