tag:blogger.com,1999:blog-26162779220337352722024-02-19T04:44:53.076-08:00Nano Hacker SquadUnknownnoreply@blogger.comBlogger5125tag:blogger.com,1999:blog-2616277922033735272.post-63894845728478287112014-07-11T07:02:00.002-07:002014-08-25T05:57:17.440-07:00NYC BigApps Hackathon, our final frontier!<h2>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">
Hacking at WeWork</span></h2>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">We are wrapping our program with the NYC BigApps Hackathon. The nano team decided to work on <a href="http://coderdojonyc.github.io/foodCompass/" target="_blank">foodCompass</a> to find healthy restaurants for commuters. Jared, from Thoughtworks, provided us nano T-shirts for the team!</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgifhe4bIADcxE9-yODU8hX-eCCSnqUq_4NngoHP34GeBU6McHA3BOwx84vUb5tzGG0LtgVChJmUe1o_-viY24lVo1kQwsOw1884HOhrh3z-OC9ky-KaRf52pRGwE-ycBrSF7lCDVvcMOrC/s1600/DSC_0137.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgifhe4bIADcxE9-yODU8hX-eCCSnqUq_4NngoHP34GeBU6McHA3BOwx84vUb5tzGG0LtgVChJmUe1o_-viY24lVo1kQwsOw1884HOhrh3z-OC9ky-KaRf52pRGwE-ycBrSF7lCDVvcMOrC/s1600/DSC_0137.jpeg" height="213" width="320" /></span></a></div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><span id="goog_2073167435"></span><span id="goog_2073167436"></span><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Our first hackathon session was on Saturday, June 7th, at <a href="http://nycbigappsbigbuild2.splashthat.com/">WeWork/Charging Bull</a>, in the financial district. We took over a nice room (thought not enough ventilation). We spent the morning deciding on what application to work for and which features to add. We collected all the potential features on sticky notes that each nano hacker could tackle on. Our first session was an incredible success. We used github to collaborate on the <a href="https://github.com/jtutuncumacias/foodCompass">shared codebase</a>. At some point, all the mentors were hacking along with some complex Javascript in the last hour, and the final merge was not working. Ricky untangled the github merging issues! We were one of the few teams to present a functional working project by the end of the day!</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">The nano hacker team did a great short presentation and the judges were thrilled on the achievements. At the end of the day, there were some raffles for some devices. The members of the Nano Hacker Squad <b>acquired </b>a good number of these: Benno got an Arduino, Lucas got a Pebble and Mario got $250 gift card on Octoparts.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<br />
<h2>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">
Hacking at Falchi Building</span></h2>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Our second hackathon session was in Long Island City, Queens, at the <a href="http://nycbigappsbigbuild3.splashthat.com/">Falchi Building</a>, on Saturday, June 21st. The space was sponsored by <a href="http://www.coalitionforqueens.org/">Coalition for Queens</a>. We spent the morning visiting the <a href="http://nydesigns.org/nyfabricates/">NY Designs Fabrication Lab</a> and attending a UX workshop by Luke Miller from Yahoo (Pain. Pleasure. Context. Behaviors). After lunch, Kiera went ahead migrating foodCompass to the iOS platform. We had plenty more features to add to foodCompass. Giordan added support for dragging a pin from the google maps and recompute the new restaurant locations. Olivia worked on CSS according to a color scheme designed by <a href="http://www.mialim.com/">Mia</a>. Lucas added support for more buttons and the print functionality. Vaughn added support for different transportation options. We had a successful live application to present. Mario and Julian were enjoying Niagara Falls and couldn't attend.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJiUgh8NxWAvtWYuOqkk26KMWxeAYH7Ot1o-RzVBGA8XHk84ngUwVFk09DXlx7J8ELowM_3XHaJZomAbYbXLzp1v0EdiZZdCcmTP9lsiQSOE4RvAJmJBV4-1gT63AXvR523eSC9f9HSm5n/s1600/DSC_0092.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJiUgh8NxWAvtWYuOqkk26KMWxeAYH7Ot1o-RzVBGA8XHk84ngUwVFk09DXlx7J8ELowM_3XHaJZomAbYbXLzp1v0EdiZZdCcmTP9lsiQSOE4RvAJmJBV4-1gT63AXvR523eSC9f9HSm5n/s1600/DSC_0092.jpeg" height="213" width="320" /></span></a></div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg80zHITlyWDTXinVGXjNvo9yL2FvTuMTrX_DvKG4KG_fOZN4IKMY_gM9shAgxovt4Sn3Ys6D-AurFZDRMdAh1N2CynROrPCEbJ4tmBgN0YL9UcqrwopPC8weRZVXuIyF5nQchgfAsPr-Eo/s1600/DSC_0093.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg80zHITlyWDTXinVGXjNvo9yL2FvTuMTrX_DvKG4KG_fOZN4IKMY_gM9shAgxovt4Sn3Ys6D-AurFZDRMdAh1N2CynROrPCEbJ4tmBgN0YL9UcqrwopPC8weRZVXuIyF5nQchgfAsPr-Eo/s1600/DSC_0093.jpeg" height="213" width="320" /></span></a></div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipqUEvYIM9pz1Z4jKtDA7PBSrjMjp-NYYQoSHDJ8nG8IWoGnQCXfiFOd6Ts-_Zo4yFJnmmkHlwx-csuSZIDPmeO43Ch3fwxoHKNtowGaFJqaNYKyR_6pbgGBJ05mPgprLprzMU3nxvcK8W/s1600/DSC_0099.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipqUEvYIM9pz1Z4jKtDA7PBSrjMjp-NYYQoSHDJ8nG8IWoGnQCXfiFOd6Ts-_Zo4yFJnmmkHlwx-csuSZIDPmeO43Ch3fwxoHKNtowGaFJqaNYKyR_6pbgGBJ05mPgprLprzMU3nxvcK8W/s1600/DSC_0099.jpeg" height="213" width="320" /></span></a></div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Kdt5RNWDMx1iVuly_ZaYUKbpFq08Li_g2acKTlZ8u9nL-CBuAkp17eU-nO1ytvt5ESAQo6HbhZ27DBtvSR4k6N9llWBPJCg8BAiUTFcEb8ytsZh6a0lmY87-Ma0ar6janYbzZN1R1ZNg/s1600/DSC_0103.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Kdt5RNWDMx1iVuly_ZaYUKbpFq08Li_g2acKTlZ8u9nL-CBuAkp17eU-nO1ytvt5ESAQo6HbhZ27DBtvSR4k6N9llWBPJCg8BAiUTFcEb8ytsZh6a0lmY87-Ma0ar6janYbzZN1R1ZNg/s1600/DSC_0103.jpeg" height="213" width="320" /></span></a></div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4FND5NvfP65ne3hCOtNuc-qsmQdbKuvVrtAlwUeYSXS4BG33ZejDrJYirq4PjpWjLwssdioMuq-CvrgPLws9BHYrDdwZNhuiA83-qNOpuXaT0715LlN9sEQzAiqqFxWHLGJ2bJztY8_CZ/s1600/DSC_0119.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4FND5NvfP65ne3hCOtNuc-qsmQdbKuvVrtAlwUeYSXS4BG33ZejDrJYirq4PjpWjLwssdioMuq-CvrgPLws9BHYrDdwZNhuiA83-qNOpuXaT0715LlN9sEQzAiqqFxWHLGJ2bJztY8_CZ/s1600/DSC_0119.jpeg" height="213" width="320" /></span></a></div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large; margin-left: 1em; margin-right: 1em;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0caH_ztj930Nrupuee3yex926Oc2fjFqbX9N2GENc_lgh17aoyKg4bjLLzbYAc84LLe4dqzlw3eamWgmiYi0xVj8qFSUTZV-P-m06bufrNSPPIOJfEXxEUg7o7BxnSOzmpVsvxvIsKTFM/s1600/DSC_0124.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0caH_ztj930Nrupuee3yex926Oc2fjFqbX9N2GENc_lgh17aoyKg4bjLLzbYAc84LLe4dqzlw3eamWgmiYi0xVj8qFSUTZV-P-m06bufrNSPPIOJfEXxEUg7o7BxnSOzmpVsvxvIsKTFM/s1600/DSC_0124.jpeg" height="213" width="320" /></a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.600000381469727px; line-height: 14.7839994430542px;">(Photography by Jennifer)</span></div>
<h2>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></h2>
<h2>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">
BigApps Block Party </span></h2>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">By unanimous consensus, the nano hacker squad looked forward to showcase foodCompass at the BigApps Block Party in <a href="http://block-party.splashthat.com/">Industry City</a>, Brooklyn, on Saturday, July 19th. Vaughn couldn't attend due to summer camp. </span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">The team submitted the <a href="http://foodcompass-538c.splashthat.com/" target="_blank">online application</a> on Saturday, July 12th, which was the deadline. </span><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">The team was devastated to learn that in 2013 there was a BigApp entry titled <a href="http://vimeo.com/63485684" target="_blank">Healthy Food Compass</a>. I'm guessing that this prompted Julian to add a differentiating feature like the YELP category select drop-down. He kept working until the last minute (well, 10 minutes before the actual presentation). While Lucas and Mario customized the pin icon in Google Maps. The team had 2 minutes to present the <a href="https://docs.google.com/presentation/d/1UfAuookCUnVCEAVnMMQDCYgfXlCANLvJnQ-oVT0zE2A/edit#slide=id.p" target="_blank">three slides</a> to the judges. <i>Everyone</i> wanted to talk, so they did! <i>Everyone</i>: Kiera, Giordan, Lucas, Olivia, Mario and Julian. After 3pm, they showcased the web application while Kiera showcased her <a href="https://github.com/CoderDojoNYC/foodCompass-ios" target="_blank">iphone</a> version using the ios simulator. The WiFi reception wasn't optimal, so the web app was behaving a little spotty. </span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">The food options at Industry City were great: </span><a href="http://meltbakery.com/" style="font-family: Georgia, 'Times New Roman', serif; font-size: x-large;" target="_blank">Melt</a><span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"> ice-cream sandwiches and pizza from </span><a href="http://sottocasanyc.com/" style="font-family: Georgia, 'Times New Roman', serif; font-size: x-large;" target="_blank">Sottocasa</a><span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">. However, we should have probably used </span><a href="http://coderdojonyc.github.io/foodCompass/" style="font-family: Georgia, 'Times New Roman', serif; font-size: x-large;" target="_blank">foodCompass</a><span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"> to find healthy options in the neighborhood! </span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">The mentors who attended: Benno, Matt, Ricky and Pedro. Also, </span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">Jared provided more nano T-shirts for kids and mentors.</span><br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2616277922033735272.post-49519628996646297462014-05-10T13:45:00.000-07:002014-05-16T21:16:03.325-07:00Programming Core Concepts<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Have you seen the movie, Men in Black?</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIhJB4iq1AuAL2nzagKOzc2O7EKReXGmc5k0wdOok3UqITYl6kCopsK36Uf5xVw9hgsUnRRK0fJWfP0eHQXNmRNhJ8NgJ9AuqUvt-gyrQ6GXOi2LbKRQDg1waJ-FO7TMJMlZXU2m8vavuZ/s1600/DSC_0014.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIhJB4iq1AuAL2nzagKOzc2O7EKReXGmc5k0wdOok3UqITYl6kCopsK36Uf5xVw9hgsUnRRK0fJWfP0eHQXNmRNhJ8NgJ9AuqUvt-gyrQ6GXOi2LbKRQDg1waJ-FO7TMJMlZXU2m8vavuZ/s1600/DSC_0014.jpeg" height="213" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Benno dressing like a rock star</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRlmLt6cq5kufXar9lacJOfgn_oDnveZcjVj84yrQg8-XEfhTUeg5ZCqUmNQLyjG2d1U2-Lmmqyjv09sEtz7UQTxjoUstFC-2Uu5BQKqLm-E86F6WeTAe52lpk2ml0w4dTtQK59xYaxcPc/s1600/DSC_0016.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br class="Apple-interchange-newline" /><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRlmLt6cq5kufXar9lacJOfgn_oDnveZcjVj84yrQg8-XEfhTUeg5ZCqUmNQLyjG2d1U2-Lmmqyjv09sEtz7UQTxjoUstFC-2Uu5BQKqLm-E86F6WeTAe52lpk2ml0w4dTtQK59xYaxcPc/s1600/DSC_0016.jpeg" height="213" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Ricky dressing like a rock star</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE6fy_QkynP3h4SVySsERSe8EkzSBTfaibhRpniVBBHVKaGcWnIxJv60bu8h5DQd-CAgpa77hEHAKybZddmLcW7_2BbH4FBoa-GjPwkCPhcI-XHL5901Znz1kJ2OHGTBRaCAFPyKYvggPX/s1600/DSC_0010.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br class="Apple-interchange-newline" /><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE6fy_QkynP3h4SVySsERSe8EkzSBTfaibhRpniVBBHVKaGcWnIxJv60bu8h5DQd-CAgpa77hEHAKybZddmLcW7_2BbH4FBoa-GjPwkCPhcI-XHL5901Znz1kJ2OHGTBRaCAFPyKYvggPX/s1600/DSC_0010.jpeg" height="213" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Lita, an upcoming nano mentor</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiDBm8QkkVsPByZ1U0HyPfJXJfCMevH3fYvRo1A5v3TjvJ8c98F6mAy3LXApqP3X3gOEV74j16F8tgoRQIvAJspbHRVnkk1pezViHED1X1JhBqnOvqmjlgdkdCdRDI4dmkEUrik6DFL69F/s1600/DSC_0007.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br class="Apple-interchange-newline" /><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiDBm8QkkVsPByZ1U0HyPfJXJfCMevH3fYvRo1A5v3TjvJ8c98F6mAy3LXApqP3X3gOEV74j16F8tgoRQIvAJspbHRVnkk1pezViHED1X1JhBqnOvqmjlgdkdCdRDI4dmkEUrik6DFL69F/s1600/DSC_0007.jpeg" height="213" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Matt forgot to bring his rock star suit</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy6oby9UT9qRsh9MshyjkJM50ZCzH0acc5Pgmb95KwvOkdUf_MHbpJ1hB_wLR9YTOZXo5ffoie75VQ3JU-4lXgtHxPhON5OCD9-AnKtvDPZfMzYptCVpbcTu_adwLeHB7GyTW5Z6CcVpcC/s1600/DSC_0018.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy6oby9UT9qRsh9MshyjkJM50ZCzH0acc5Pgmb95KwvOkdUf_MHbpJ1hB_wLR9YTOZXo5ffoie75VQ3JU-4lXgtHxPhON5OCD9-AnKtvDPZfMzYptCVpbcTu_adwLeHB7GyTW5Z6CcVpcC/s1600/DSC_0018.jpeg" height="213" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
I can see who got the munchkins</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8lUtuwUd3L8zY8KxFzFwRKNzhKIM622QV3fyAy9qazB1pJ4Nh9peyts71z3YqpBvsmrL8rE5VClWtpu1CFPZlhgMyX1sbcUpS-7bkbFib0fPO6ZGw9iPLr7z73cIDx0rHnGUYrInv5r5z/s1600/DSC_0021.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8lUtuwUd3L8zY8KxFzFwRKNzhKIM622QV3fyAy9qazB1pJ4Nh9peyts71z3YqpBvsmrL8rE5VClWtpu1CFPZlhgMyX1sbcUpS-7bkbFib0fPO6ZGw9iPLr7z73cIDx0rHnGUYrInv5r5z/s1600/DSC_0021.jpeg" height="213" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE1oJ9xWuSBfSHr-ade-Lv2iohLbmifVwvsC25kJaYOa2wpD3PFBz5tZKI_E_sElfiqOMG0TlGVTk8GLBVMewiqYZX05O6LpHX7mDqha9aXhVdLrOdx1k8C9hOOZRI-b4mzkRdsiFCAFID/s1600/DSC_0019.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE1oJ9xWuSBfSHr-ade-Lv2iohLbmifVwvsC25kJaYOa2wpD3PFBz5tZKI_E_sElfiqOMG0TlGVTk8GLBVMewiqYZX05O6LpHX7mDqha9aXhVdLrOdx1k8C9hOOZRI-b4mzkRdsiFCAFID/s1600/DSC_0019.jpeg" height="213" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
(Photography by Jennifer)</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
</div>
</div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">The mentors have differing views on teaching computing concepts. Few (including myself) favor constructionism, others are more into instructionism (and lecturing). The 1-1 teaching model is probably the most effective learning model; however, in my opinion, it doesn't translate well into collaborative learning which has been an objective from the start. Given our open-ended and flexible mentoring context (sometimes it's just myself, sometimes we have a full house enough for a comfortable 1-1), I'm becoming less dogmatic about the "one" ideal approach, instead it seems that exposure to multiple differing approaches is working quite well. I like a balanced approach where we do have effective learning as well as a collaborative component, such as pairing (and/or eventually full team collaboration). We'll do what works. Given that we have very committed mentors, we are all eager to make it work. So far, we have done a nice exploratory exposure to different aspects in web programming: web page (html/css), audio, video, animation and graphics. From our last mentor's discussion, we decided to cover core programming concepts: loops, lists/arrays, booleans, if-conditions, and dom events. The hacking model is based on providing enough of a working small program that nano hackers can tinker and add features without deep understanding of the core concepts. It's been effective for engagement and <a href="http://www.amazon.com/Getting-Things-Done-Stress-Free-Productivity/dp/0142000280/">getting things done</a>. It's about time to cover the programming core concepts now.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
Unknownnoreply@blogger.com9tag:blogger.com,1999:blog-2616277922033735272.post-6781508222517504582014-04-20T21:50:00.001-07:002014-04-25T14:28:38.054-07:00Creative Programming<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">The first month, we have covered few exercises on basic <a href="http://jsbin.com/gekuripo/3">HTML</a>, <a href="http://jsbin.com/coqipohi/15">CSS</a> and <a href="http://jsbin.com/wakidore/11">Javascript</a>. We built few self-destructing <a href="http://jsbin.com/biwigoyu/14">timers</a> for Mission Impossible's style missions. Ricky brought us delicious <a href="http://flukeout.github.io/">CSS diner</a>. The current month, we focused on media: web audio, canvas animation, web camera with webrtc, and <a href="http://brianchirls.github.io/Seriously.js/">html5 video</a>. Nano hackers enjoyed <a href="http://www.patatap.com/">Patap</a> immensely. </span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">Last week, we played with green screening using the code from </span><a href="http://seriouslyjs.com/" rel="nofollow" style="font-family: Georgia, 'Times New Roman', serif; font-size: x-large;" target="_blank">seriously.js</a><span style="font-family: Georgia, Times New Roman, serif; font-size: large;"> and experimented <a href="http://jsbin.com/lezeb/4">some</a> <a href="http://jsbin.com/xolit/2">tweening</a> <a href="http://jsbin.com/yeluge/5">examples</a>. At one point, we all look into Lucas's screen. He discovered Chinese in the code for the Twitter button. </span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">This week we got few drawing applications and for the few more demanding, we tried </span><a href="http://voxeljs.com/" style="font-family: Georgia, 'Times New Roman', serif; font-size: x-large;">voxel.js</a><span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"> (Minecraft in Javascript). </span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">We also had Giordan to join us for the first time. Giordan has been a regular at CoderdojoNYC and busy creating Minecraft mods in Java and Eclipse.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkiTvZvgPwMIQN6WEFmCvX2TIs7BJn7YomdBH4QiO0elq5UdPhmlFxiLcYJzc2YgATt-XQqqSeC62UFsnyw94Ya8pXxvFEVoNUghqP2h_VXz3_JzGtiAe7s2ajxhjG8dII7Dt-IvybapvS/s1600/DSC_0009.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkiTvZvgPwMIQN6WEFmCvX2TIs7BJn7YomdBH4QiO0elq5UdPhmlFxiLcYJzc2YgATt-XQqqSeC62UFsnyw94Ya8pXxvFEVoNUghqP2h_VXz3_JzGtiAe7s2ajxhjG8dII7Dt-IvybapvS/s1600/DSC_0009.jpeg" height="213" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
We have no clue how green screening works, so we tested with yellow.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaRLjN5Oee5kAkhhu_ScpJHGgg9e7FVCkuht8Awj0_cWHRUiLza6qDfjD1qwFUcpXwxJWK-Ez0Er_TBjWw3PoFoZbfSWRxxc_SZFEGQpPKf6pRzx_XhjN_UWe_oc2t7vU63ANZ2jhU2NyF/s1600/DSC_0016.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaRLjN5Oee5kAkhhu_ScpJHGgg9e7FVCkuht8Awj0_cWHRUiLza6qDfjD1qwFUcpXwxJWK-Ez0Er_TBjWw3PoFoZbfSWRxxc_SZFEGQpPKf6pRzx_XhjN_UWe_oc2t7vU63ANZ2jhU2NyF/s1600/DSC_0016.jpeg" height="213" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu-IuEgFejNvKUlA_1iy4yRX2aqHRE657ZrUib_6LLiSQz9raNf3AXCyHYDNfcA36ws8_KxtnFVyKWYeNOY-Q_ujQ8lg9GzIT2jrZ0y7jAMfuPgWVDOxG6F820H6vjL4786yI7VX9JVfIM/s1600/DSC_0018.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu-IuEgFejNvKUlA_1iy4yRX2aqHRE657ZrUib_6LLiSQz9raNf3AXCyHYDNfcA36ws8_KxtnFVyKWYeNOY-Q_ujQ8lg9GzIT2jrZ0y7jAMfuPgWVDOxG6F820H6vjL4786yI7VX9JVfIM/s1600/DSC_0018.jpeg" height="213" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Lucas keeps teaching us few tricks</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQVPM-3Xilwq2UavHk2Z1xxKPk2gUBjlKgyGyQ8yGDbCujuGvcMRIPIrWFVil4JuXOab0LEow_cNbGhY-JtBY5CJA320QdrKIzTjsMSvYUEz2kQtu-hJYAV0IocLhagf4Z1k4pT5ZP6ETy/s1600/DSC_0020.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQVPM-3Xilwq2UavHk2Z1xxKPk2gUBjlKgyGyQ8yGDbCujuGvcMRIPIrWFVil4JuXOab0LEow_cNbGhY-JtBY5CJA320QdrKIzTjsMSvYUEz2kQtu-hJYAV0IocLhagf4Z1k4pT5ZP6ETy/s1600/DSC_0020.jpeg" height="213" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Lucas discovered Chinese in Twitter's button</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjNJhMPoFyIhZz3fw8fRGN9QjzbDbiO0nAOmRa5o2hAlxiWlwOu2XpvxZR8tDxFraAayyk4eVXPsqQi4g8BH7NiRTLsNgmrTzpvII1W8H2tQbeGZexOreWr_csxI0CBmzzAOZ7CUruLDk3/s1600/DSC_0030.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjNJhMPoFyIhZz3fw8fRGN9QjzbDbiO0nAOmRa5o2hAlxiWlwOu2XpvxZR8tDxFraAayyk4eVXPsqQi4g8BH7NiRTLsNgmrTzpvII1W8H2tQbeGZexOreWr_csxI0CBmzzAOZ7CUruLDk3/s1600/DSC_0030.jpeg" height="213" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Nano hackers in action</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcSvwrGDIqKKRFZCi0fcBRF1D3mM-TwEUSsMvDb2CRUpQCdTlnXvaqDEL7qktikUfMLUu1vv-hRpiMMip5ywacQxjBH3aHeG327cJ4KyCge1xpOzQIXnOwhuzxklL0T5IBH31JiFYFPB5B/s1600/DSC_0046.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcSvwrGDIqKKRFZCi0fcBRF1D3mM-TwEUSsMvDb2CRUpQCdTlnXvaqDEL7qktikUfMLUu1vv-hRpiMMip5ywacQxjBH3aHeG327cJ4KyCge1xpOzQIXnOwhuzxklL0T5IBH31JiFYFPB5B/s1600/DSC_0046.jpeg" height="320" width="213" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
How to float a nano hacker head?</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
(Photography by Jennifer)</div>
<br />
<div>
<br /></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2616277922033735272.post-68083100567375392862014-04-13T09:58:00.001-07:002014-04-13T09:58:11.478-07:00A Little Intro to Code<div class="separator" style="clear: both; text-align: left;">
This is a little intro to code made by me. It is a little html, css, and a little javascript.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/emloZd0CWts?feature=player_embedded' frameborder='0'></iframe></div>
<br />Anonymoushttp://www.blogger.com/profile/11875830288440799832noreply@blogger.com1tag:blogger.com,1999:blog-2616277922033735272.post-45797538011589545102014-04-10T04:21:00.002-07:002014-04-21T14:27:34.222-07:00Nano Hacker Squad: The Initiative<div style="clear: both; text-align: center;">
<div style="text-align: left;">
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">The nano hacker squad started as a pilot initiative to rule the world. There are a couple of inspirational sources: </span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">the hackathon building/learning model, </span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">hacker hours (for adults) that Aidan started in NYC few years ago, and my interests in facilitating collaborative learning web technologies for kids. The focus of the pilot is to mentor very tech-enthusiastic kids from <a href="http://www.coderdojonyc.com/" rel="nofollow" target="_blank">coderdojonyc</a> as a hackathon team for the annual YRS hackathon (festival of code). </span></div>
</div>
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">We have support from great mentors from coderdojo and ZocDoc: Ricky, Pedro, Benno, Matt, Nick. Omar and Aidan signed up to help through the online forum. Jennifer, a parent, provided a lot of feedback before launching this initiative, as well as on-going support. Thoughtworks has been graciously hosting the event at their offices (Thanks Jared for the snacks!)</span></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">During the pilot initiative, we are learning how to facilitate collaborative learning for kids. We are making mistakes and addressing them at every iteration. The progress and engagement have been fantastic!</span></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">At this rate, the Nano Hacker Squad will <a href="http://jsbin.com/xediyuco/11/">rule the world</a>!</span></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFxqtrgRsfwGMy-fsLSgoGjGvLTYyfhSRK-MrdKFOK9mla6w_4kLuC1Vd3GzCgMqWRpG6N_nsoyVzQHcja41yUl3a2KzqguJZhlzataCvmxA6V4-oUVvZ7IjlQX3lx8kzqh0WWrm-5fCc4/s1600/DSC_0038.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFxqtrgRsfwGMy-fsLSgoGjGvLTYyfhSRK-MrdKFOK9mla6w_4kLuC1Vd3GzCgMqWRpG6N_nsoyVzQHcja41yUl3a2KzqguJZhlzataCvmxA6V4-oUVvZ7IjlQX3lx8kzqh0WWrm-5fCc4/s1600/DSC_0038.jpeg" height="213" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Lucas is teaching us how to code</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8HM4XnFtyT-di59cLxa8TMoZNbjAEcgzQz3HvdOg5tb2eHiGapDTr_CzdePPt8T9vp72m_DWVFd68LNdSIrYbRsDrzL6UBnpDMIlFv5RJH9n9fUeSaRi4LNY1-BsgTpJbmr6-xAcWizqt/s1600/DSC_0191.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8HM4XnFtyT-di59cLxa8TMoZNbjAEcgzQz3HvdOg5tb2eHiGapDTr_CzdePPt8T9vp72m_DWVFd68LNdSIrYbRsDrzL6UBnpDMIlFv5RJH9n9fUeSaRi4LNY1-BsgTpJbmr6-xAcWizqt/s1600/DSC_0191.jpeg" height="213" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOdYr_7-OD8AHGfJMTDU0XFeVquAuLRTgyvJMUZSDD2bmwS-BSWWs5jq1AE0RipjLVMsi8T_w3m-hraSzCNlDysaIkGtKBDb1CtUH7xV1cU_ycmdoO_BFvmFGtEdIJcFiuW3fRoT-JHjdB/s1600/DSC_0130.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOdYr_7-OD8AHGfJMTDU0XFeVquAuLRTgyvJMUZSDD2bmwS-BSWWs5jq1AE0RipjLVMsi8T_w3m-hraSzCNlDysaIkGtKBDb1CtUH7xV1cU_ycmdoO_BFvmFGtEdIJcFiuW3fRoT-JHjdB/s1600/DSC_0130.jpeg" height="213" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
(Photography by Jennifer)</div>
<div>
<br /></div>
Unknownnoreply@blogger.com0