io2015codelabs/index.html at master · AndroidWeekly/io2015codelabs · GitHub

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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="Google Codelabs for developers staying on the cutting edge.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="img/favicon.ico">
    <title>Google Codelabs</title>

    <!-- Page styles -->
    <link rel="stylesheet" href="css/app.css">

    <script src="bower_components/webcomponentsjs/webcomponents.js"></script>
    <script src="js/menu.js"></script>
    <link rel="import" href="codelab_components/codelab-app/codelab-app.html">
    <link rel="import" href="codelab_components/codelab-app/codelab-card.html">
  </head>
  <body unresolved>

    <codelab-app>
    	<codelab-card label="About Codelabs"
        url="/codelabs/about.html"
        category="About"
        duration="0"
        >
        Learn about the Google I/O 2015 codelabs.
      </codelab-card>
      <codelab-card label="AdMob for iOS Apps Codelab"
        url="/codelabs/admob-ios.html"
        category="Ads"
        duration="330"
        >
        In this codelab, you&#39;ll learn how to add advertisements to your iOS application using AdMob.
      </codelab-card>
      <codelab-card label="Google Analytics for iOS Apps"
        url="/codelabs/analytics-ios.html"
        category="Analytics"
        duration="210"
        >
        In this codelab, you&#39;ll learn how to get Google Analytics added to your application.
      </codelab-card>
      <codelab-card label="Get Started with Android Pay"
        url="/codelabs/android-pay.html"
        category="Android"
        duration="2400"
        >
        In this codelab, you&#39;ll learn how to use the Android Pay API to process payments in your Android app.
      </codelab-card>
      <codelab-card label="Profiling GPU Rendering Codelab"
        url="/codelabs/android-performance-profile-gpu-rendering.html"
        category="Android"
        duration="480"
        >
        In this codelab you will learn how to turn on Profile GPU Rendering on your mobile device. Profile GPU Rendering gives you a quick visual representation of how much time it takes to render the frames of a UI window relative to the 16-ms-per-frame benchmark.
      </codelab-card>
      <codelab-card label="Unit and UI Testing in Android Studio"
        url="/codelabs/android-studio-testing.html"
        category="Android"
        duration="1110"
        >
        In this codelab, you&#39;ll learn how to set up your project in Android Studio for testing, write a Unit Test and run it locally on your development machine and also how to do functional UI testing on the device
      </codelab-card>
      <codelab-card label="Building Apps that Sign In with Google"
        url="/codelabs/sign-in.html"
        category="Android"
        duration="0"
        >
        In this codelab, you&#39;ll learn how to add a Sign In with Google button to your Android App and use it to allow your users to sign in with the Google ID
      </codelab-card>
      <codelab-card label="Visualizing Debug GPU Overdraw Codelab"
        url="/codelabs/android-performance-debug-gpu-overdraw.html"
        category="Android"
        duration="420"
        >
        In this codelab you will learn how to visualize overdraw on your mobile device by color-coding interface elements based on how often they are drawn underneath.
      </codelab-card>
      <codelab-card label="Playing music on cars and wearables"
        url="/codelabs/android-music-player.html"
        category="Android Auto, Android Wear"
        duration="2910"
        >
        In this codelab, you will learn how to implement an Android media app that goes beyond the basic form factors of phone and tablet. Learn how to interactively add the required pieces to support Android Auto and Android Wear.
      </codelab-card>
      <codelab-card label="Messaging apps on cars"
        url="/codelabs/androidauto-messaging.html"
        category="Android Auto"
        duration="1710"
        >
        In this codelab, you will learn how to extend a messaging app with Android Auto compatibility.
      </codelab-card>
      <codelab-card label="Create a watchface for Android Wear"
        url="/codelabs/watchface.html"
        category="Android Wear"
        duration="7200"
        >
        In this codelab you&#39;ll learn how to create an analog watch face and customize it to our needs, keeping best practices for the platform in mind.
      </codelab-card>
      <codelab-card label="Android Wear Always-on Application"
        url="/codelabs/always-on.html"
        category="Android Wear"
        duration="5400"
        >
        In this codelab, you&#39;ll learn how to turn an Android Wear application into an always-on app.
      </codelab-card>
      <codelab-card label="Building a gRPC service with Node.js"
        url="/codelabs/gRPC.html"
        category="Cloud"
        duration="2701"
        >
        In this codelab, you will learn how to build a Node.js service which exposes an API via gRPC.  Then you will write a Node.js command-line client for your gRPC service.
      </codelab-card>
      <codelab-card label="node.js: Build a Web App using Google Cloud Platform"
        url="/codelabs/cloud-nodejs.html"
        category="Cloud"
        duration="2400"
        >
        In this codelab, you will learn how to integrate Google Cloud Platform services into a Node.js web application to store data, upload images, and authenticate users.
      </codelab-card>
      <codelab-card label="Google Compute Engine: Compute the Cosmos"
        url="/codelabs/computing-the-cosmos.html"
        category="Cloud"
        duration="2940"
        >
        Use a VM instance to process public astronomical data to generate a viewable image.
      </codelab-card>
      <codelab-card label="Going Places with Android"
        url="/codelabs/fire-place.html"
        category="Geo, Cloud, Android"
        duration="1800"
        >
        Check-In apps are so last year. Let’s build a simple Check-Out app using the Android Places API and Firebase to find the hottest places people are leaving.
      </codelab-card>
      <codelab-card label="Building GeoFences into your Android App"
        url="/codelabs/geofences.html"
        category="Geo, Android"
        duration="0"
        >
        In this codelab you’ll learn how to use geo fences in an Android app.
      </codelab-card>
      <codelab-card label="Wearable Maps"
        url="/codelabs/wear-maps.html"
        category="Geo, Android Wear"
        duration="2100"
        >
        Looking to take your Android Wear app to the next level? Learn how to add a Google Map in this code lab, featuring a blazing fast Lite-mode map that upgrades to a rich, fully interactive map.
      </codelab-card>
      <codelab-card label="Get Search Autocomplete from Deep Links"
        url="/codelabs/app-indexing.html"
        category="Search"
        duration="810"
        >
        In this codelab, you&#39;ll learn how to add deep links from your website to your app.
      </codelab-card>
      <codelab-card label="Add Voice Interactions to Your App"
        url="/codelabs/voice-interaction.html"
        category="Search, Android"
        duration="1080"
        >
        In this codelab, you&#39;ll learn how to add voice interactions to your app with the Voice Interaction API.  You&#39;ll build a voice-powered camera app that responds to the voice command “take a photo” and prompts you for confirmation before taking the photo.
      </codelab-card>
      <codelab-card label="Enable Deep Linking to your App"
        url="/codelabs/android-deep-linking.html"
        category="Search"
        duration="690"
        >
        In this codelab, you&#39;ll learn how to get your Android app indexed by Google Search.
      </codelab-card>
      <codelab-card label="Add Project Tango to your Unity app"
        url="/codelabs/project-tango.html"
        category="Unity, Virtual Reality, Games"
        duration="2520"
        >
        In this codelab, you&#39;ll learn how to use Project Tango&#39;s motion tracking in your Unity Android app.
      </codelab-card>
      <codelab-card label="Play Game Services in Unity"
        url="/codelabs/playservices_unity.html"
        category="Unity, Virtual Reality, Games"
        duration="5010"
        >
        This codelab will teach you how to extend an existing Unity game to support Play Game Services on Android devices.
      </codelab-card>
      <codelab-card label="Cardboard Unity Codelab"
        url="/codelabs/cardboard-unity.html"
        category="Unity, Virtual Reality, Games"
        duration="3120"
        >
        This codelab is an introduction to how to take a first person game made in Unity and enhance it to have a Virtual Reality mode using the Google Cardboard plugin.
      </codelab-card>
      <codelab-card label="Building data-rich web apps with Lovefield"
        url="/codelabs/lovefield.html"
        category="Web, Chrome"
        duration="2160"
        >
        In this codelab, developers will learn how to build a web application that uses Lovefield as its data query and access layer.
      </codelab-card>
      <codelab-card label="Web Animations Transitions and Playback Control"
        url="/codelabs/web-animations-transitions-playbackcontrol.html"
        category="Web, Chrome"
        duration="1470"
        >
        In this codelab, you&#39;ll learn how to use the Web Animations API to enhance a single-page HTML website with transitions and a scroll effect.
      </codelab-card>

    </codelab-app>

    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-XXXXX-X', 'auto');
      ga('send', 'pageview');
    </script>
    <!-- Built with love using Web Starter Kit -->
  </body>
</html>