Skip to content

Commit 38aff39

Browse files
daniellevassdaniellevass
authored
Add kotlin tutorial (#13)
* Add kotlin tutorial * Update with Matts suggestions * More improvements * add explanation about data classes
1 parent 0fa6eb9 commit 38aff39

File tree

7 files changed

+360
-57
lines changed

7 files changed

+360
-57
lines changed

‎assets/main.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,12 @@ h2 {
2525
color: #A4C639;
2626
}
2727

28+
.emoji-kotlin {
29+
font-size: 72px;
30+
margin-top: 22px;
31+
color: #3BAFDA;
32+
}
33+
2834
pre {
2935
background-color: #282c34;
3036
padding: 15px;

‎images/java.png‎

59 KB
Loading

‎images/kotlin.png‎

69.6 KB
Loading

‎index.md‎

Lines changed: 11 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -25,79 +25,33 @@ This is the home for the codebar android tutorials! These are designed to be use
2525

2626
<div class="row">
2727
<!-- item-->
28-
<div class="col-lg-4 col-md-6 col-12 text-center" style="padding:5px;">
28+
<div class="col-lg-6 col-md-6 col-12 text-center" style="padding:5px;">
2929
<div class="card">
3030
<h2 class="emoji-title text-center">
31-
<i class="material-icons">phone_android</i>
32-
<i class="material-icons">touch_app</i>
33-
<i class="material-icons">cake</i>
31+
Java
3432
</h2>
3533
<div class="card-block">
36-
<h4 class="card-title">Introduction</h4>
37-
<p>The best starting place to learn Android by building a cookie clicker</p>
38-
<a href="{{ site.baseurl }}/worksheets/1-introduction/" class="btn btn-primary">Read Tutorial</a>
34+
<img src="images/java.png" />
35+
<p>These are where are typical android tutorials go, they use the Java Language</p>
36+
<a href="{{ site.baseurl }}/java" class="btn btn-success">Java tutorials</a>
3937
</div>
4038
</div>
4139
</div>
4240

43-
<div class="col-lg-4 col-md-6 col-12 text-center" style="padding:5px;">
41+
<div class="col-lg-6 col-md-6 col-12 text-center" style="padding:5px;">
4442
<div class="card">
45-
<h2 class="emoji-title text-center">
46-
<i class="material-icons">personal_video</i>
47-
<i class="material-icons">touch_app</i>
48-
<i class="material-icons">phone_android</i>
43+
<h2 class="emoji-kotlin text-center">
44+
Kotlin
4945
</h2>
5046
<div class="card-block">
51-
<h4 class="card-title">Espresso UI Testing</h4>
52-
<p>Automatically test your cookie clicker app using Espresso</p>
53-
<a href="{{ site.baseurl }}/worksheets/espresso-testing/" class="btn btn-primary">Read Tutorial</a>
47+
<img src="images/kotlin.png" />
48+
<p>These are our shiny new tutorials which use the Kotlin Language instead.</p>
49+
<a href="{{ site.baseurl }}/kotlin" class="btn btn-primary">Kotlin Tutorials</a>
5450
</div>
5551
</div>
5652
</div>
5753

58-
<div class="col-lg-4 col-md-6 col-12 text-center" style="padding:5px;">
59-
<div class="card">
60-
<h2 class="emoji-title text-center">
61-
<i class="material-icons">view_module</i>
62-
<i class="material-icons">person</i>
63-
<i class="material-icons">picture_in_picture_alt</i>
64-
</h2>
65-
<div class="card-block">
66-
<h4 class="card-title">Layouts</h4>
67-
<p>Go further into how the layout system works in Android</p>
68-
<a href="{{ site.baseurl }}/worksheets/2-layouts/" class="btn btn-primary">Read Tutorial</a>
69-
</div>
70-
</div>
71-
</div>
7254

73-
<div class="col-lg-4 col-md-6 col-12 text-center" style="padding:5px;">
74-
<div class="card">
75-
<h2 class="emoji-title text-center">
76-
<i class="material-icons">stay_current_portrait</i>
77-
<i class="material-icons">update</i>
78-
<i class="material-icons">stay_current_landscape</i>
79-
</h2>
80-
<div class="card-block">
81-
<h4 class="card-title">Activity Lifecycle</h4>
82-
<p>Learn how the android activity lifecycle works</p>
83-
<a href="{{ site.baseurl }}/worksheets/3-activity-lifecycle/" class="btn btn-primary">Read Tutorial</a>
84-
</div>
85-
</div>
86-
</div>
8755

88-
<div class="col-lg-4 col-md-6 col-12 text-center" style="padding:5px;">
89-
<div class="card">
90-
<h2 class="emoji-title text-center">
91-
<i class="material-icons">place</i>
92-
<i class="material-icons">near_me</i>
93-
<i class="material-icons">my_location</i>
94-
</h2>
95-
<div class="card-block">
96-
<h4 class="card-title">Google Maps</h4>
97-
<p>Learn how to put Google Maps into your own app!</p>
98-
<a href="{{ site.baseurl }}/worksheets/4-maps/" class="btn btn-primary">Read Tutorial</a>
99-
</div>
100-
</div>
101-
</div>
10256

10357
</div>

‎java.md‎

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
---
2+
title: Codebar Android Workshop Resources
3+
layout: page
4+
redirect_from: /java/
5+
---
6+
7+
This is the home for the codebar android tutorials! These are designed to be used at the very special codebar Android workshops only. If you're super lucky there may be a coach at regular codebar who can help you through a tutorial, but we can't promise that!
8+
9+
<div class="col-12 text-center" style="padding:5px;">
10+
<div class="card">
11+
<h2 class="emoji-title text-center">
12+
<i class="material-icons">star</i>
13+
<i class="material-icons">android</i>
14+
<i class="material-icons">star</i>
15+
</h2>
16+
<div class="card-block">
17+
<h4 class="card-title">Getting Setup</h4>
18+
<p>All the things you need to do <em>before</em> attending a codebar android workshop</p>
19+
<a href="{{ site.baseurl }}/worksheets/0-setup/" class="btn btn-primary">Get Set Up</a>
20+
</div>
21+
</div>
22+
</div>
23+
24+
## Worksheets
25+
26+
<div class="row">
27+
<!-- item-->
28+
<div class="col-lg-4 col-md-6 col-12 text-center" style="padding:5px;">
29+
<div class="card">
30+
<h2 class="emoji-title text-center">
31+
<i class="material-icons">phone_android</i>
32+
<i class="material-icons">touch_app</i>
33+
<i class="material-icons">cake</i>
34+
</h2>
35+
<div class="card-block">
36+
<h4 class="card-title">Introduction</h4>
37+
<p>The best starting place to learn Android by building a cookie clicker</p>
38+
<a href="{{ site.baseurl }}/worksheets/1-introduction/" class="btn btn-primary">Read Tutorial</a>
39+
</div>
40+
</div>
41+
</div>
42+
43+
<div class="col-lg-4 col-md-6 col-12 text-center" style="padding:5px;">
44+
<div class="card">
45+
<h2 class="emoji-title text-center">
46+
<i class="material-icons">personal_video</i>
47+
<i class="material-icons">touch_app</i>
48+
<i class="material-icons">phone_android</i>
49+
</h2>
50+
<div class="card-block">
51+
<h4 class="card-title">Espresso UI Testing</h4>
52+
<p>Automatically test your cookie clicker app using Espresso</p>
53+
<a href="{{ site.baseurl }}/worksheets/espresso-testing/" class="btn btn-primary">Read Tutorial</a>
54+
</div>
55+
</div>
56+
</div>
57+
58+
<div class="col-lg-4 col-md-6 col-12 text-center" style="padding:5px;">
59+
<div class="card">
60+
<h2 class="emoji-title text-center">
61+
<i class="material-icons">view_module</i>
62+
<i class="material-icons">person</i>
63+
<i class="material-icons">picture_in_picture_alt</i>
64+
</h2>
65+
<div class="card-block">
66+
<h4 class="card-title">Layouts</h4>
67+
<p>Go further into how the layout system works in Android</p>
68+
<a href="{{ site.baseurl }}/worksheets/2-layouts/" class="btn btn-primary">Read Tutorial</a>
69+
</div>
70+
</div>
71+
</div>
72+
73+
<div class="col-lg-4 col-md-6 col-12 text-center" style="padding:5px;">
74+
<div class="card">
75+
<h2 class="emoji-title text-center">
76+
<i class="material-icons">stay_current_portrait</i>
77+
<i class="material-icons">update</i>
78+
<i class="material-icons">stay_current_landscape</i>
79+
</h2>
80+
<div class="card-block">
81+
<h4 class="card-title">Activity Lifecycle</h4>
82+
<p>Learn how the android activity lifecycle works</p>
83+
<a href="{{ site.baseurl }}/worksheets/3-activity-lifecycle/" class="btn btn-primary">Read Tutorial</a>
84+
</div>
85+
</div>
86+
</div>
87+
88+
<div class="col-lg-4 col-md-6 col-12 text-center" style="padding:5px;">
89+
<div class="card">
90+
<h2 class="emoji-title text-center">
91+
<i class="material-icons">place</i>
92+
<i class="material-icons">near_me</i>
93+
<i class="material-icons">my_location</i>
94+
</h2>
95+
<div class="card-block">
96+
<h4 class="card-title">Google Maps</h4>
97+
<p>Learn how to put Google Maps into your own app!</p>
98+
<a href="{{ site.baseurl }}/worksheets/4-maps/" class="btn btn-primary">Read Tutorial</a>
99+
</div>
100+
</div>
101+
</div>
102+
103+
</div>

‎kotlin.md‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
---
2+
title: Codebar Android Kotlin Workshop Resources
3+
layout: page
4+
redirect_from: /kotlin/
5+
---
6+
7+
This is the home for the codebar android (Kotlin) tutorials!
8+
9+
<div class="col-12 text-center" style="padding:5px;">
10+
<div class="card">
11+
<h2 class="emoji-kotlin text-center">
12+
<i class="material-icons">star</i>
13+
<i class="material-icons">android</i>
14+
<i class="material-icons">star</i>
15+
</h2>
16+
<div class="card-block">
17+
<h4 class="card-title">Getting Setup</h4>
18+
<p>All the things you need to do <em>before</em> attending a codebar android workshop</p>
19+
<a href="{{ site.baseurl }}/worksheets/0-setup/" class="btn btn-primary">Get Set Up</a>
20+
</div>
21+
</div>
22+
</div>
23+
24+
## Worksheets
25+
26+
<div class="row">
27+
<!-- item-->
28+
<div class="col-lg-4 col-md-6 col-12 text-center" style="padding:5px;">
29+
<div class="card">
30+
<h2 class="emoji-kotlin text-center">
31+
<i class="material-icons">phone_android</i>
32+
<i class="material-icons">touch_app</i>
33+
<i class="material-icons">favorite</i>
34+
</h2>
35+
<div class="card-block">
36+
<h4 class="card-title">Introduction</h4>
37+
<p>The best starting place to learn Android by building a cookie themed tinder app</p>
38+
<a href="{{ site.baseurl }}/worksheets/kotlin/1-krumble/" class="btn btn-primary">Read Tutorial</a>
39+
</div>
40+
</div>
41+
</div>
42+
43+
44+
45+
</div>

0 commit comments

Comments
 (0)