OLD | NEW |
(Empty) | |
| 1 {{+bindTo:partials.standard_nacl_article}} |
| 2 |
| 3 <section id="chrome-dev-summit-2014-native-client-codelabs"> |
| 4 <span id="cds2014"></span><h1 id="chrome-dev-summit-2014-native-client-codelabs"
><span id="cds2014"></span>Chrome Dev Summit 2014 - Native Client Codelabs</h1> |
| 5 <h2 id="a-crossroads">A Crossroads</h2> |
| 6 <p>For your coding pleasure, we have two codelabs. |
| 7 Depending on your interests and prior experience, |
| 8 check out one or both.</p> |
| 9 <p>Learn how easy it is to edit, build, and run NaCl applications |
| 10 all in your desktop web browser or on a Chromebook.</p> |
| 11 <h2 id="codelab-1-what-a-difference-python-makes">Codelab #1 - What a difference
Python Makes</h2> |
| 12 <p>Learn how you can use client-side Python on your webpage. |
| 13 Use the python <a href="https://docs.python.org/2/library/difflib.html" |
| 14 target="_blank">difflib</a> module to generate attractive online |
| 15 textual diffs. |
| 16 Develop inside Google Chrome, using a hot off the presses version |
| 17 of our NaCl Dev Environment, running on a webpage, |
| 18 powered by Portable Native Client. |
| 19 The techniques in this codelab also apply to other interpreted languages |
| 20 we’ve ported to PNaCl, including: Python, Lua, Ruby, Tcl, Bash, and Forth.
</p> |
| 21 <dl class="docutils"> |
| 22 <dt>Requirements:</dt> |
| 23 <dd><ul class="first last small-gap"> |
| 24 <li>A Desktop / Laptop Windows, Mac, Linux, or ChromeOS browser |
| 25 <br/><span id="python_compat" style="color: #cccc00" |
| 26 >Checking browser compatibility...</span><br/> |
| 27 <i id="python_compat2"></i> |
| 28 <script> |
| 29 var tag = document.getElementById('python_compat'); |
| 30 var tag2 = document.getElementById('python_compat2'); |
| 31 if (!('application/x-pnacl' in navigator.mimeTypes)) { |
| 32 tag.innerHTML = |
| 33 'This codelab does not appear to be supported by your browser.'; |
| 34 tag.style.color = '#cc0000'; |
| 35 tag2.innerHTML = |
| 36 'You do not appear to be running a browser such as ' + |
| 37 'Google Chrome which supports Portable Native Client ' + |
| 38 'or you have disabled Portable Native Client.'; |
| 39 } else { |
| 40 tag.innerHTML = 'This codelab appears to be supported by your browser.'; |
| 41 tag.style.color = '#00cc00'; |
| 42 } |
| 43 </script></li> |
| 44 <li>A fast broadband connection (500MB download)</li> |
| 45 <li>Can read and write Python</li> |
| 46 </ul> |
| 47 </dd> |
| 48 </dl> |
| 49 <p><a class="reference external" href="python">Click here for Codelab #1 - Pytho
n on the Web</a></p> |
| 50 <h2 id="codelab-2-a-saga-of-fire-and-water">Codelab #2 - A Saga of Fire and Wate
r</h2> |
| 51 <p>Learn the basics of using PPAPI to do 2D graphics from |
| 52 a C++ program running in Native Client. |
| 53 Modify our sample to turn fire into water. |
| 54 Develop inside Google Chrome, using our NaCl Development Environment |
| 55 Chrome App. |
| 56 While this codelab currently targets conventional Native Client using our |
| 57 GCC + GlibC based toolchain, the techniques involved are generally |
| 58 applicable.</p> |
| 59 <dl class="docutils"> |
| 60 <dt>Requirements:</dt> |
| 61 <dd><ul class="first last small-gap"> |
| 62 <li>An x86 (sorry no arm) Desktop / Laptop |
| 63 Windows, Mac, Linux, or ChromeOS browser |
| 64 <br/><span id="cpp_compat" style="color: #cccc00" |
| 65 >Checking browser compatibility...</span><br/> |
| 66 <i id="cpp_compat2"></i> |
| 67 <script> |
| 68 var tag = document.getElementById('cpp_compat'); |
| 69 var tag2 = document.getElementById('cpp_compat2'); |
| 70 if (!('application/x-nacl' in navigator.mimeTypes)) { |
| 71 tag.innerHTML = |
| 72 'This codelab does not appear to be supported by your browser.'; |
| 73 tag.style.color = '#cc0000'; |
| 74 tag2.innerHTML = |
| 75 'You do not appear to be running a browser such as ' + |
| 76 'Google Chrome which supports Native Client ' + |
| 77 'or you have disabled Native Client.'; |
| 78 } else if (navigator.userAgent.search(' arm') >= 0) { |
| 79 tag.innerHTML = |
| 80 'This codelab does not appear to be supported by your browser.'; |
| 81 tag.style.color = '#cc0000'; |
| 82 tag2.innerHTML = |
| 83 'You appear to be running on an ARM based CPU. ' + |
| 84 'While Native Client does support ARM, ' + |
| 85 "our developer environment's GCC + GlibC based toolchain " + |
| 86 'does not, at this time. Sorry.'; |
| 87 } else { |
| 88 tag.innerHTML = 'This codelab appears to be supported by your browser.'; |
| 89 tag.style.color = '#00cc00'; |
| 90 } |
| 91 </script></li> |
| 92 <li>A fast broadband connection (500MB download)</li> |
| 93 <li>Can read and write C++</li> |
| 94 </ul> |
| 95 </dd> |
| 96 </dl> |
| 97 <p><a class="reference external" href="cpp">Click here for Codelab #2 - Compile
for Speed</a></p> |
| 98 </section> |
| 99 |
| 100 {{/partials.standard_nacl_article}} |
OLD | NEW |