OLD | NEW |
1 {{+content:partials.site}} | 1 {{+content:partials.site}} |
2 <div class="pillar-content"> | 2 <div class="pillar-content"> |
3 | 3 |
4 <h1>Chrome Platform</h1> | 4 <h1>Chrome Platform</h1> |
5 | 5 |
6 <section class="article-list g-section"> | 6 <section class="article-list g-section"> |
7 <article class="new"> | 7 <article class="new"> |
8 <h4 class="label">Apps</h4> | 8 <h4 class="label">Apps</h4> |
9 <h2>Learn Basics</h2> | 9 <h2>Learn Basics</h2> |
10 <p>Develop your first Chrome App and discover | 10 <p>Develop your first Chrome App and discover |
11 how they look, how they behave, and how they are modeled. | 11 how they look, how they behave, and how they are modeled. |
12 Launch your Apps from your native platform | 12 Launch your Apps from your native platform |
13 using the | 13 using the |
14 <a href="http://chrome.blogspot.com/2013/12/a-new-breed-of-chrome-apps-now.h
tml">Chrome App Launcher</a>: | 14 <a href="http://chrome.blogspot.com/2013/12/a-new-breed-of-chrome-apps-now.h
tml">Chrome App Launcher</a>: |
15 </p> | 15 </p> |
16 <p><a href="/apps/first_app.html">Learn more</a></p> | 16 <p><a href="/apps/first_app.html">Learn more</a></p> |
17 <img src="{{static}}/images/platform-pillar/chrome_apps.png" alt="500px Chro
me App launched from Chrome App Launcher"> | 17 <img src="{{static}}/images/platform-pillar/chrome_apps.png" alt="500px Chro
me App launched from Chrome App Launcher"> |
18 </article> | 18 </article> |
19 | 19 |
20 <article> | 20 <article> |
21 <h4 class="label">Apps</h4> | 21 <h4 class="label">Apps</h4> |
22 <h2>Learn with Codelab</h2> | 22 <h2>Learn with Codelab</h2> |
23 <p>The goal of this codelab is to get you building Chrome Apps fast. | 23 <p>The goal of this codelab is to get you building Chrome Apps fast. |
24 Once you've completed this codelab, you will have a simple Todo app.</p> | 24 Once you've completed this codelab, you will have a simple Todo app.</p> |
25 <p><a href="/apps/app_codelab1_setup.html">Learn more</a></p> | 25 <p><a href="/apps/app_codelab1_setup.html">Learn more</a></p> |
26 <img src="{{static}}/images/platform-pillar/todo_codelab.png" | 26 <img src="{{static}}/images/platform-pillar/todo_codelab.png" |
27 width="110%" | 27 width="110%" |
28 alt="Create this simple Todo Chrome App."> | 28 alt="Create this simple Todo Chrome App."> |
29 </article> | 29 </article> |
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
67 </article> | 67 </article> |
68 | 68 |
69 <article> | 69 <article> |
70 <h4 class="label">Apps</h4> | 70 <h4 class="label">Apps</h4> |
71 <h2>Network and Hardware APIs</h2> | 71 <h2>Network and Hardware APIs</h2> |
72 <p> Chrome Apps can interact with low-level system services. | 72 <p> Chrome Apps can interact with low-level system services. |
73 Using the network and hardware APIs, they can: | 73 Using the network and hardware APIs, they can: |
74 <ul> | 74 <ul> |
75 <li>Act as <a href="/apps/socket.html">network clients</a> | 75 <li>Act as <a href="/apps/socket.html">network clients</a> |
76 for TCP and UDP connections.</li> | 76 for TCP and UDP connections.</li> |
77 <li>Communicate with <a href="/apps/usb.html">usb devices</a>.</li> | 77 <li>Communicate with <a href="/apps/app_usb.html">usb devices</a>.</li> |
78 <li>Read and write to devices connected to <a href="/apps/serial.html">ser
ial ports</a>.</li> | 78 <li>Read and write to devices connected to <a href="/apps/serial.html">ser
ial ports</a>.</li> |
79 <li>Connect to <a href="/apps/bluetooth.html">bluetooth devices</a>.</li> | 79 <li>Connect to <a href="/apps/app_bluetooth.html">bluetooth devices</a>.</
li> |
80 </ul></p> | 80 </ul></p> |
81 <p><a href="/apps/app_usb.html">Learn more</a></p> | |
82 </article> | 81 </article> |
83 | 82 |
84 <article> | 83 <article> |
85 <h4 class="label">Extensions</h4> | 84 <h4 class="label">Extensions</h4> |
86 <h2>Learn Basics</h2> | 85 <h2>Learn Basics</h2> |
87 <p>Extensions are small software programs that can modify and | 86 <p>Extensions are small software programs that can modify and |
88 enhance the functionality of the Chrome browser. | 87 enhance the functionality of the Chrome browser. |
89 Write extensions using web technologies: HTML, JavaScript, and CSS.</p> | 88 Write extensions using web technologies: HTML, JavaScript, and CSS.</p> |
90 <p><a href="/extensions/overview.html">Learn more</a></p> | 89 <p><a href="/extensions/overview.html">Learn more</a></p> |
91 <img src="{{static}}/images/platform-pillar/extensions.png" alt="Browser act
ion and page actions are common extension types."> | 90 <img src="{{static}}/images/platform-pillar/extensions.png" alt="Browser act
ion and page actions are common extension types."> |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
133 <h4 class="label">Extensions</h4> | 132 <h4 class="label">Extensions</h4> |
134 <h2>Distribute Extensions</h2> | 133 <h2>Distribute Extensions</h2> |
135 <p><a href="/extensions/packaging.html">Upload your extension</a> | 134 <p><a href="/extensions/packaging.html">Upload your extension</a> |
136 to test it in developer channels, | 135 to test it in developer channels, |
137 then <a href="/extensions/hosting.html">publish your extension</a> | 136 then <a href="/extensions/hosting.html">publish your extension</a> |
138 in the Chrome Web Store. | 137 in the Chrome Web Store. |
139 New feature! You can now | 138 New feature! You can now |
140 <a href="/webstore/payments-otp">monetize your extensions</a>!</p> | 139 <a href="/webstore/payments-otp">monetize your extensions</a>!</p> |
141 <p><a href="/extensions/hosting.html">Learn more</a></p> | 140 <p><a href="/extensions/hosting.html">Learn more</a></p> |
142 <img src="{{static}}/images/platform-pillar/upload_extensions.png" alt="Uplo
ad extensions on chrome://extensions page."> | 141 <img src="{{static}}/images/platform-pillar/upload_extensions.png" alt="Uplo
ad extensions on chrome://extensions page."> |
143 </article> | 142 </article> |
144 <article> | 143 <article> |
145 <h4 class="label">Extensions</h4> | 144 <h4 class="label">Extensions</h4> |
146 <h2>Themes</h2> | 145 <h2>Themes</h2> |
147 <p>A theme is a special kind of extension that changes the way the browser l
ooks. | 146 <p>A theme is a special kind of extension that changes the way the browser l
ooks. |
148 Themes are <a href="/extensions/packaging.html">packaged</a> like regular ex
tensions, | 147 Themes are <a href="/extensions/packaging.html">packaged</a> like regular ex
tensions, |
149 but they don't contain JavaScript or HTML code. | 148 but they don't contain JavaScript or HTML code. |
150 Distribute your themes in the | 149 Distribute your themes in the |
151 <a href="https://chrome.google.com/webstore/category/themes">Chrome Web Stor
e</a>. | 150 <a href="https://chrome.google.com/webstore/category/themes">Chrome Web Stor
e</a>. |
152 </p> | 151 </p> |
153 <p><a href="/extensions/themes.html">Learn more</a></p> | 152 <p><a href="/extensions/themes.html">Learn more</a></p> |
154 <img src="{{static}}/images/platform-pillar/theme.png" alt="Grass theme"> | 153 <img src="{{static}}/images/platform-pillar/theme.png" alt="Grass theme"> |
155 </article> | 154 </article> |
156 | 155 |
157 <article class="new"> | 156 <article class="new"> |
158 <h4 class="label">Native Client</h4> | 157 <h4 class="label">Native Client</h4> |
159 <h2>Learn Basics</h2> | 158 <h2>Learn Basics</h2> |
160 <p>Native Client is a sandbox for running compiled C and C++ code in the bro
wser. | 159 <p>Native Client is a sandbox for running compiled C and C++ code in the bro
wser. |
161 Portable Native Client extends that technology with architecture independenc
e, | 160 Portable Native Client extends that technology with architecture independenc
e, |
162 letting developers compile their code once to run in any website and on any
architecture.</p> | 161 letting developers compile their code once to run in any website and on any
architecture.</p> |
163 <p><a href="/native-client/index.html">Learn more</a></p> | 162 <p><a href="/native-client/index.html">Learn more</a></p> |
164 <img src="{{static}}/images/platform-pillar/pnacl_intro.png" alt="Watch a li
ve recorded conversation on Native Client."> | 163 <img src="{{static}}/images/platform-pillar/pnacl_intro.png" alt="Watch a li
ve recorded conversation on Native Client."> |
165 </article> | 164 </article> |
166 | 165 |
167 <article> | 166 <article> |
168 <h4 class="label">Native Client</h4> | 167 <h4 class="label">Native Client</h4> |
169 <h2>Tutorial</h2> | 168 <h2>Tutorial</h2> |
170 | 169 |
171 <p>This multi-part tutorial explains how to get started developing applicati
ons with Native Client.</p> | 170 <p>This multi-part tutorial explains how to get started developing applicati
ons with Native Client.</p> |
172 | 171 |
173 <p><a href="/native-client/devguide/tutorial/tutorial-part1">Part one</a> | 172 <p><a href="/native-client/devguide/tutorial/tutorial-part1">Part one</a> |
174 shows how to build and run a simple web application | 173 shows how to build and run a simple web application |
175 using Portable Native Client (PNaCl).</p> | 174 using Portable Native Client (PNaCl).</p> |
176 | 175 |
177 <p><a href="/native-client/devguide/tutorial/tutorial-part2">Part two</a> | 176 <p><a href="/native-client/devguide/tutorial/tutorial-part2">Part two</a> |
178 shows how to convert the finished PNaCl web application | 177 shows how to convert the finished PNaCl web application |
179 to use the Native Client SDK build system and common JavaScript files. | 178 to use the Native Client SDK build system and common JavaScript files. |
180 </p> | 179 </p> |
181 <p><a href="/native-client/devguide/tutorial/tutorial-part1">Learn more</a><
/p> | 180 <p><a href="/native-client/devguide/tutorial/tutorial-part1">Learn more</a><
/p> |
182 </article> | 181 </article> |
183 | 182 |
184 <article> | 183 <article> |
185 <h4 class="label">Native Client</h4> | 184 <h4 class="label">Native Client</h4> |
186 <h2>SDK</h2> | 185 <h2>SDK</h2> |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
218 Learn: | 217 Learn: |
219 <ul> | 218 <ul> |
220 <li>How Native Client applications are | 219 <li>How Native Client applications are |
221 <a href="/native-client/devguide/coding/application-structure.html">structur
ed</a></li> | 220 <a href="/native-client/devguide/coding/application-structure.html">structur
ed</a></li> |
222 <li>Which classes and functions to implement in your | 221 <li>Which classes and functions to implement in your |
223 <a href="/native-client/devguide/coding/native-client-modules.html">Native Clien
t module</a> for Chrome to load, initialize, and run it</li> | 222 <a href="/native-client/devguide/coding/native-client-modules.html">Native Clien
t module</a> for Chrome to load, initialize, and run it</li> |
224 <li>How to use the | 223 <li>How to use the |
225 <a href="/native-client/devguide/coding/message-system.html">messaging syste
m</a> | 224 <a href="/native-client/devguide/coding/message-system.html">messaging syste
m</a> |
226 to communicate between the JavaScript code and | 225 to communicate between the JavaScript code and |
227 the Native Client module's C or C++code</li> | 226 the Native Client module's C or C++code</li> |
228 </ul> | 227 </ul> |
229 And much more!</p> | 228 And much more!</p> |
230 <p><a href="/native-client/devguide/coding/application-structure.html">Learn
more</a></p> | 229 <p><a href="/native-client/devguide/coding/application-structure.html">Learn
more</a></p> |
231 </article> | 230 </article> |
232 | 231 |
233 <article> | 232 <article> |
234 <h4 class="label">Native Client</h4> | 233 <h4 class="label">Native Client</h4> |
235 <h2>Pepper API</h2> | 234 <h2>Pepper API</h2> |
236 <p>The Pepper API lets Native Client modules communicate | 235 <p>The Pepper API lets Native Client modules communicate |
237 with the hosting browser and access system-level functions in a safe and por
table way. | 236 with the hosting browser and access system-level functions in a safe and por
table way. |
238 Pepper has both a | 237 Pepper has both a |
(...skipping 118 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
357 <div class="g-unit g-last"> | 356 <div class="g-unit g-last"> |
358 <article class="g-content"> | 357 <article class="g-content"> |
359 <h2 class="puzzle">Join a Group</h2> | 358 <h2 class="puzzle">Join a Group</h2> |
360 <p>Help us make the Chrome Platform better! | 359 <p>Help us make the Chrome Platform better! |
361 Join a Chrome Platform group: | 360 Join a Chrome Platform group: |
362 <ul> | 361 <ul> |
363 <li><a href="https://groups.google.com/a/chromium.org/forum/#!forum/ch
romium-apps">Chrome Apps</a></li> | 362 <li><a href="https://groups.google.com/a/chromium.org/forum/#!forum/ch
romium-apps">Chrome Apps</a></li> |
364 <li><a href="https://groups.google.com/a/chromium.org/forum/#!forum/ch
romium-extensions">Chrome Extensions</a></li> | 363 <li><a href="https://groups.google.com/a/chromium.org/forum/#!forum/ch
romium-extensions">Chrome Extensions</a></li> |
365 <li><a href="https://groups.google.com/forum/#!forum/native-client-dis
cuss">Native Client</a></li> | 364 <li><a href="https://groups.google.com/forum/#!forum/native-client-dis
cuss">Native Client</a></li> |
366 </ul> | 365 </ul> |
367 </p> | 366 </p> |
368 </article> | 367 </article> |
369 </div> | 368 </div> |
370 </div> | 369 </div> |
371 </div> | 370 </div> |
372 </section> | 371 </section> |
373 | 372 |
374 </div> | 373 </div> |
375 {{/partials.site}} | 374 {{/partials.site}} |
OLD | NEW |