-
-
Notifications
You must be signed in to change notification settings - Fork 243
/
index.html
170 lines (145 loc) · 8.46 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
<!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/getting-started-in-tech.html">Getting started in Tech</a></li>
<li><a href="general/setup/tutorial.html">Getting your laptop set up for codebar</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>
<li><a href="general/setup/how-to-use-discord.html">How to use Discord for codebar's virtual workshops</a></li>
</ul>
<h2 class="language-heading">Frontend</h2>
<h3>HTML & CSS</h3>
<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>JavaScript</h3>
<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 - Introduction to HTTP Requests and APIs</a></li>
<li><a href="js/lesson4a/tutorial.html">Lesson 4a - API's part 2 - Send yourself an SMS with Vonage</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 class="language-heading">Backend</h2>
<h3>Ruby</h3>
<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>
<h3>Python</h3>
<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>
<h4>Other Recommended Python Resources</h4>
<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>
<h3>PHP</h3>
<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 class="language-heading">Apps</h2>
<h3>Android</h3>
<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>
<h3>iOS</h3>
<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 class="language-heading">General</h2>
<h3>Version Control</h3>
<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>
<h3>Command Line</h3>
<ul>
<li><a href="command-line/introduction/tutorial.html">Lesson 1 - Introduction to the command line</a></li>
</ul>
<h3>Other Useful Resources</h3>
<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.youtube.com/channel/UCEYz232agE47GHUq8wneBCA">codebar Youtube Channel</a> - we have lots of additional content on our YouTube channel from <a href="https://youtube.com/playlist?list=PLfJjhFVOvESLRpBl92nIbhxuYLrJ0PoUy" target="_blank">career panels</a>, <a href="https://youtu.be/kil8OLotEnw" target="_blank">An Introduction to Go</a>, <a href="https://youtu.be/6FnOiIW7LB8" target="_blank">An Introduction to Rust</a> and an <a href="https://youtu.be/itoKrNnVHzs" target="_blank">Introduction to Kotlin</a>. As well as videos on <a href="https://youtu.be/aTDJsiEzWwE" target="_blank">Technical Writing</a>, <a href="https://youtu.be/-xpPg6TPgK0" target="_blank">Landing Your First Developer Job</a> and <a href="https://youtu.be/k6MdHWm2Qg0" target="_blank">Open Source.</a></li>
<li><a href="https://www.codewars.com/">Codewars</a></li>
<li><a href="https://www.codecademy.com/">Codecademy</a></li>
</ul>
</section>
</div>
<footer>
<div class="donation-box">
<p>Looking for a way to support codebar? Please consider making a donation</p>
<a href="https://codebar.enthuse.com/donate/#!/">Donate</a>
</div>
<p class="small">Registered UK and Wales charity no. 1187776 © codebar 2024</p>
</footer>
<script src="javascripts/scale.fix.js"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-T0FT1QYKXP"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-T0FT1QYKXP');
</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>