tag:blogger.com,1999:blog-37121179938653250942024-03-06T05:04:12.265+00:00The P-LogPoker | Coding | Gaming | TravellingPuyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.comBlogger161125tag:blogger.com,1999:blog-3712117993865325094.post-27214176485402102182021-03-30T12:53:00.005+01:002021-03-30T17:29:56.646+01:00Tetris Spin and Go's Reviewed!<p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsZrsTCaNYg-muisCAGQSmleOB7vtemugqoQpR4GHBQTqgBgoXAURx6JTqCA7vzuPXrDz0ZckqJvoaw-f_DjnEbrR647u7bazedLCoI02IRYEbXHyCa8t84qGPewWtl-loM1vngnRk-9ut/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="270" data-original-width="781" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsZrsTCaNYg-muisCAGQSmleOB7vtemugqoQpR4GHBQTqgBgoXAURx6JTqCA7vzuPXrDz0ZckqJvoaw-f_DjnEbrR647u7bazedLCoI02IRYEbXHyCa8t84qGPewWtl-loM1vngnRk-9ut/" width="320" /></a></div><br /><p></p><p>So the Tetris Spin and Go <a href="https://thep-log.blogspot.com/2021/02/pokerstars-tetris-spin-and-gos-explained.html" target="_blank">promotion</a> ended yesterday and I'm sad to see it go. It was a fun promotion, all be it a rather random one, but nice to have something different happening in the Spin and Go's space.</p><p>The promotion ran from Feb 15th- March 28th, in that time I managed to play just shy of 3100 games. </p><p>On the 2nd day I did try playing the $1, $2, $5 and $10 stakes to get on all their leaderboards but came to the conclusion that it took too long and wasn't worth the time.</p><p>With 3 weeks left I thought it would be profitable to try and make the leaderboard on $5s and $10s. I would play the $5s until I "Game Over"' and then play the $10s as normal. </p><p>In theory this was a good idea but the reality was that I didn't run good in the $5s and I barely made the leaderboard for that stake, only once for a min cash of $10 lol. My run in them was rather breakeven, and this in turn sacrificed my rakeback I could have gotten by sticking with the $10s. I don't really mind tho, its was kinda fun to play in the $5s, there are so many more recreational players there.</p><p>My results; </p><p></p><ul style="text-align: left;"><li>7 leaderboard cashes for $410</li><li>Best result was 11th in $10 leaderboard</li></ul><div><br /></div><div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi55EhmKw8GZJwLmZ88MEYr4SdldPyvP_DUeM7fYgx0tbhUzBPHCSqB0Rz3j-V66Uk0hyphenhyphend0j6yqwQNC-n6leliaBaDeWCmy3VgPC_kNkZxpeLi5bd-EjJSDHqdfkGxmGbP_sI1E7yquHzFL/" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="682" data-original-width="849" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi55EhmKw8GZJwLmZ88MEYr4SdldPyvP_DUeM7fYgx0tbhUzBPHCSqB0Rz3j-V66Uk0hyphenhyphend0j6yqwQNC-n6leliaBaDeWCmy3VgPC_kNkZxpeLi5bd-EjJSDHqdfkGxmGbP_sI1E7yquHzFL/" width="299" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">My best result, I remember winning so many flips that session!</td></tr></tbody></table><br /></div><p></p><p>Its a shame its ended coz during the end of the promotion I had patched up some leaks and was making deep runs more consistently. Once you reach 100k points in the $10s you should be guarenteed a cash prize. But at that point the games can be pretty cut throat in terms of Game Over'ing, 3-4 losses can make you go from green to the end!</p><p>Some of the 1st places' scores are insane thought. Because of the way the scoring scales up, most occasions I've seen 1st place be almost 1/3 score to 2nd place... something like 256k 1st vs 180k 2nd place! Each extra win you get when you run deep give you an insane amount of points! </p><p>Here's my 2 cents on the promotion;</p><p>PROS:</p><p></p><ul style="text-align: left;"><li>Bigger field of randoms to game (in theory).</li><li>Better and fairer way of getting on leaderboard. Sure, there's luck on the multipliers but because of the larger sample size needed good players will reach the prizepools more often.</li><li>Graphics look great espectially the new skin with moving pieces in the background and the leaderboard information.</li><li>I found it fun and exciting to participate in. Strange to want to get 2x multipliers but at same time feels like win/win to ship a higher multiplier too. Quite a buzz when you run deep, feels like your in an MTT.</li></ul><div><br /></div><div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Za2fxucKBC4sL0gp6OII-vqZhpUfBOFbWE9YPW-2arEXnIpZ-3vSAMhBirGXrJEmkuTWdCeBRYoZbTZnzgZPFH9s7-mPgjCXW_2qdXJPZP5in_i6M_NOTvIO9j4Zdr_ZsRZBZqQ1FJny/" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="468" data-original-width="639" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Za2fxucKBC4sL0gp6OII-vqZhpUfBOFbWE9YPW-2arEXnIpZ-3vSAMhBirGXrJEmkuTWdCeBRYoZbTZnzgZPFH9s7-mPgjCXW_2qdXJPZP5in_i6M_NOTvIO9j4Zdr_ZsRZBZqQ1FJny/w400-h293/image.png" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Great background skin with moving Tetriminos</td></tr></tbody></table><br /></div><p></p><p>CONS:</p><p></p><ul style="text-align: left;"><li>Lack of proper marketing. I have not seen any promotion of this whatsoever. I have even seen some Pokerstars ads on TV actually promoting Spin and Go's but no mention of the Tetris promotion. Seems strange considering the Tetris trademark is clearly part of this which must have been a lot of effort to negotiate using it.</li><li>Doesn't seem to be relevant to anything and date seems arbitrary? Could have attempted to tie it in to some significant time period like Xmas, Halloween, or maybe coincide with the Tetris online world championships?</li><li>Rather complicated to understand and their webpage is confusing.</li><li>2x games are harder as players get the most line clears by winning it. So although the promotion might attract more recreational players, their looser shoves might not happen as often in the 2x mutlipliers of which before they wouldn't have cared about.</li></ul><div><br /></div><div>I've tried to look around to see if the traffic for Pokerstars is higher during this period but could not find any data. It would have been interesting to compare it although this time last year was pre-pandemic and one would think that traffic should be lower. </div><div><br /></div><div>Without the numbers it's really hard to say whether this promotion gained more recreational players then usual. From my experience I don't think it did, if anything I think it brought back regulars since this promotion is good for skilled players.</div><div><br /></div><div>Overall tho, I'm happy that it did happen and it shows that Pokerstars is willing to get creative and mix things up in the space which is good to see. I look forward to their future promotions!</div><div><br /></div><div><br /></div><p></p><p><br /></p>Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-76465065452038590082021-03-16T18:55:00.005+00:002021-03-16T18:55:57.783+00:00Take a breath, slow it down<p>No doubt in Feb I was really up for the grind putting in a lot of volume and hopefully seeing the same great results. But things didn't turn out that way and got crushed.</p><p>However I did learn a few things and also allowed me to experience the potential swings of what Spins would be like.</p><p>This month I've been focusing on a few things, took a break and dropped my volume, going from 3 tables to 2. </p><p>I've been adjusting my ranges, and working on my postflop play so that its up2scratch</p><p>Week 1 going crazy on grind;</p><p></p><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1xXJUTsHy2MJ-qQ4DoDbvC8SG9sxqEJcYM7DkP-EogbJBXH-XEjPP0gq_QTt1pFoYkHkchtyuDVpuFt1rgljwq9VoX_UjTF_QxtsIXjFfisxXTASgBmgHchlEHAHP1E7hWy2H-qjcCApO/" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="439" data-original-width="497" height="353" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1xXJUTsHy2MJ-qQ4DoDbvC8SG9sxqEJcYM7DkP-EogbJBXH-XEjPP0gq_QTt1pFoYkHkchtyuDVpuFt1rgljwq9VoX_UjTF_QxtsIXjFfisxXTASgBmgHchlEHAHP1E7hWy2H-qjcCApO/w400-h353/image.png" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Redline is so bad, those are non showdown values. Meaning bluffs not getting through</td></tr></tbody></table><br />Week 2 taking a breath, dropping 3 to 2 tables<p></p><p><br /></p><p></p><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Fa_RlrvMIKaDeZn9CRkGhE4M0rRDb0yZNDCIMmO5Qju2K82anjg0QarrsRrWlERP6wipCxmHfaQnexFKkZy76aqI0nEjAQvkbkAuJM0DhexxD6RtRDGapg07V057-3_mSdZvay4_XZxz/" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="456" data-original-width="482" height="378" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Fa_RlrvMIKaDeZn9CRkGhE4M0rRDb0yZNDCIMmO5Qju2K82anjg0QarrsRrWlERP6wipCxmHfaQnexFKkZy76aqI0nEjAQvkbkAuJM0DhexxD6RtRDGapg07V057-3_mSdZvay4_XZxz/w400-h378/image.png" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Much better redline and chip ev (orange) and actual ev (green) is much better and closer</td></tr></tbody></table><br />It was important to slow down and take a breath, and take a break every now and then.<p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://media.giphy.com/media/1gXJ0MrlsUBSQPq2kV/giphy.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="375" data-original-width="500" src="https://media.giphy.com/media/1gXJ0MrlsUBSQPq2kV/giphy.gif" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div>I've also been experimenting with doing some standing up during sessions. </div><div><br /></div><div>For now I've been propping up my keyboard and mouse on small stools and switching my monitor to the top one, then standing up and playing. I have a 2 vertical monitor setup so its quite easy to do. Its been quite good to mix it up and also helps in the afternoon when you get food coma from lunch.</div><div><br /></div><div>Now I really want a standing table now where you can adjust it up and down... maybe it will be a gift for myself at the end of the month if I get a good month.</div><div><br /></div><div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirqQjypaLXXDQ09KmynNjc6Dhw68k2bUUt1EXX1cosL13RkyQx7sCHuuMMRmazTZa7LJGAU65EmM7tY_cl_DY-RcQ3n0soGjR1QSl-pyiMCe0UJPrt18_hNHDG-NyDz_kY_qzs3x4VJ5wi/" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="680" data-original-width="680" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirqQjypaLXXDQ09KmynNjc6Dhw68k2bUUt1EXX1cosL13RkyQx7sCHuuMMRmazTZa7LJGAU65EmM7tY_cl_DY-RcQ3n0soGjR1QSl-pyiMCe0UJPrt18_hNHDG-NyDz_kY_qzs3x4VJ5wi/w400-h400/image.png" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Dream desk?</td></tr></tbody></table><br /><br /></div>Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-87107391872190503972021-03-08T23:09:00.002+00:002021-03-10T01:10:17.266+00:00High Stakes Poker in 2020 is awesome<p>Its back! Actually its been back since December 2020 and I didn't realise...</p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBiNyYCRGPB0b6Xae5JOk6g4_m7g1gYIyWeLun5w1t15OfDEbVEaILBnDB_pgy-kQia9sLvIW9HAUC8zkuA74VJi6XPPLPaVMInGUyUvi0MjUxxQ71zk4S9nHWD7-5A39WiZzXKt3gWY3V/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="130" data-original-width="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBiNyYCRGPB0b6Xae5JOk6g4_m7g1gYIyWeLun5w1t15OfDEbVEaILBnDB_pgy-kQia9sLvIW9HAUC8zkuA74VJi6XPPLPaVMInGUyUvi0MjUxxQ71zk4S9nHWD7-5A39WiZzXKt3gWY3V/s16000/image.png" /></a></div><br /><p></p><p>Nearly 10 years since the last series, High Stakes Poker is literally what it says in the title. Super rich people playing poker for tens of thousands of dollars in each hand.</p><p>However its not just random people, there are famous poker players, businessmen, sports personalities and amateurs too.</p><p>Episodes have Gabe Kaplan and AJ Benza commentating on the hands, to try and guide the viewer through the situations and explaining each player's thought processes.</p><p>The game itself is rather casual with players chatting about random things and shooting the shit. Most of the time they're not even talking about poker! Which is what makes it entertaining, as its not just all about the poker.</p><p>For any poker fan of the old series, they would remember the legendary moments of the previous seasons, Tom (Durrr) Dwan being insanely lucky, Daniel Negreanu being insanely unlucky... multiple times... in multiple seasons, Mike Matusaw running is mouth and needling other players and Phil Hellmuth complaining and being teased (most of the time by Matusaw).</p><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="400" src="https://www.youtube.com/embed/vjM60lqRhPg" width="481" youtube-src-id="vjM60lqRhPg"></iframe></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">So what of this season? I'm only in a few episodes so far and right now its a spoonful on nostalgia.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">They brought back the 2 original commentators, as previous seasons only had Gabe by himself. The format has also been restored to its original version, same music, same casual music, mostly same branding. No awkward interviews on the side with a sexy lady anymore, just literally recording the action and keeping it all casual.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Didn't really like the graphics showing players and bet sizes and at first but now quite like it, and its nice that there's that added production value. Also finally they do a much better job of making the viewers know the stack sizes of each player in the hand and when there is a straddle too, which used to be quite confusing.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJN22Y_nZXNpsU_PlHYgLaAKBswx1_m4dw3AYjJwOOXJ4GosWDE2zw6VGQ4S7Fa1zmOO-MmJOM_ssIN-eGg9yGmvDfbaDsF786_GugiBB032pPDDvIfmHCk9XCaHk0q80bc5_VmwrfUC6n/" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="387" data-original-width="660" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJN22Y_nZXNpsU_PlHYgLaAKBswx1_m4dw3AYjJwOOXJ4GosWDE2zw6VGQ4S7Fa1zmOO-MmJOM_ssIN-eGg9yGmvDfbaDsF786_GugiBB032pPDDvIfmHCk9XCaHk0q80bc5_VmwrfUC6n/s16000/image.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Personalised avatars and poker information look modern!</td></tr></tbody></table><br /><br /></div><div class="separator" style="clear: both; text-align: left;">Of course not all things are same, times have moved on, and so has poker. The plays itself are agressive and you wont see a 7 way limped pot, there's plenty of raising and re-raising before you see the flop.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Bet sizings are interesting too, from the usual pot sizing to 1/2 or even 1/3 pot happening. I'm no cash game player but it seems that even the amateurs are able to understand how to extract value and they're not scared to bluff big as well.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">So far really enjoying it, I think some would be disappointed with the lack of action, but for me that's what makes it great, it doesn't feel forced and I love the casualness of the table. It not reality tv, its kinda more like a documentary. </div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Tom Dwan is much more muted compared to his previous seasons, but still a strong winner.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="355" src="https://www.youtube.com/embed/SYWJoNkB-bE" width="427" youtube-src-id="SYWJoNkB-bE"></iframe></div><br /><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Never heard of <a href="https://www.pokergo.com/" target="_blank">PokerGo</a> before but they seem to be doing a good job. Understanding their audience and keeping in mind the fans that love the old show, but also updating what needs to be updated.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">From the same channel it has created another series which is really interesting called the <a href="https://get.pokergo.com/high-stakes-duel/" rel="nofollow">High Stakes Duel</a> which is Heads Up (2 players only) cash game with 2 legendary poker players. The first season featured Antonius Esfandiari vs Phil Hellmuth, and next up is Daniel Negreanu vs Phil Hellmuth.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Hoping that High Stakes Poker will keep going on and have many other seasons to come!</div><div class="separator" style="clear: both; text-align: left;"><br /></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;"><br /></div>Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-1830640896200990442021-03-01T23:55:00.012+00:002021-03-02T17:49:52.938+00:00Forget Feb...<p> Its been a rough month not gonna lie. </p><p>No doubt I ran insanely good in Jan and I was pretty scared of the inevitable run bad. I also didn't get as many chests at all as Diamond ones take ages to get enough points, so not much extra profit from that.</p><p></p><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1OBRSMGQSyik7pNXo3fYYmhX1OgAwQKKesF9koh1LKU_NOfiXxfjOI-2smLkgMJ2_yO0yYil82ItDMIj_YyWGJAMSn0p0PaF8sWt8Mr2tQW77BL4YNVoaVeA3FcurVmLA64aa4Lx9QOk5/" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="422" data-original-width="700" height="386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1OBRSMGQSyik7pNXo3fYYmhX1OgAwQKKesF9koh1LKU_NOfiXxfjOI-2smLkgMJ2_yO0yYil82ItDMIj_YyWGJAMSn0p0PaF8sWt8Mr2tQW77BL4YNVoaVeA3FcurVmLA64aa4Lx9QOk5/w640-h386/image.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Red line indicates that my non showdown winnings are low, it did seem that players didn't fold as much to my bluffs </td></tr></tbody></table><br />Last week I had a long stretch of no chip ev as well, it happens.<div><p></p><div style="text-align: left;">Games: 2863</div><div style="text-align: left;">Hours played: 106</div><div style="text-align: left;">Total: -$1087</div><div style="text-align: left;"><br /></div><div style="text-align: left;">1sts: 35.6% <br />2nds: 34%<br />3rds: 33.2%</div><div style="text-align: left;"><br />Winning days: 9 of 27<br />Losing days: 18<br />Breakeven days: 0</div><div style="text-align: left;"><br />Multipliers above 5x won: <br />25x: 1/2<br />10x: 8/20</div><div style="text-align: left;"><br />Rakeback (Diamond chest)<br />$50 in starcoins</div><div style="text-align: left;"><br />Final total: -$1037<br />Chip EV: A terrible 38</div><div style="text-align: left;"><br /></div><div style="text-align: left;">To me, this seemed like it was mostly about the tale of two different 5x multiplier EVs;</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_fvvT8fB4aIlhlG3NvwS9jQyEqE2D0mcK0Bl0DQrU_SPVCRfcIalQtwdUL8Jf1Cuq28N4BGAMRBe54fxthsPm0RD7FwF3BOKg_1waRXEimajtjAwwWKP1fRXb_3pLGTyKeylITxCgybof/" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="436" data-original-width="615" height="454" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_fvvT8fB4aIlhlG3NvwS9jQyEqE2D0mcK0Bl0DQrU_SPVCRfcIalQtwdUL8Jf1Cuq28N4BGAMRBe54fxthsPm0RD7FwF3BOKg_1waRXEimajtjAwwWKP1fRXb_3pLGTyKeylITxCgybof/w640-h454/image.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">February's 243 5x multipliers EV graph </td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguk5P_JHOflWesvHeU61MsGl9UUmgJEidM099yNy3h2ccrYuc1mlglrt742wMacUssnB0WEIqbUGepOaltTmnfO6G-Opy5uTRE-5dxgI_3X4f59n_v21qPxAa0dh2TEqXSKXrgPnEHUAFt/" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="435" data-original-width="617" height="452" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguk5P_JHOflWesvHeU61MsGl9UUmgJEidM099yNy3h2ccrYuc1mlglrt742wMacUssnB0WEIqbUGepOaltTmnfO6G-Opy5uTRE-5dxgI_3X4f59n_v21qPxAa0dh2TEqXSKXrgPnEHUAFt/w640-h452/image.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">January's 191 5x multiplier EV graph</td></tr></tbody></table><br />The 5x multipliers are pretty important in Spins, as they help you climb upwards in your sessions. Of course it is possible to do that without them, but with the 2x's being only a double buy in, it makes it very difficult because your winrate would need to be over 45%+ consistently. There's no doubt that there are things I need to improve on but with this high variance system you are at the mercy of how the cards fall, especially heads up.</div><div style="text-align: left;"> </div><div style="text-align: left;">Interesting how many more 5x's I got this month compared to last month, however I did get one less 25x so feels like that kinda balances it out. Just didn't work out due to the bad run tho.</div><div style="text-align: left;"><br /></div><div style="text-align: left;">I managed to ship 8 out of 20 10x's tho which is pretty good! Seems like I have a better winrate in those then the 5x's.</div><p style="text-align: left;">I was very close last month to take a shot at the $25s actually, but I wanted a bigger buffer since the jump is quite large from the previous stake. Would have been interesting to see what could have happened but in a way this has helped prepare myself mentally and bankroll-wise for what a long stretch of variance is like... and its not fun.</p><p>I'm sure there are aspects of my game needs improving and its likely a lot of regs have adjusted to some of my plays. Hopefully March will turn it around.</p></div>Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-72581966212874398982021-02-23T00:19:00.005+00:002021-02-23T12:39:42.157+00:00Pokerstars Tetris Spin and Go's Explained!So last week Pokerstars released their promotion Tetris Spin and Go's combining the much loved block falling puzzle game with their lottery Sit n' Go's.<div><br /></div><div>Despite their attempts at <a href="https://www.pokerstars.uk/poker/promotions/tetris-spin-go" target="_blank">explaining</a> how it works, I feel that their attempt was quite insuffiencent and so I'm going to explain it better here.</div><div><br /></div><div>To start the challenge go to the Spin and Go lobby, pick the stake you want to play and click join. For each different buy in of Spin there are different leaderboards so you will have to join them seperately to enter each one. Once you've clicked join then you will be entered in the challenege each day without needing to join again.</div><div><br /><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKZqyac1BYfQQ31gSl2qtA2CjqovoFcWsJqIco7lrJ6kfbbKsEt2yTOskcttU_aLBK8pYLY4JUvjxXOEMlBgICeqhpvbsLRa5c8fqlcSQeByETpct2Ihofwv1zxLZS_HBEOPh4gHn_A7el/" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="687" data-original-width="1298" height="338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKZqyac1BYfQQ31gSl2qtA2CjqovoFcWsJqIco7lrJ6kfbbKsEt2yTOskcttU_aLBK8pYLY4JUvjxXOEMlBgICeqhpvbsLRa5c8fqlcSQeByETpct2Ihofwv1zxLZS_HBEOPh4gHn_A7el/w640-h338/1edec14c73b86e12491a026941ad2163.png" width="640" /></a></div><br /><br /></div></div><div>As far as I know, the first games you play each day will count towards the challenge.</div><div><br /></div><div>Start up a Spin and Go to start!</div><div><br /></div><div>When the Spin and Go loads up you will see a banner which tells you how many line clears you will get for winning it.</div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnEsUgB51NYoYl7Xxv8OSLh1D-aPQfLn2-o4u8y8LbMcL3ERlaSbyFj0ZGkQ6DQpel09wAM8cM0lvJxj1cRXhyphenhyphen_YzVw4uQ05sYj9ysy7AD4A5sL-0FqWvA81ne77BoS-rIIXpmsn-wHNIX/" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="352" data-original-width="516" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnEsUgB51NYoYl7Xxv8OSLh1D-aPQfLn2-o4u8y8LbMcL3ERlaSbyFj0ZGkQ6DQpel09wAM8cM0lvJxj1cRXhyphenhyphen_YzVw4uQ05sYj9ysy7AD4A5sL-0FqWvA81ne77BoS-rIIXpmsn-wHNIX/w400-h272/50c40d898844d81623b668dfecd9d01a.png" width="400" /></a></div><br /><br /></div>So winning this Spin will earn you 4 line clears. <br /><br /></div><div>Line clears are the lines in Tetris that disappear so the more you have the higher your level will go, and the higher your score will be. Your level goes up every 5 lines clears. You accumulate more points for being at higher levels.</div><div><br /></div><div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxNsauhD_994pJ-6grbPEkRBtnmXWnfUrLE1L3QFDOmIsZPCUZiX9tpfceTl5-u5JHEwWW6pelLcWm9VsMTPtOUeiWDAxwerFL3iIO5dgGkDoVKJ-tn-yhkL_gRwiQWW2KFqOTBaHIgK_D/" style="margin-left: auto; margin-right: auto;"><img data-original-height="513" data-original-width="707" height="464" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxNsauhD_994pJ-6grbPEkRBtnmXWnfUrLE1L3QFDOmIsZPCUZiX9tpfceTl5-u5JHEwWW6pelLcWm9VsMTPtOUeiWDAxwerFL3iIO5dgGkDoVKJ-tn-yhkL_gRwiQWW2KFqOTBaHIgK_D/w640-h464/ef4b3a10af216f6626dde8f9df1b7d4f.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Example of what the Tetris board looks like</td></tr></tbody></table><br />You can view the Tetris board as a new tab on the bottom left of the game, where the chat and game info are. Here you can see your level, lines and current score. </div><div><br /></div><div>As far as I know, the board is just a graphical representation of your board, it doesn't actually drop Tetrimanoes like the game.</div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJD6dI84AroYrLXxjxTMnzwA8FnEBY2q2qRSGsXVCme2vz0yt28_Bmr9IL1BDx9r1gAs7yabWFjcSOuSLwyOgAUsd3iSoejh4Gi0if8YHTKL59pJi5C6C8WgDqR0CmitA97eT4Igib_rwA/" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="383" data-original-width="479" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJD6dI84AroYrLXxjxTMnzwA8FnEBY2q2qRSGsXVCme2vz0yt28_Bmr9IL1BDx9r1gAs7yabWFjcSOuSLwyOgAUsd3iSoejh4Gi0if8YHTKL59pJi5C6C8WgDqR0CmitA97eT4Igib_rwA/w400-h320/488590d6da435d2535f1aa027c66119f.png" width="400" /></a></div><br />The lobby will also show the same board, but I've found that it doesn't update as quickly. Usually the most newly opened Spin should show the most current board.</div><div><br /></div><div>I prefer the minimal theme but otherwise the table looks pretty cool with Tetriminoes moving around in the background;</div><div><br /></div><div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6HoKO9CcXxXu0SVJaQfzxxrc0R70D6MybURF-YJtDMySCqW9geWXQ-TuhKx92g6hT9_mSvnOygLmn3Uzk6GjVH9wFNojjw5bFSnqRVWzxeXRXGDbyhUESLm1983ivTPKk0oMv89CMmF1Z/" style="margin-left: auto; margin-right: auto;"><img data-original-height="514" data-original-width="702" height="468" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6HoKO9CcXxXu0SVJaQfzxxrc0R70D6MybURF-YJtDMySCqW9geWXQ-TuhKx92g6hT9_mSvnOygLmn3Uzk6GjVH9wFNojjw5bFSnqRVWzxeXRXGDbyhUESLm1983ivTPKk0oMv89CMmF1Z/w640-h468/tetris+themed+graphics.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">This theme can be disabled via the "Table" dropdown on the top left corner where you can click the "Disable Optional Graphics" setting </td></tr></tbody></table><br />Depending on the multiplier and finish position you will get a certain number of line clears.</div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaMWIwUtoqyPr5E9nil_HVxmBq0w5MhXWzghg0etRYrwSbOA1U639jStrHUjUzXUsOe879ozzLSXne-hXqn9KSuh8W3p9N82Ms-YXXm3qYv-2eTOUF0MGhHDmJYGkVbm0QXkpf_z3OKJgo/" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="304" data-original-width="779" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaMWIwUtoqyPr5E9nil_HVxmBq0w5MhXWzghg0etRYrwSbOA1U639jStrHUjUzXUsOe879ozzLSXne-hXqn9KSuh8W3p9N82Ms-YXXm3qYv-2eTOUF0MGhHDmJYGkVbm0QXkpf_z3OKJgo/w640-h250/image.png" width="640" /></a></div><div><br /></div><div>The score is calculated after each spin and it goes as follows;</div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_-m-qpXcnXlD56MYcvrVlpl7SHZVHjbLOjYP6VdSMiW7r59HAlhO1K37wxev6y_jRk3jUXQkn5p7vk8zAP35kRLwd5gEKZ_BrGBJtdGv8_klmSFcH95mYytC1x_3c5PnDBtBlLfh_nJf5/" style="margin-left: 1em; margin-right: 1em;"><img data-original-height="468" data-original-width="769" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_-m-qpXcnXlD56MYcvrVlpl7SHZVHjbLOjYP6VdSMiW7r59HAlhO1K37wxev6y_jRk3jUXQkn5p7vk8zAP35kRLwd5gEKZ_BrGBJtdGv8_klmSFcH95mYytC1x_3c5PnDBtBlLfh_nJf5/w640-h390/image.png" width="640" /></a></div></div><div><br /></div>The board will show its status of how filled up it is. There are 3 statuses, green, amber and red. Above it shows the green state. The more your board fills up, the higher the status it goes. Once it goes past red it is Game Over and the challenge ends.</div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyr2MM2HO_9zZogBRSj_FjF9xSvu2WB_KUUcueIPVcVW2YvLojvsPWCoE8d6FpqH7XkJfTHZkuUUxRPlMUpZH-Gke9vFbsxfck4LscngJmL4KAQuKvzai0QCox-xbqDLkpB50XkJhRkqY8/" style="margin-left: auto; margin-right: auto;"><img data-original-height="92" data-original-width="321" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyr2MM2HO_9zZogBRSj_FjF9xSvu2WB_KUUcueIPVcVW2YvLojvsPWCoE8d6FpqH7XkJfTHZkuUUxRPlMUpZH-Gke9vFbsxfck4LscngJmL4KAQuKvzai0QCox-xbqDLkpB50XkJhRkqY8/w400-h115/amber.png" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Example of Amber board status</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJY74TzUKfWdiRNzI6mQUsOUCujMn4TMgAIvx-_gheh4u2K8uM6XSoS0BuUZuwHCDNpb7DAiSSihKtiQwuc96n5POI1blsVMWjcebao0iDDrmhe_aKIKsdn1V8k3Q2ygB4-hMsSZWSuysQ/" style="margin-left: auto; margin-right: auto;"><img data-original-height="94" data-original-width="319" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJY74TzUKfWdiRNzI6mQUsOUCujMn4TMgAIvx-_gheh4u2K8uM6XSoS0BuUZuwHCDNpb7DAiSSihKtiQwuc96n5POI1blsVMWjcebao0iDDrmhe_aKIKsdn1V8k3Q2ygB4-hMsSZWSuysQ/w400-h118/red.png" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Red board status, nearly Game Over!</td></tr></tbody></table></div></div><div><br /></div><div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN49-ORH5py8CEx1ke1LYZRBFTiuykPGRUI1Uy416j8rjWfOvFdXLm53a0YqIoeTmvjcmIUtQ0FV8FYn-2duacDNold4XRwpMqIwXgzEok3x5elM821570o1a2pTgEzV25Sp16EXuMqurV/" style="margin-left: auto; margin-right: auto;"><img data-original-height="96" data-original-width="329" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN49-ORH5py8CEx1ke1LYZRBFTiuykPGRUI1Uy416j8rjWfOvFdXLm53a0YqIoeTmvjcmIUtQ0FV8FYn-2duacDNold4XRwpMqIwXgzEok3x5elM821570o1a2pTgEzV25Sp16EXuMqurV/w400-h116/image.png" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">What the board shows once the challenge is over</td></tr></tbody></table><br />Depending on the finish and multiplier, the board state will change accordingly;<br /><br /></div><div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpL3SvBId_o1UMmwayb-ts5SEkGAzduSF24GI7_jnmg0502bx6q3rWzyghDlT_eaTgitDBsePzSS2-ISuhJe1qH6mqY3b5oI8KotvB1vD18tfyHUwn1GTD1XxsiXHYt71QIHxIxOAOKKep/" style="margin-left: auto; margin-right: auto;"><img data-original-height="406" data-original-width="776" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpL3SvBId_o1UMmwayb-ts5SEkGAzduSF24GI7_jnmg0502bx6q3rWzyghDlT_eaTgitDBsePzSS2-ISuhJe1qH6mqY3b5oI8KotvB1vD18tfyHUwn1GTD1XxsiXHYt71QIHxIxOAOKKep/w640-h334/image.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Table showing how the status changes depending on your level</td></tr></tbody></table><br />As you can see, the higher the level the harder it becomes to improve the board status meaning that you will Game Over much more quicker, meaning fewer bad placements can end the challenge.<br /><br /></div><div>The leaderboard tab will show your current standings in the challenge.</div><div><br /></div><div>From my experience for the $10 stake, 100k+ points should land you in the top 50 for $50.</div><div><br /></div><div>I managed to a top 10 finish already which was great, I absolutely ran like god winning every flip and then demolished my opponents heads up with double stacks. </div><div><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpBvoporNGX3Woi49KXxX8uRR-MMZSwc6HlvRrwOlF6mxhyWqOuwblyFAjhPnjPK_Ww5woSlILhNfq_qqoABhrYgvC1jNeF0bsiYRv8vOHGvrg0y-iczyuZVqapypmgaonh4BVMItda-g3/" style="margin-left: auto; margin-right: auto;"><img data-original-height="682" data-original-width="849" height="514" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpBvoporNGX3Woi49KXxX8uRR-MMZSwc6HlvRrwOlF6mxhyWqOuwblyFAjhPnjPK_Ww5woSlILhNfq_qqoABhrYgvC1jNeF0bsiYRv8vOHGvrg0y-iczyuZVqapypmgaonh4BVMItda-g3/w640-h514/3ba9f8411146f064210753c23e4d679e.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Getting this score took about 30 Spins. A colleague created a simulation and it showed that it</td></tr></tbody></table><br /></div><div>16 hours later, I came top 30th if I recall correctly for $50 which was nice.</div><div><br /></div><div><div>The interesting dynamic that this promotion brings is that it gives more meaning to the 2x multipliers, which tend to be softer then the higher ones due to the fact that you can win more. So in theory, this should make the games harder as players will be tryharding more then usual in those games.</div><div><br /></div><div>However this should bring more recreational players to the games, but from my one week's experience this hasn't seemed to be the case for me, it seems the same. This might be due to the lack of proper marketing for this promotion.</div></div><div><br /></div><div>This strange video was the only main thing I found to promote this, and it doesn't really seem that related to Tetris at all apart from the number 4.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="391" src="https://www.youtube.com/embed/RU7HuMXJvhI" width="471" youtube-src-id="RU7HuMXJvhI"></iframe></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div><br /></div><div>This promotion will last until the end of March, so check it out!</div>Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-82600373804109662972021-02-15T19:43:00.002+00:002021-02-16T10:33:34.340+00:00Paying back the EV<p> It was bound to happen, I've been paying back the run good that I had in Jan...</p><p><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvpdaYsZFvDDVOng9l59TyTm6AIiStFJVJiCEhqFpKiaU2GkdGIN7Ikz3Ut7jvUzxfR85ksIIgYGNzd3u1TAJGfWEC_BgXuFCrYuZWaExszYLPYkyuC8ykmTJVFqUiqr0BZibhSRzwI-BZ/" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="437" data-original-width="771" height="362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvpdaYsZFvDDVOng9l59TyTm6AIiStFJVJiCEhqFpKiaU2GkdGIN7Ikz3Ut7jvUzxfR85ksIIgYGNzd3u1TAJGfWEC_BgXuFCrYuZWaExszYLPYkyuC8ykmTJVFqUiqr0BZibhSRzwI-BZ/w640-h362/image.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Last week I was 74 buy ins below what I was expected to lose</td></tr></tbody></table><br />It can be soul crushing to happen but it is an inevitability. According to this <a href="https://www.pokerstrategy.com/news/content/How-much-variance-is-there-in-Spin-Go-_104696/" target="_blank">post</a>, using a Spin and Go simulator running 10k games and a player with a 36% winrate (my Jan was 39%), 40% of players had a low point of losing 63 buy ins, 20% was down 111 buy ins!</p><p>The tough thing is to keep playing, keep hitting the tables every day and when things are going bad its hard to find the movitation. All you can do is keep studying and keep playing. You can take a break, which is what I used to do, but if you don't play you don't get paid!</p><p>Another persepective is that variance keeps you grounded, and I've been studying more and looking for ways to improve my game. I think I'm out of it now (touch wood) and gonna try and get back on track.</p><p>This morning I saw some tables with "Line clears" on them which was strange but apparently there's a new somewhat random promition combining Tetris with Spin and Go's.</p><p><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihJ-0h5yh1iJG4MnIhpEAHPNkctvTo_njDvtjmjOcLXHB9RkhQXz-OIPBieZ26WLAX4KcsUJQdRgdZL5WbIRNqZStcNM_QyicB1M8JpnEohnNtbex1xK7O8A1M-lGvfbZT-QRyKfbksdmN/" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="300" data-original-width="556" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihJ-0h5yh1iJG4MnIhpEAHPNkctvTo_njDvtjmjOcLXHB9RkhQXz-OIPBieZ26WLAX4KcsUJQdRgdZL5WbIRNqZStcNM_QyicB1M8JpnEohnNtbex1xK7O8A1M-lGvfbZT-QRyKfbksdmN/w640-h346/1421424.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Why is there a random guy there? Couldn't they have designed this better?</td></tr></tbody></table><br /></p><p><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr8pxgBR05m-fUeaUpA3BgYZ0w5KNMdRDCl9ce580eLPTU99l2Vz6SJxJwF5PHhViDbWm4XqOKBwRoolMty-OYmPPOMAOEcOcrP6Q-EY9NT-QJYmqVdAQaQc05pZNW-vVIy-29NnYceDru/" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="403" data-original-width="430" height="375" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr8pxgBR05m-fUeaUpA3BgYZ0w5KNMdRDCl9ce580eLPTU99l2Vz6SJxJwF5PHhViDbWm4XqOKBwRoolMty-OYmPPOMAOEcOcrP6Q-EY9NT-QJYmqVdAQaQc05pZNW-vVIy-29NnYceDru/w400-h375/image.png" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">New Spin lobby look!</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirL5GPXytXyed4o_pJmVils9evaF41OpS7cz3-bzOiuAFGsdMKYLZLroAM-KWopPocv2oKVOpzHAdlWGMdKaZfbB0RSnUyDNGMnkrKe6FKKK3yz3hW26tolvkJfpXelHG2ihDJMyeiVjo8/" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="194" data-original-width="332" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirL5GPXytXyed4o_pJmVils9evaF41OpS7cz3-bzOiuAFGsdMKYLZLroAM-KWopPocv2oKVOpzHAdlWGMdKaZfbB0RSnUyDNGMnkrKe6FKKK3yz3hW26tolvkJfpXelHG2ihDJMyeiVjo8/" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">You get this "board" whilst doing the Tetris leaderboard challenge</td></tr></tbody></table><br />Anyways, this thing seems brand new and is a bit buggy (leaderboards got taken down for a while). The instructions are confusing as hell you can try and translate it;</p><p><a href="https://www.pokerstars.uk/poker/promotions/tetris-spin-go">https://www.pokerstars.uk/poker/promotions/tetris-spin-go</a></p><p>Will keep an eye on this promotion and probs blog about it next week. Seems strange how Pokerstars didn't really promote this much at all, what's going on with their marketing??</p>Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-49221908386286647492021-02-09T00:02:00.000+00:002021-02-09T00:02:29.662+00:00King of Spin and Go 10 Challenge!<p>Pokerstars has a <a href="https://www.pokerstars.uk/poker/promotions/spin-and-go-10-leader-boards/" target="_blank">daily challenge</a> for Spin and Go's where you can win money if you make the leaderboard you can win money.</p><p>The way it works is you play 10 Spins and for each multiplier type you get that many points and you will get another amount of that multiplier if you win that particular Spin. You can choose when to start the challenge but after that the next 10 Spins is what counts.</p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9booMCcbwO09Xe88U6EXBe74_GBr7caUjy610zFMoA1CpZC-lGwlZt_AN67sL6QVuCTDB5Vtg0n9ZB4Gr2DybvQvE0_729DiLdEb0GfPgn_ustqIvqPLlOp0bGgzhSRzpYEWSWY-cWdOZ/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="884" data-original-width="780" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9booMCcbwO09Xe88U6EXBe74_GBr7caUjy610zFMoA1CpZC-lGwlZt_AN67sL6QVuCTDB5Vtg0n9ZB4Gr2DybvQvE0_729DiLdEb0GfPgn_ustqIvqPLlOp0bGgzhSRzpYEWSWY-cWdOZ/w565-h640/image.png" width="565" /></a></div><p></p><p><b>For example</b>;</p><p>You start the challenge and get 10x multiplier and win it. 10x multi = 10pts, winning it = 10pts, total is 20pts.</p><p>The points are capped at 20pts per game though.</p><p>The best strategy is to start the challenge just as your about to win a 10x. It only starts counting once the game closes, so if you can remember to start it then you guarentee 30pts immediately.</p><p>55pts should guarentee a prize which is top 50 at the $5/10 level.</p><p>Looks like 48pts should get top 50 at the $25 level.</p><p>Last week I managed to get top prize after winning two 10x's which came up in my challenge. When I saw the first 10x I started the challenge, then another one popped up!</p><p>Was given quite the gift in the 2nd one as what I thought was a good reg decided to rejam his 43 into my TT for some weird reason.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgEt16GHttLJpSBdLsL00eW0SjgBgFMd7Vj8aCK0rUtEZkyxDMKC039Gs6EjR6PMX-AvwMVa2VCoz48ktgv9e5_n2c7CLtJ81tPkGwuqJi6qXovTXTYgJV8yZwju5FW6GehAqc4WmaCTPA/s800/146951164_245949326993688_4794990092946450151_n.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="659" data-original-width="800" height="528" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgEt16GHttLJpSBdLsL00eW0SjgBgFMd7Vj8aCK0rUtEZkyxDMKC039Gs6EjR6PMX-AvwMVa2VCoz48ktgv9e5_n2c7CLtJ81tPkGwuqJi6qXovTXTYgJV8yZwju5FW6GehAqc4WmaCTPA/w640-h528/146951164_245949326993688_4794990092946450151_n.png" width="640" /></a></div><br /><p>The next few games were a good number of 5x's and 3x's and I shipped some of them too to finish with 75pts!</p><p>It's a weird system honestly, but I guess Pokerstars wants the recreational players to have a chance at it too, if they manage to win a multiplier then they could be on the leaderboard as well.</p><p>I had previously made the leaderboard twice, so it has been quite a bit of bonus money to add to my bankroll. </p><p>Things are going well with the overall grind, my plan is to get abour 150 buy ins before moving up to the $25 stakes, it will be quite an adjustment to get used to the bigger swings moving from $10s to 2.5x that amount so I want to have a decent buffer.</p>Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-8348360099290284712021-01-31T20:00:00.005+00:002021-02-08T00:36:26.038+00:00Spin and Go'ing during a global pandemic<div>Hello 2021, and I'm back!</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://media.giphy.com/media/9G3xfgYOq0sA82Y2Yu/giphy.gif" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="360" data-original-width="480" src="https://media.giphy.com/media/9G3xfgYOq0sA82Y2Yu/giphy.gif" /></a></div><br /><div><br /></div><div><br /></div><div>I decided to move back home last month and work on my pokerings again after a long hiatus. The past 3-4 years I have been life skilling it up learning coding and working in that industry. Whilst there, I started playing again pretty casually about 6 months ago.</div><div><br /></div><div>This month I had been working on adjusting a few things in my game and doing more studying. Last year's results have been poor and things really turned around this month. Surely its gonna be hard for 2021 to be worse than 2020 right?</div><div><br /></div><h3 style="text-align: left;"><u>60 Chip EV in Numbers</u></h3><div><u><br /></u></div><div>One of the frustrating things from researching Spin and Go's was to actually get some real numbers in relation to Chip EV. I am aware of SwongSim which is a Spin and Go simulator which gives you a good idea of the types of variance one might get. For more information I found this <a href="https://www.pokerstrategy.com/news/content/How-much-variance-is-there-in-Spin-Go-_104696/" target="_blank">post</a> helpful, as well as this <a href="https://www.pokerstrategy.com/video/45404/" target="_blank">video</a> by Coffeeyay. So here's some real numbers...</div><div><br /></div><div>I spent the first 9 days playing $5 spins building the roll, before taking a shot at the $10s. This was my 2nd shot and it went much, much better then the first time. One thing to keep in mind moving up was that the biggest daily downswing I had at $5s was 16 buy ins, so it was important to mentally prepare for that.</div><div><br /></div><div>I managed to play just shy of 3k games in total this month.</div><div><br /></div><div>815 x $5 Spins (7% rake) @46 chip ev</div><div>2163 x $10 Spins (8% rake) @66 chip ev</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRAwyx4drzoouzbu8SCjsBfHjJz9Z7_YoTz85dO8a8o5NIVMYyJ6tETUmiAbMmvs3Slw-4vOVscOicHpjcNrty3MEUPEgBc61V8vnBO64fJXhlYK4QUyo5-nGDEPE4ZdMtxBPoZvzHSjO0/s1181/chip+ev.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="62" data-original-width="1181" height="34" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRAwyx4drzoouzbu8SCjsBfHjJz9Z7_YoTz85dO8a8o5NIVMYyJ6tETUmiAbMmvs3Slw-4vOVscOicHpjcNrty3MEUPEgBc61V8vnBO64fJXhlYK4QUyo5-nGDEPE4ZdMtxBPoZvzHSjO0/w640-h34/chip+ev.png" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFL72KGxOxp8dSkh2aLHz_77DMnbRisFQPWoLeE5Enud5WMuhirt4_C5iYlstvURV98CxTlI-Amw-d1mBc2cSUQmAFO0SohrQvRdu1Lr91NpJ2JdAPI-CT9aEpUbUPfFVCyHk3cU-wJB5g/s801/rungood.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="533" data-original-width="801" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFL72KGxOxp8dSkh2aLHz_77DMnbRisFQPWoLeE5Enud5WMuhirt4_C5iYlstvURV98CxTlI-Amw-d1mBc2cSUQmAFO0SohrQvRdu1Lr91NpJ2JdAPI-CT9aEpUbUPfFVCyHk3cU-wJB5g/w640-h426/rungood.png" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div>Hours played: 114</div><div>Total: $1650</div><div><br /></div>1sts: 38.9% (HEM3 Says 39.3% not sure why)<div>2nds: 31%</div><div>3rds: 29.8%<br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div>Winning days: 23 of 30</div><div>Losing days: 6</div><div>Breakeven days: 1</div><div><br /></div><div>Winning day streak: 11</div><div>Biggest winning day: 45 buy ins</div><div>Biggest downswing day: 14 buy ins</div><div>Highest ITM day: 50.4% over 113 games</div><div>Lowest ITM day: 23% over 65 games</div><div>Biggest Chip EV day: 170 chip ev over 96 games (16k)</div><div><br /></div><div><div>Spin Challenge leaderboard cashes: Top 5 twice $37.50 each</div></div><div><br /></div><div>Multipliers above 5x's: </div><div style="text-align: left;"><ul style="text-align: left;"><li>3 x 25x</li><li>8 x 10x</li></ul></div><div>Rakeback (Diamond chest): $700</div><div><ul style="text-align: left;"><li>$325 in starcoins</li><li>15 x Free $5 Spin Tickets winnings: $125</li><li>$250 cash prize wow</li></ul><div style="text-align: left;"><br /></div></div><div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJDIIErElMnR4uUz6wxz9SscsOqpjOT7fR1Tf6t5W6bz4Z83zO8KPSq_E8VjDcFTmmHLMF5zNVsdWmi5U8z0_3I2ymstLJZ5r9ebrd43x79-_FT3HGAIOrXbM6B5WITRKDwiPw0ycARwz5/" style="margin-left: auto; margin-right: auto;"><img alt="" data-original-height="477" data-original-width="765" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJDIIErElMnR4uUz6wxz9SscsOqpjOT7fR1Tf6t5W6bz4Z83zO8KPSq_E8VjDcFTmmHLMF5zNVsdWmi5U8z0_3I2ymstLJZ5r9ebrd43x79-_FT3HGAIOrXbM6B5WITRKDwiPw0ycARwz5/w400-h250/image.png" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Max diamond chest gift on my last session of the month!</td></tr></tbody></table><br />Final total: $2425<br /><br /></div><div>Soooo yeah I ran pretty good lol. Not that I didn't work hard at it, I've been studying a lot of spots and also been using <a href="https://www.icmpoker.com/en/purchase/" target="_blank">ICMizer</a> daily to make sure I'm not missing end game heads up shoving.</div><div><br /></div><div>These changes to my game have for sure changed my non showdown winnings, which is debateable in the Spin community as to whether it makes a difference or not. Either way, I do believe that getting these extra folds leads to a bigger stack, which in turn should give you the lead more often then not.</div><div><br /></div><div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73wmv2Qdjc-9UbTxJTPAP190bAFo5Cra3-0xJSlZbOvHHVL7h4p9Qv-H1TYLVQ1efZ7PSv40MXdgqJMezT-tq4iZCleotJ9KdQmUKqH9K6cZAS6ibqL1lYZDTBQolWar3v_lfpl8DUSDt/s690/stats.png" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="429" data-original-width="690" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73wmv2Qdjc-9UbTxJTPAP190bAFo5Cra3-0xJSlZbOvHHVL7h4p9Qv-H1TYLVQ1efZ7PSv40MXdgqJMezT-tq4iZCleotJ9KdQmUKqH9K6cZAS6ibqL1lYZDTBQolWar3v_lfpl8DUSDt/s320/stats.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">This month's Chip EV</td></tr></tbody></table><br /></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR1N2koKM8KADklPITiKL_6LYR9QGko4cQc53_1xBepnIt7lv21NnYmYW9j1MebuUGMUXDM3BZ-tn-nKGEG58uDQpvXTXJPgewBbflkRL18tPKC0CLimAEqln5aONu_oI3g_frRJT18P4L/s510/stats2.png" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="388" data-original-width="510" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR1N2koKM8KADklPITiKL_6LYR9QGko4cQc53_1xBepnIt7lv21NnYmYW9j1MebuUGMUXDM3BZ-tn-nKGEG58uDQpvXTXJPgewBbflkRL18tPKC0CLimAEqln5aONu_oI3g_frRJT18P4L/s320/stats2.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Terrible 2020 6k game sample </td></tr></tbody></table><br />3k games is a small sample, but hopefully things can continue. I'm aware that I ran good, and am pretty scared for when that variance happens. Would really like to reach the $25 stakes.<br /><div><br /></div><div>I hope that this post will help others see what kind of variance and money to expect. Money will be completely dependent on the frequency of high multipliers you get and ship though, so its always best to look at the Spin God stat CHIP EV to get an idea of how well your playing.</div><div><br /></div><div>Happy grindin' peeps, have a great Feb and for the love of God let this pandemic end soon...</div><p></p></div>Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-6787820060126964142021-01-26T00:39:00.007+00:002021-01-26T00:42:58.393+00:00The P-Log is back for 2021?<p> I'm back! Poker is too... posts to follow soon...</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsFiJVo_wfZxHGDooYu6KOjj6S1sh6CID8ObxmXjuQsyOxlqVGEszMDGDJaIqo4kPwef9yPmODLZGIm7kpMgw903LlstQtCttGGLzzgxOCEVM_uuBOBI5TXPFCZoE9jidKHTvXTgWu16Lt/s700/keep-calm-and-watch-this-space-5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="700" data-original-width="600" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsFiJVo_wfZxHGDooYu6KOjj6S1sh6CID8ObxmXjuQsyOxlqVGEszMDGDJaIqo4kPwef9yPmODLZGIm7kpMgw903LlstQtCttGGLzzgxOCEVM_uuBOBI5TXPFCZoE9jidKHTvXTgWu16Lt/s320/keep-calm-and-watch-this-space-5.png" /></a></div><br /><p><br /></p>Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com1tag:blogger.com,1999:blog-3712117993865325094.post-27518177407723144242018-09-02T11:43:00.004+01:002018-09-02T11:44:28.825+01:00Moved to Medium!This blog has been moved to Medium, please check it out and give me a follow!<br />
<br />
<a href="https://medium.com/@pyan">https://medium.com/@pyan</a><br />
<br />
Cheers!Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-51518950608931548062018-07-18T09:59:00.000+01:002018-07-18T09:59:25.005+01:00Reacting to React.js<h3 class="graf graf--h3" name="51e6">
Reacting to React.js</h3>
<div>
<br /></div>
<div class="graf graf--p" name="6e5f">
Literally a month ago there was excitement in the Vue.js community that Vue.js got more stars than React.js on github. Stars like Hollywood stars? Really, no lol, but maybe metaphorically… or philosophically?<br />
<br /></div>
<div class="graf graf--p" name="a7a6">
Github stars is a way for developers to effectively bookmark that page so that they can refer to it later on. What does this mean? That Vue’s popularity has surpassed React, a symbolic handing over of the frontend baton, if you will.</div>
<br />
<br />
<br />
<figure class="graf graf--figure" name="fb87"><img class="graf-image" data-height="310" data-image-id="1*dpMrT3c6kmFmaov9hS8E-g.png" data-width="322" height="307" src="https://cdn-images-1.medium.com/max/800/1*dpMrT3c6kmFmaov9hS8E-g.png" width="320" /><figcaption class="imageCaption">As of 16th July!</figcaption></figure><br />
<div class="graf graf--p" name="73a9">
So everyone is using Vue.js and its more popular then React? Well no, stars don’t mean usage, but we can look at npm downloads which is what is used to install these and see that Vue is still pretty far behind;</div>
<br />
<br />
<br />
<figure class="graf graf--figure" name="6b16"><img class="graf-image" data-height="758" data-image-id="1*FfLsGC7YjYe4ZJMmJjoapg.png" data-width="1150" height="262" src="https://cdn-images-1.medium.com/max/800/1*FfLsGC7YjYe4ZJMmJjoapg.png" width="400" /><figcaption class="imageCaption">stats via <a class="markup--anchor markup--figure-anchor" data-href="http://www.npmtrends.com/react-vs-vue" href="http://www.npmtrends.com/react-vs-vue" rel="nofollow noopener noopener" target="_blank">http://www.npmtrends.com/react-vs-vue</a></figcaption></figure><br />
<div class="graf graf--p" name="b40b">
With technologies being used all the time, businesses have to decide whether it is worth their time and therefore money to upgrade to more newer ones. Trends may be all the hype, but there needs to be a pretty big reaseon to need to switch to a better technology rather then continue with their current one.<br />
<br /></div>
<div class="graf graf--p" name="3189">
Meaning that all businesses that use React may see the advantages of using Vue, but it just isn’t worth the change and carrying on with what they have will suffice.</div>
<div class="graf graf--p" name="54e8">
I thought that it would be a good idea to expand my skillset by checking out React in more detail, and see what differences it had to Vue. This is what I discovered… explained in very simple terms.<br />
<br /></div>
<h3 class="graf graf--h3" name="d768">
Setup — Create React App</h3>
<div>
<br /></div>
<div class="graf graf--p" name="ae23">
One of the more frustrating things with learning React when starting out was using outdated tutorials. One of the biggest skillsets of developers is being able to solve problems by finding solutions online. But its also important to be aware of the age of these solutions. Quite a few tutorials were out there, but they are outdated and can lead you down a rabbit hole before realising.<br />
<br /></div>
<div class="graf graf--p" name="41de">
Facebook’s repo <code class="markup--code markup--p-code"><a class="markup--anchor markup--p-anchor" data-href="https://github.com/facebook/create-react-app" href="https://github.com/facebook/create-react-app" rel="noopener" target="_blank">create-react-app</a></code> is the best way to start. Its minimal configuration, fully templated starter kit to get you going straight away. I’m all for simple and hassle free, so this is brilliant.</div>
<div class="graf graf--p" name="41de">
<br /></div>
<pre class="graf graf--pre" name="8712">npx create-react-app [project name]
cd [project name]
npm install
npm start</pre>
<pre class="graf graf--pre" name="8712"></pre>
<pre class="graf graf--pre" name="8712"></pre>
<div class="graf graf--p" name="82d8">
Four simple terminal commands to get you going!</div>
<div class="graf graf--p" name="97ce">
Once you npm start, a localhost server is started and you’ll see React’s example page on your browser…</div>
<br />
<br />
<br />
<figure class="graf graf--figure" name="cc44"><img class="graf-image" data-height="358" data-image-id="1*LsVq9B9raq--VyCKI0iPvA.png" data-width="754" height="187" src="https://cdn-images-1.medium.com/max/800/1*LsVq9B9raq--VyCKI0iPvA.png" width="400" /><figcaption class="imageCaption">You’ll see a spinning radioactive React logo in your localhost browser…</figcaption></figure><br />
<h3 class="graf graf--h3" name="e8fb">
Classy Structure</h3>
<div>
<br /></div>
<div class="graf graf--p" name="9c68">
Man the puns! ES6 is prevalent in React, so make sure you got these down before you jump in or it will be confusing as hell!<br />
<br /></div>
<div class="graf graf--p" name="91e6">
Like Vue, we’re working with Components. Components are the whole reason we love React and Vue. We are splitting up our website into Components that are reusable. We are having our <a class="markup--anchor markup--p-anchor" data-href="https://hackernoon.com/front-end-refactored-components-with-vue-907a08a3630?source=user_profile---------2-------------------&gi=7b7459545941" href="https://hackernoon.com/front-end-refactored-components-with-vue-907a08a3630?source=user_profile---------2-------------------&gi=7b7459545941" rel="noopener" target="_blank">Frontend Refactored</a> (shameless plug to my other post)!<br />
<br /></div>
<div class="graf graf--p" name="c46e">
I decided to make a simple bookmark manager where a user can save these links onto a page. Remember those days when we had to do that? No? Crap, I feel old… O_o’’</div>
<div class="graf graf--p" name="298c">
Aight, lets make a plan. Like with pen and paper… you remember those things too?</div>
<br />
<br />
<br />
<figure class="graf graf--figure" name="00b2"><img class="graf-image" data-height="667" data-image-id="1*U_jaMDjWId_BmYkrMbWg9w.jpeg" data-width="500" height="400" src="https://cdn-images-1.medium.com/max/800/1*U_jaMDjWId_BmYkrMbWg9w.jpeg" width="299" /><figcaption class="imageCaption">Don’t ask me why I write in ALL CAPS</figcaption></figure><br />
<pre class="graf graf--pre" name="fc82">import React, { Component } from 'react';
import './App.css';
import BookmarkForm from './components/BookmarkForm';</pre>
<pre class="graf graf--pre" name="ec67">class App extends Component {
render() {
return (
<div className="App">
<h1>Bookmarks</h1>
<BookmarkForm />
</div>
);
}
}</pre>
<pre class="graf graf--pre" name="19c9">export default App;</pre>
<pre class="graf graf--pre" name="19c9"></pre>
<pre class="graf graf--pre" name="19c9"></pre>
<pre class="graf graf--pre" name="19c9"></pre>
<div class="graf graf--p" name="4528">
All components roughly follow this structure. You have your imports at the top, a component class which contains everything, then your export.</div>
<div class="graf graf--p" name="e06f">
Inside the component class you will almost always have a render function which is the stuff that gets parsed to the page. The render function always returns JSX code which will contain everything you want to render.<br />
<br /></div>
<div class="graf graf--p" name="46c5">
Inside the render function here we got divs, a h1 tag, and ‘<BookmarkForm />’ which is another component.<br />
<br /></div>
<div class="graf graf--p" name="8fae">
There are also other in built functions that you can use that are on the same level as the render function, but still within the component class. You can also have custom functions that you may want to use.<br />
<br /></div>
<div class="graf graf--p" name="c10a">
Whats great is that these functions are limited to this class component scope, meaning they can only be accessed within this component, unless you want it not to do so.</div>
<div class="graf graf--p" name="4162">
Probably the most common question for learning React is… what on earth is JSX??<br />
<br /></div>
<h3 class="graf graf--h3" name="1a51">
JSX — Everything is Javascript</h3>
<div>
<br /></div>
<div class="graf graf--p" name="8dca">
ES6 controversially introduced Classes to Javascript due to demand. But really under the hood it is nothing more then syntactic sugar. Meaning it looks and acts like Classes in other languages but its actually not doing anything different then it was before.</div>
<div class="graf graf--p" name="40f6">
This is the same with JSX. It acts and looks like HTML, but really its Javascript that is translated to look like HTML.<br />
<br /></div>
<pre class="graf graf--pre" name="e98c"><code class="markup--code markup--pre-code">let newDiv = document.createElement('div');</code></pre>
<pre class="graf graf--pre" name="486d"><code class="markup--code markup--pre-code">newDiv.className = "hello";</code></pre>
<div class="graf graf--p" name="0a9a">
Is the same as<br />
<br /></div>
<pre class="graf graf--pre" name="45b2"><div class="hello"></div></pre>
<pre class="graf graf--pre" name="45b2"></pre>
<div class="graf graf--p" name="b6b3">
JSX in its most simple terms will apply the Javascript but still look like HTML.</div>
<div class="graf graf--p" name="c58f">
But in JSX class is a reserved keyword so we use ‘className’ in React as to not get it confused with actual the HTML, so for JSX we’d write it like this;<br />
<br /></div>
<pre class="graf graf--pre" name="2031"><div className="hello"></div></pre>
<pre class="graf graf--pre" name="2031"></pre>
<div class="graf graf--p" name="e3b2">
Since JSX is Javascript, we would like it to use Javascript sometimes so we need some syntax to help it recognise that we wanna do that.<br />
<br /></div>
<pre class="graf graf--pre" name="ef83"><div className="hello" onClick={this.clicked}></div></pre>
<pre class="graf graf--pre" name="ef83"></pre>
<div class="graf graf--p" name="9ce1">
Here the onClick attribute runs the function clicked created in this component when the div is clicked. As you can see Javascript is explicit for this.clicked as it is in between two curly brackets.<br />
<br /></div>
<h3 class="graf graf--h3" name="5610">
Passing Info Around</h3>
<div>
<br /></div>
<div class="graf graf--p" name="7b9e">
One of the things we wanna do in this awesome world of components is to be able to information around so that our components can be flexible.</div>
<div class="graf graf--p" name="ff3c">
So lets create some state(data) that will hold the list of our websites. In the class, we add the constructor to initialize our state. Super() I’ll explain later on…</div>
<div class="graf graf--p" name="ff3c">
<br /></div>
<pre class="graf graf--pre" name="dcad">class App extends Component {
constructor(props) {
super(props);
this.state = { websites: [] };
}
render() {</pre>
<pre class="graf graf--pre" name="fd5a"><em class="markup--em markup--pre-em"> //JSX rendering stuff...</em></pre>
<pre class="graf graf--pre" name="fd5a"><em class="markup--em markup--pre-em">
</em></pre>
<div class="graf graf--p" name="9e53">
We store our state in a hash. Now calling this.state.websites will output the empty array. Props allows this information to be accessed when passed down to other components.</div>
<div class="graf graf--p" name="9e53">
<br /></div>
<pre class="graf graf--pre" name="5942">render() {
let websites = this.state.websites;
websites = websites.map((website) => {
return (
<WebsiteChoice
website={website}
>
{website}
</WebsiteChoice>
);
});</pre>
<pre class="graf graf--pre" name="c31d"><em class="markup--em markup--pre-em">//... more JSX stuff</em></pre>
<pre class="graf graf--pre" name="c31d"><em class="markup--em markup--pre-em">
</em></pre>
<div class="graf graf--p" name="5d3e">
In the render function, we assign the variable ‘websites’ to the array in the state. Then we loop through the array with map and for each single element in the array (a website) we return the component WebsiteChoice and pass in the name of the website as a prop as a custom attribute that WebsiteChoice receives.<br />
<br /></div>
<div class="graf graf--p" name="8d6f">
This sounds kinda crazy! In simple terms, this means we are passing the name of the website down to the WebsiteChoice component so that we can do something with it, and let the WebsiteChoice component handle it rather then the parent.</div>
<div class="graf graf--p" name="8b64">
So in the WebsiteChoice component;</div>
<div class="graf graf--p" name="8b64">
<br /></div>
<pre class="graf graf--pre" name="ec91">class WebsiteChoice extends React.Component {
render() {
return (
<li>
<div className="website-choice-container">
<span className="website-choice">
<a href={`<a class="markup--anchor markup--pre-anchor" data-href="http://${this.props.website}`" href="http://%24%7Bthis.props.website%7D%60/" rel="nofollow noopener noopener" target="_blank">http://${this.props.website}`</a>}>
{this.props.website}
</a>
</span>
</div>
</li>
);
}
}</pre>
<pre class="graf graf--pre" name="ec91"></pre>
<pre class="graf graf--pre" name="ec91"></pre>
<div class="graf graf--p" name="2456">
Here we pass in the name of the website by calling ‘this.props.website’ and set it to the href, and render it to the page, thus allowing this component to be responsible for anything to do with each individual website.<br />
<br /></div>
<h3 class="graf graf--h3" name="f804">
Save Yourself This Dot Headaches</h3>
<div>
<br /></div>
<div class="graf graf--p" name="5b15">
One of the interesting parts to Javascript is using the keyword <code class="markup--code markup--p-code">this</code>. This, is a way of referring to things within a certain object. This <a class="markup--anchor markup--p-anchor" data-href="http://davidshariff.com/blog/javascript-this-keyword/" href="http://davidshariff.com/blog/javascript-this-keyword/" rel="noopener" target="_blank">blog</a> explains it super well.<br />
<br /></div>
<div class="graf graf--p" name="d729">
So when we are passing around these bits of information via props, we can also pass functions too which can sit in the parent component but be called in the child component.<br />
<br /></div>
<div class="graf graf--p" name="423b">
However, since we are passing around objects, the keyword this can be referring to the wrong objects. So its super useful to know ES6 arrow functions here, since they allow the this keyword to not refer to the function object that’s created.</div>
<div class="graf graf--p" name="4943">
So instead of</div>
<div class="graf graf--p" name="4943">
<br /></div>
<pre class="graf graf--pre" name="3a62">function doSomething() {
// some code
}</pre>
<pre class="graf graf--pre" name="3a62"></pre>
<pre class="graf graf--pre" name="3a62"></pre>
<div class="graf graf--p" name="f0c7">
use</div>
<div class="graf graf--p" name="f0c7">
<br /></div>
<pre class="graf graf--pre" name="cb13">doSomething = () => {
// some code
}</pre>
<pre class="graf graf--pre" name="cb13"></pre>
<pre class="graf graf--pre" name="cb13"></pre>
<div class="graf graf--p" name="6b49">
to avoid scoping problems. This allows a child component to be able to call the passed down <code class="markup--code markup--p-code">this.props.doSomething</code> from its own component.<br />
<br /></div>
<div class="graf graf--p" name="252e">
If you remember above we had that weird ‘super’ keyword with props inside it.</div>
<div class="graf graf--p" name="252e">
<br /></div>
<pre class="graf graf--pre" name="9600">class App extends Component {
constructor(props) {
super(props);
this.state = { websites: [] };
}
render() {</pre>
<pre class="graf graf--pre" name="ca25"><em class="markup--em markup--pre-em">//JSX rendering stuff...</em></pre>
<pre class="graf graf--pre" name="ca25"><em class="markup--em markup--pre-em">
</em></pre>
<div class="graf graf--p" name="4cb5">
In React, when you call <code class="markup--code markup--p-code">super</code> with props. React will make <code class="markup--code markup--p-code">props</code> available across the component through <code class="markup--code markup--p-code">this.props</code>. This allows us to call <code class="markup--code markup--p-code">this.props.websites</code> when the data is on the parent component.<br />
<br /></div>
<h3 class="graf graf--h3" name="3aae">
Deployment to Heroku</h3>
<div>
<br /></div>
<div class="graf graf--p" name="647d">
There’s a lot more to the code but this post is starting to get a bit too long. Once I was happy I wanted to see how easy it would be to upload my code to Heroku and have it working. I was interested in seeing how much configuration was needed, especially after using <code class="markup--code markup--p-code">create-react-app</code> to setup my template.<br />
<br /></div>
<div class="graf graf--p" name="d6f6">
I uploaded to Heroku the same way I would if I was setting up a new github repository, and followed their <a class="markup--anchor markup--p-anchor" data-href="https://devcenter.heroku.com/articles/git" href="https://devcenter.heroku.com/articles/git" rel="noopener" target="_blank">instructions</a>.<br />
<br /></div>
<div class="graf graf--p" name="66f9">
Once uploaded, I soon realised that you needed to add a node buildpack, which effectively does an online npm install to install all the dependencies. This was under your app/settings on the heroku website.</div>
<br />
<br />
<br />
<figure class="graf graf--figure graf--layoutOutsetCenter" name="3b64"><img class="graf-image" data-height="242" data-image-id="1*fkgq8f5gEcPCKaESd5cGwg.png" data-width="1281" height="120" src="https://cdn-images-1.medium.com/max/1000/1*fkgq8f5gEcPCKaESd5cGwg.png" width="640" /><figcaption class="imageCaption">npm install on Heroku!</figcaption></figure><br />
<div class="graf graf--p" name="ce04">
Once done, voila! It was up! Super simple and really I think <code class="markup--code markup--p-code">create-react-app</code> is an awesome template that helps developers right out the box. Feel free to check it out <a class="markup--anchor markup--p-anchor" data-href="https://react-bookmark-manager.herokuapp.com/" href="https://react-bookmark-manager.herokuapp.com/" rel="noopener" target="_blank">here</a> and the github repo is <a class="markup--anchor markup--p-anchor" data-href="https://github.com/puyanwei/React-Bookmark-Manager" href="https://github.com/puyanwei/React-Bookmark-Manager" rel="noopener" target="_blank">here</a>.</div>
<br />
<br />
<br />
<figure class="graf graf--figure" name="ce8a"><img class="graf-image" data-height="483" data-image-id="1*pYymfiptGcNpSvEeoburzg.png" data-width="678" height="284" src="https://cdn-images-1.medium.com/max/800/1*pYymfiptGcNpSvEeoburzg.png" width="400" /><figcaption class="imageCaption">Ugly, but functional working prototype!</figcaption></figure><br />
<h3 class="graf graf--h3" name="c911">
Final Thoughts</h3>
<div>
<br /></div>
<div class="graf graf--p" name="12af">
I think that React.js is a great framework and once you get your head around JSX syntax the potential is huge.</div>
<div class="graf graf--p" name="12af">
<br /></div>
<div class="graf graf--p" name="fca5">
However I do think its quite hard to get into at first glance, the readability of just doesn’t compare to Vue.js and it also has some exception case rules that you basically just have to memorise like using <code class="markup--code markup--p-code">className</code> instead of <code class="markup--code markup--p-code">class</code> which seemed like a foresight in its design that they just kept.</div>
<div class="graf graf--p" name="fca5">
<br /></div>
<div class="graf graf--p" name="822d">
Documentation is ok, but there is a lot of old answers out there and there is a danger of always implementing an old way of doing things. That being said, the community is huge and with Facebook’s ‘backing’, its surely still quite a safe bet that it stick around for the foreseeable future.</div>
<div class="graf graf--p" name="5d10">
I think that being able to use ES6 is almost a must for react, considering the scoping problems that you will get by using traditional non arrow function functions, dealing with putting binds everywhere to control your this’s!</div>
<div class="graf graf--p" name="5d10">
<br /></div>
<div class="graf graf--p" name="add7">
For me, if Vue didn’t exist I’d probably be a satisfied developer with React, but it was hard for me to code with the knowledge that things could be done in a much easier way…<br />
<br /></div>
<br />
<div class="graf graf--p" name="1ba1">
I want to end with a pretty cool series video of what its like to develop a project from start to finish, concept to working prototype. I really love the way they plan it out, and include all the blockers that they had through the process. This can give a good insight to what a developer goes through when creating a product.</div>
<br />
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/Mg7Ma5i8NgM" width="560"></iframe><br />Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-76193545051969373422018-06-18T23:51:00.000+01:002018-06-18T23:51:38.922+01:00P-YAN Reviews — Apple Airpods<div class="graf graf--p graf-after--h3" id="3bf2" name="3bf2" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 10px;">
I had been milling around thinking about buying wireless bluetooth earbuds for a while now, and had my set heart on jaybirds as it sat on my amazon wishlist for over a year. But in the end, the Apple Airpods won me over in the very last minute, literally photo finish style, and here’s why;</div>
<div class="graf graf--p graf-after--p" id="00da" name="00da" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<em class="markup--em markup--p-em" style="font-feature-settings: "liga", "salt";">And feel free to skip to the end if you want a TL;DR version this is an in depth review…</em></div>
<figure class="graf graf--figure graf-after--p" id="1897" name="1897" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 540px; max-width: 540px; position: relative; width: 540px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 540px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-height="540" data-image-id="1*OJlyj1V4HzG4-KC606eg2Q.jpeg" data-scroll="native" data-width="540" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; height: 540px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 540px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="75" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 540px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 540px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/800/1*OJlyj1V4HzG4-KC606eg2Q.jpeg" src="https://cdn-images-1.medium.com/max/800/1*OJlyj1V4HzG4-KC606eg2Q.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 540px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 540px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: "liga", "lnum"; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">They’re finally here! But did anyone notice?</figcaption></figure><h3 class="graf graf--h3 graf-after--figure" id="a4fd" name="a4fd" style="--baseline-multiplier: 0.22; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 34px; letter-spacing: -0.015em; line-height: 1.15; margin: 53px 0px 0px -2.13px;">
Whats Your Fad?</h3>
<div class="graf graf--p graf-after--h3" id="2bfb" name="2bfb" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
When it comes to reviews, I think a lot of places make huge mistakes with trying to categorise everyone into the same column. When you do this, it means that you are looking for the absolute best of something that for fills all categories for all people.</div>
<figure class="graf graf--figure graf-after--p" id="cf3a" name="cf3a" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 394px; max-width: 700px; position: relative; width: 700px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 394.094px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="1*2HQXxL2EihWsOngWFl370w.jpeg" data-action="zoom" data-height="411" data-image-id="1*2HQXxL2EihWsOngWFl370w.jpeg" data-scroll="native" data-width="730" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 394px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 700px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="40" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 394px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 700px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/800/1*2HQXxL2EihWsOngWFl370w.jpeg" src="https://cdn-images-1.medium.com/max/800/1*2HQXxL2EihWsOngWFl370w.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 394px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 700px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: "liga", "lnum"; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">We’re not all the same, so why do we rate these products as if we are? (Amazing movie too btw)</figcaption></figure><div class="graf graf--p graf-after--figure" id="4664" name="4664" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
Its super important to distinguish what you know is important to you, and then find the best product for those needs. That’s why there are so many varieties of products out there that all sell well.</div>
<div class="graf graf--p graf-after--p" id="9067" name="9067" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
A classic case of finding the “best” product would be Android vs Apple phones. Whilst for one person customisation and fast battery charging may be important to one customer, for another having something easy to use and setup with less hassle with the backup of genius bar might be more appealing to a less tech savvy customer. There is no overall best.</div>
<div class="graf graf--p graf-after--p" id="98e3" name="98e3" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
So here’s the categories that are important to me;</div>
<ul class="postList" style="background-color: white; color: rgba(0, 0, 0, 0.84); counter-reset: post 0; font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; list-style: none none; margin: 29px 0px 0px; padding: 0px;">
<li class="graf graf--li graf-after--p" id="30bb" name="30bb" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-bottom: 14px; margin-left: 30px;"><span class="markup--strong markup--li-strong" style="font-weight: 700;">My War Against Wires</span>— Must be wireless. Still blows my mind how we can have data travel through the air to our laptops and yet in 2018 we still use wires all over the place.</li>
<li class="graf graf--li graf-after--li" id="de3f" name="de3f" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-bottom: 14px; margin-left: 30px;"><span class="markup--strong markup--li-strong" style="font-weight: 700;">EZ Setup and Usage</span> — Must be easy to use and no lengthy nightmare pairings and disconnects please!</li>
<li class="graf graf--li graf-after--li" id="da83" name="da83" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-bottom: 14px; margin-left: 30px;"><span class="markup--strong markup--li-strong" style="font-weight: 700;">Portable and Light</span> —Would love it if it could fit in a pocket. Don’t want a big bulky thing in my bag.</li>
<li class="graf graf--li graf-after--li" id="0da6" name="0da6" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-bottom: 14px; margin-left: 30px;"><span class="markup--strong markup--li-strong" style="font-weight: 700;">Charge Em Up! — </span>must be easy and please, not more extra wires.</li>
<li class="graf graf--li graf-after--li" id="7a7d" name="7a7d" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-bottom: 0px; margin-left: 30px;"><span class="markup--strong markup--li-strong" style="font-weight: 700;">Mic</span> - Bonus, but not required necessarily!</li>
</ul>
<div class="graf graf--p graf-after--li" id="5d11" name="5d11" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Notice that there are some major things that aren’t that important to me, but I can imagine that it would be for others;</div>
<ul class="postList" style="background-color: white; color: rgba(0, 0, 0, 0.84); counter-reset: post 0; font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; list-style: none none; margin: 29px 0px 0px; padding: 0px;">
<li class="graf graf--li graf-after--p" id="893b" name="893b" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-bottom: 14px; margin-left: 30px;"><span class="markup--strong markup--li-strong" style="font-weight: 700;">Sound quality</span> being a huge requirement for others, but I personally don’t really care about it that much. I just want something that is able to play videos/music on my phone whilst I commute to work.</li>
<li class="graf graf--li graf-after--li" id="6ac9" name="6ac9" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-bottom: 14px; margin-left: 30px;"><span class="markup--strong markup--li-strong" style="font-weight: 700;">Battery life</span> can also be a do or die category for others. But I find that there is a group of people that choose not to charge their appliances every night when they go to bed, because of the argument that it wears down the battery of the product. Whilst this is somewhat true, I find that with products having warranties they can easily be replaced, and I would much prefer having a well charged appliance over saving its lifespan by a few months.</li>
<li class="graf graf--li graf-after--li" id="08e5" name="08e5" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-bottom: 0px; margin-left: 30px;"><span class="markup--strong markup--li-strong" style="font-weight: 700;">Robustness</span> is an important category to consider, if you know that you are a rather clumsy person and are prone to dropping /losing things all the time. I’m quite reserved so I hardly ever lose things and my phone is nearly always in my pocket so I never drop it, I don’t even have a case on it.</li>
</ul>
<div class="graf graf--p graf-after--li" id="0246" name="0246" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Answering The Most Common Question About Airpods;</div>
<div class="graf graf--p graf-after--p" id="182d" name="182d" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
I will now devote this section to answering the most common question about Apple Airpods (Drumroll please….)</div>
<div class="graf graf--p graf-after--p" id="3545" name="3545" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;"><em class="markup--em markup--p-em" style="font-feature-settings: "liga", "salt";">Q. </em></span><em class="markup--em markup--p-em" style="font-feature-settings: "liga", "salt";">Does it fall out of your ears?</em></div>
<div class="graf graf--p graf-after--p" id="60bd" name="60bd" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;"><em class="markup--em markup--p-em" style="font-feature-settings: "liga", "salt";">A. </em></span><em class="markup--em markup--p-em" style="font-feature-settings: "liga", "salt";">No. It is securely there.</em></div>
<div class="graf graf--p graf-after--p" id="7bbb" name="7bbb" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
There. Done. Right, moving on…</div>
<h3 class="graf graf--h3 graf-after--p" id="6359" name="6359" style="--baseline-multiplier: 0.22; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 34px; letter-spacing: -0.015em; line-height: 1.15; margin: 56px 0px 0px -2.13px;">
Design</h3>
<div class="graf graf--p graf-after--h3" id="c096" name="c096" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
When it comes to designs there are 3 types that I’ve noticed;</div>
<div class="graf graf--p graf-after--p" id="3492" name="3492" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Earmuff style headsets</span> — Great sound quality Bose or Seinniser headsets are truly wireless, but rather bulky and no microphone for calls. Also pretty expensive.</div>
<figure class="graf graf--figure graf-after--p" id="ac72" name="ac72" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 450px; max-width: 450px; position: relative; width: 450px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 450px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-height="450" data-image-id="1*2YZySBg0JeibNPXKlw87_Q.jpeg" data-scroll="native" data-width="450" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; height: 450px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 450px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="75" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 450px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 450px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/800/1*2YZySBg0JeibNPXKlw87_Q.jpeg" src="https://cdn-images-1.medium.com/max/800/1*2YZySBg0JeibNPXKlw87_Q.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 450px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 450px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: "liga", "lnum"; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">One of the best wireless headsets for sound quality and noise cancellation</figcaption></figure><div class="graf graf--p graf-after--figure" id="4023" name="4023" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Earbud with neck wires</span> — These sort of solve the problem of losing separate earbuds my basically connecting them with a wire that hangs on your neck.</div>
<figure class="graf graf--figure graf-after--p" id="e1ce" name="e1ce" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 467px; max-width: 700px; position: relative; width: 700px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 466.891px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="1*CHrvFOmwXk228QHyJm7phg.jpeg" data-action="zoom" data-height="800" data-image-id="1*CHrvFOmwXk228QHyJm7phg.jpeg" data-scroll="native" data-width="1200" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 466.891px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 700px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="50" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 466.891px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 700px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/800/1*CHrvFOmwXk228QHyJm7phg.jpeg" src="https://cdn-images-1.medium.com/max/800/1*CHrvFOmwXk228QHyJm7phg.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 466.891px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 700px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: "liga", "lnum"; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">Other earbud designs seem to be bulky and cumbersome looking?</figcaption></figure><div class="graf graf--p graf-after--figure" id="c93f" name="c93f" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Separate Earbuds with case</span> — There are some other designs that have done this too, but none as small and lightweight as Apple’s. Just don’t lose the case!</div>
<figure class="graf graf--figure graf-after--p" id="2e8e" name="2e8e" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 465px; max-width: 700px; position: relative; width: 700px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 464.797px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="0*puvaWEknlKnt6s2D" data-action="zoom" data-height="2463" data-image-id="0*puvaWEknlKnt6s2D" data-scroll="native" data-width="3708" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 464.797px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 700px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="47" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 464.797px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 700px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/800/0*puvaWEknlKnt6s2D" src="https://cdn-images-1.medium.com/max/800/0*puvaWEknlKnt6s2D" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 464.797px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 700px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: "liga", "lnum"; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">Photo by <a class="markup--anchor markup--figure-anchor" data-href="https://unsplash.com/@howardlawrenceb?utm_source=medium&utm_medium=referral" href="https://unsplash.com/@howardlawrenceb?utm_source=medium&utm_medium=referral" rel="photo-creator nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0.54) 50%); background-position: 0px 0.98em; background-repeat: repeat-x; background-size: 2px 2px; text-decoration-line: none;" target="_blank">Howard Lawrence B</a> on <a class="markup--anchor markup--figure-anchor" data-href="https://unsplash.com?utm_source=medium&utm_medium=referral" href="https://unsplash.com/?utm_source=medium&utm_medium=referral" rel="photo-source nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0.54) 50%); background-position: 0px 0.98em; background-repeat: repeat-x; background-size: 2px 2px; text-decoration-line: none;" target="_blank">Unsplash</a></figcaption></figure><div class="graf graf--p graf-after--figure" id="d925" name="d925" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
My initial beef with the Airpods was that it was ugly and looked strange. Ugly in the fact that they looked exactly like the Apple wired airpods but slightly longer. It just seems that Apple just doesn’t seem to want to take risks by changing their designs that much these days.</div>
<div class="graf graf--p graf-after--p" id="26b5" name="26b5" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
However, after a while when I saw more people with them, and then looked around to see the other designs that were around it actually didn’t seem that bad comparatively.</div>
<figure class="graf graf--figure graf-after--p" id="eab3" name="eab3" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 425px; max-width: 425px; position: relative; width: 425px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 425px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-height="425" data-image-id="1*fkYyV6WGwtdCwCzJChbKbQ.jpeg" data-scroll="native" data-width="425" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; height: 425px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 425px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="75" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 425px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 425px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/800/1*fkYyV6WGwtdCwCzJChbKbQ.jpeg" src="https://cdn-images-1.medium.com/max/800/1*fkYyV6WGwtdCwCzJChbKbQ.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 425px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 425px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: "liga", "lnum"; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">Some designs are super bulky and look cumbersome</figcaption></figure><div class="graf graf--p graf-after--figure" id="83ea" name="83ea" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
Another reason I chose them was that they were “true” wireless. The Jaybirds had raving reviews but I did wonder about the fact that it still have a neck strap wire, and man am I done with wires.</div>
<div class="graf graf--p graf-after--p" id="8c52" name="8c52" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
The design is simple and pretty basic, nothing really to rave on about. But when you consider the extra features that it contains, from gestures, microphone, the bluetooth connection and the way it charges, it does seem impressive the amount of technology they had fit into it. It might just be Apple’s most expensive product per square mm.</div>
<h3 class="graf graf--h3 graf-after--p" id="6221" name="6221" style="--baseline-multiplier: 0.22; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 34px; letter-spacing: -0.015em; line-height: 1.15; margin: 56px 0px 0px -2.13px;">
Making its Case for Charging Differently… Literally</h3>
<div class="graf graf--p graf-after--h3" id="f903" name="f903" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
Having a charging case for the airpods is really going against the norm compared to its competitors. With the case, it tackles two problems — A place to put the separate airpods as to not lose them, and also allows a more portable way of charging them.</div>
<figure class="graf graf--figure graf-after--p" id="7b20" name="7b20" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 700px; max-width: 700px; position: relative; width: 700px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 700px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="0*Su8IeX9OdAieXGc7" data-action="zoom" data-height="3456" data-image-id="0*Su8IeX9OdAieXGc7" data-scroll="native" data-width="3456" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 700px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 700px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="75" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 700px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 700px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/800/0*Su8IeX9OdAieXGc7" src="https://cdn-images-1.medium.com/max/800/0*Su8IeX9OdAieXGc7" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 700px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 700px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: "liga", "lnum"; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">Photo by <a class="markup--anchor markup--figure-anchor" data-href="https://unsplash.com/@benkolde?utm_source=medium&utm_medium=referral" href="https://unsplash.com/@benkolde?utm_source=medium&utm_medium=referral" rel="photo-creator nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0.54) 50%); background-position: 0px 0.98em; background-repeat: repeat-x; background-size: 2px 2px; text-decoration-line: none;" target="_blank">Ben Kolde</a> on <a class="markup--anchor markup--figure-anchor" data-href="https://unsplash.com?utm_source=medium&utm_medium=referral" href="https://unsplash.com/?utm_source=medium&utm_medium=referral" rel="photo-source nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0.54) 50%); background-position: 0px 0.98em; background-repeat: repeat-x; background-size: 2px 2px; text-decoration-line: none;" target="_blank">Unsplash</a></figcaption></figure><div class="graf graf--p graf-after--figure" id="52ff" name="52ff" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
The airpods ‘click’ in magnetically, and the case lid opens and closes with that satisfying noise too. Opening the lid close to the iphone brings up the pairing image on the phone and then it is paired!</div>
<div class="graf graf--p graf-after--p" id="7552" name="7552" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Alternatively you can use mission control, go to music and hard tap to see whether it is paired or not. Pairing is super easy, and reliable. You will hear a nice futuristic sound when its successful. I’ve also managed to switch from iPhone to my laptop bluetooth with ease too. I’ve also heard that its not bad with Android phones as well.</div>
<h3 class="graf graf--h3 graf-after--p" id="b016" name="b016" style="--baseline-multiplier: 0.22; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 34px; letter-spacing: -0.015em; line-height: 1.15; margin: 56px 0px 0px -2.13px;">
Airpod Gesturing Tappy Tap!</h3>
<div class="graf graf--p graf-after--h3" id="f858" name="f858" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
One of the benefits of having its own W1 Chip in there is that it allows so much more potential.</div>
<div class="graf graf--p graf--startsWithSingleQuote graf-after--p" id="993e" name="993e" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px; text-indent: -0.2em;">
‘Gestures’ are available for some wireless commands. I think by default tapping twice brings up Siri… shame that Siri isn’t that good.</div>
<div class="graf graf--p graf-after--p" id="2f45" name="2f45" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Point being thought that these can be customised, and also set to different sides too. So right now I have my left double tap be skip track forward, double tap right side call up Siri, and single tap is to stop the music. You can customise your choices in settings/bluetooth/apple airpods once you pair them.</div>
<figure class="graf graf--figure graf-after--p" id="f344" name="f344" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 654px; max-width: 320px; position: relative; width: 320px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 654.078px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-height="654" data-image-id="1*q8vJnG0UmP8Ga6GCBJksDQ.jpeg" data-scroll="native" data-width="320" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; height: 654px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 320px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="75" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 654px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 320px;" width="36"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/800/1*q8vJnG0UmP8Ga6GCBJksDQ.jpeg" src="https://cdn-images-1.medium.com/max/800/1*q8vJnG0UmP8Ga6GCBJksDQ.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 654px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 320px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: "liga", "lnum"; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">You can customise what commands your double tap does, for each side</figcaption></figure><div class="graf graf--p graf-after--figure" id="2449" name="2449" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
One negative though is that there is no volume control gesture at the moment, which is quite disappointing as most of the neck wired bluetooth earbuds have it, usually by using a physical dial or slider. Surely Apple can think of a way of gesturing that? Maybe a ‘long tap’ or ‘force tap’?</div>
<div class="graf graf--p graf-after--p" id="b946" name="b946" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
There are sensors on each airpod that can detect when its in your ear or not. Taking one out will stop the music automatically. It will also turn itself off when unused for a while.</div>
<h3 class="graf graf--h3 graf-after--p" id="7726" name="7726" style="--baseline-multiplier: 0.22; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 34px; letter-spacing: -0.015em; line-height: 1.15; margin: 56px 0px 0px -2.13px;">
<span class="markup--strong markup--h3-strong">Micro-ma-phone</span></h3>
<div class="graf graf--p graf-after--h3" id="0424" name="0424" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
A deal setter for me was the fact that it has a working microphone. For something so small, with so many features on there already, its impressive that they have a microphone as well.</div>
<div class="graf graf--p graf-after--p" id="788d" name="788d" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
The feedback I get from the receiver is that the sound quality is pretty good. I mean considering the mic is so far away from your mouth, that’s a feat. I do wonder if it has something to do with the way sound travels like in <a class="markup--anchor markup--p-anchor" data-href="https://en.wikipedia.org/wiki/Whispering_gallery" href="https://en.wikipedia.org/wiki/Whispering_gallery" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">whispering galleries</a>, but I’m not sure.</div>
<figure class="graf graf--figure graf-after--p" id="5a2a" name="5a2a" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 159px; max-width: 318px; position: relative; width: 318px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 159px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-height="159" data-image-id="1*bjrHId4lDEj_3YuHiC2OKA.jpeg" data-scroll="native" data-width="318" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; height: 159px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 318px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="37" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 159px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 318px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/800/1*bjrHId4lDEj_3YuHiC2OKA.jpeg" src="https://cdn-images-1.medium.com/max/800/1*bjrHId4lDEj_3YuHiC2OKA.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 159px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 318px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: "liga", "lnum"; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">Apple’s explanation is that it detects certain vibrations to know that it is your voice</figcaption></figure><div class="graf graf--p graf-after--figure" id="0af2" name="0af2" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
But there’s no doubt that having wireless airpods for phone calls makes it so much more convenient. You don’t even have to be that close to your phone, and you can keep multi-tasking other things whilst chatting away.</div>
<div class="graf graf--p graf-after--p" id="1e6b" name="1e6b" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
As a mini experiment I wanted to see if it was possible to link it up to my PC and do some gaming with it. I dreamt a dream of a wire-free gaming experience!</div>
<div class="graf graf--p graf-after--p" id="cd47" name="cd47" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Since my ancient 2010 PC didn’t have bluetooth on it already (or did I take it out for some reason?), I bought myself a <a class="markup--anchor markup--p-anchor" data-href="https://www.amazon.co.uk/gp/product/B00VWEK4IG/ref=oh_aui_search_detailpage?ie=UTF8&psc=1" href="https://www.amazon.co.uk/gp/product/B00VWEK4IG/ref=oh_aui_search_detailpage?ie=UTF8&psc=1" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">usb bluetooth dongle</a>. Installing was a little confusing, as I needed to google the driver but eventually I managed to get it working.</div>
<figure class="graf graf--figure graf-after--p" id="1fd7" name="1fd7" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 445px; max-width: 693px; position: relative; width: 693px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 444.891px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-height="445" data-image-id="1*9KzdUFE56Fsz9jJr_kgXkw.png" data-scroll="native" data-width="693" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; height: 444.891px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 693px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="47" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 444.891px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 693px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/800/1*9KzdUFE56Fsz9jJr_kgXkw.png" src="https://cdn-images-1.medium.com/max/800/1*9KzdUFE56Fsz9jJr_kgXkw.png" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 444.891px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 693px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: "liga", "lnum"; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">Apple Airpods are badly represented by some Bose headset!</figcaption></figure><div class="graf graf--p graf-after--figure" id="5ef4" name="5ef4" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
It definitely took some tweaking, and once paired I had to set my Windows sound to Airpod as well which is pretty annoying, but it was totally worth it!</div>
<div class="graf graf--p graf-after--p" id="f311" name="f311" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Interestingly, it was also possible to use the microphone too, but I found that because it was going through one channel, it took away from the audio and my friend said that the mic sound was terrible.</div>
<div class="graf graf--p graf-after--p" id="8ad9" name="8ad9" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Still, great success! I was happily playing overwatch without wires going all over the place. Now just to have a plan for all the other millions of wires connected to my PC…</div>
<h3 class="graf graf--h3 graf-after--p" id="409a" name="409a" style="--baseline-multiplier: 0.22; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 34px; letter-spacing: -0.015em; line-height: 1.15; margin: 56px 0px 0px -2.13px;">
Support As Per Usual</h3>
<div class="graf graf--p graf-after--h3" id="d34e" name="d34e" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
Apple has built up its brand with its appeal to non techhies with friendly no-question-is-a-stupid-question genius bar helpers. So of course, with this product you get all the perks of prodding them if there’s a problem.</div>
<div class="graf graf--p graf-after--p" id="8fce" name="8fce" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
However, its one year warranty only covers defective battery case, and other things such as loss will still cost ya. If you lose one airpod, it’ll be half the original price to get another one!</div>
<div class="graf graf--p graf-after--p" id="c431" name="c431" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Battery life is shown on the phone when paired, and you can see it on the notification screen with all your other widgets. This shows the battery life of the case, and each airpod separately. This is especially useful for those who use the ‘life hack’ of only using one airpod at a time, whilst the other one is charging.</div>
<figure class="graf graf--figure graf-after--p" id="be88" name="be88" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 653px; max-width: 320px; position: relative; width: 320px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 653.109px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-height="653" data-image-id="1*tX8BD_724EaEfhz93Ij3IQ.jpeg" data-scroll="native" data-width="320" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; height: 653px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 320px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="75" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 653px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 320px;" width="36"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/800/1*tX8BD_724EaEfhz93Ij3IQ.jpeg" src="https://cdn-images-1.medium.com/max/800/1*tX8BD_724EaEfhz93Ij3IQ.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 653px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 320px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: "liga", "lnum"; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">iPhone will show batteries of left and right airpods, as well as the case</figcaption></figure><div class="graf graf--p graf-after--figure" id="3964" name="3964" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
The airpods are also supported by the totally inappropriately named ‘Find My iPhone’ app. Just like your other products, like laptops and ipads, this badly named app will also add the airpods to the list as well.</div>
<div class="graf graf--p graf-after--p" id="b1be" name="b1be" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
This is super useful of course if you have no idea where they are, but it probably wont zoom in enough to help you realise its stuck in between your couch cushions. This could be a huge plus for those who feel like they lose things, it will save you a lot of money.</div>
<figure class="graf graf--figure graf-after--p" id="286c" name="286c" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 651px; max-width: 400px; position: relative; width: 400px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 651.188px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-height="651" data-image-id="1*blfCwaFUgiXzIbWHkgJDFw.jpeg" data-scroll="native" data-width="400" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; height: 651px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 400px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="75" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 651px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 400px;" width="46"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/800/1*blfCwaFUgiXzIbWHkgJDFw.jpeg" src="https://cdn-images-1.medium.com/max/800/1*blfCwaFUgiXzIbWHkgJDFw.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 651px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 400px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: "liga", "lnum"; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">Add your airpods to the list of Mac products that can be located with the Find My iPhone app</figcaption></figure><h3 class="graf graf--h3 graf-after--figure" id="d5ac" name="d5ac" style="--baseline-multiplier: 0.22; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 34px; letter-spacing: -0.015em; line-height: 1.15; margin: 53px 0px 0px -2.13px;">
Steve Jobs Understood Hype</h3>
<div class="graf graf--p graf-after--h3" id="9b22" name="9b22" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
I <a class="markup--anchor markup--p-anchor" data-href="https://youtu.be/NS0txu_Kzl8?t=1h24m27s" href="https://youtu.be/NS0txu_Kzl8?t=1h24m27s" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">rewatched</a> the launch of the airpods and what was apparent to me was that post Steve Jobs, they just don’t know how to create hype, and what to emphasise.</div>
<figure class="graf graf--figure graf-after--p" id="2540" name="2540" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 300px; max-width: 400px; position: relative; width: 400px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 300px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-height="300" data-image-id="1*PtV0XXD629biG7ZeQJc-BQ.jpeg" data-scroll="native" data-width="400" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; height: 300px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 400px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="55" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 300px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 400px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/800/1*PtV0XXD629biG7ZeQJc-BQ.jpeg" src="https://cdn-images-1.medium.com/max/800/1*PtV0XXD629biG7ZeQJc-BQ.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 300px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 400px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: "liga", "lnum"; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">The iconic ‘One more thing’ section has all but disappeared</figcaption></figure><div class="graf graf--p graf-after--figure" id="4225" name="4225" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
Products of great importance <span class="markup--strong markup--p-strong" style="font-weight: 700;"><em class="markup--em markup--p-em" style="font-feature-settings: "liga", "salt";">always </em></span>had a great introduction, then a video, then a live demo. Here there was no demo and the whole presentation lasted 5 mins. Oh, and not just that, but they also used that time to promote Beats headsets as well, for some weird reason?</div>
<div class="graf graf--p graf-after--p" id="3d2e" name="3d2e" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
I could totally have imagined Steve Jobs coming on stage, wearing the wired earbuds, and then suddenly dramatically the wires drop and the new airpods are revealed! Then a video, and then a live demo showing how easy it is to pair, how it doesn’t fall out, showing the gestures and the charging case.</div>
<div class="graf graf--p graf-after--p" id="d5bc" name="d5bc" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
There is a lot of hate towards Apple moving towards removing the headphone jack from their products, and this was meant to be the counter argument. A convenient wire-free solution to not needing wires anymore. An expensive one, but a solution none the less.</div>
<div class="graf graf--p graf-after--p" id="a4e2" name="a4e2" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
A five minute presentation on a product that their “Engineers had been working on for years”, which just didn’t give it justice and in the end misinformed a lot of potential customers from wanting this product.</div>
<figure class="graf graf--figure graf-after--p" id="10d6" name="10d6" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 408px; max-width: 400px; position: relative; width: 400px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 408px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-height="408" data-image-id="1*9Y00HIu5m-b69M3hSUuqWg.jpeg" data-scroll="native" data-width="400" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; height: 408px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 400px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="75" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 408px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 400px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/800/1*9Y00HIu5m-b69M3hSUuqWg.jpeg" src="https://cdn-images-1.medium.com/max/800/1*9Y00HIu5m-b69M3hSUuqWg.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 408px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 400px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: "liga", "lnum"; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">The Beats headphones promoted along side the Airpods devalued its importance</figcaption></figure><div class="graf graf--p graf-after--figure" id="e290" name="e290" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
As a major Apple user, this definitely happened with me. I heard about the airpods, but didn’t really know about the extra features and basically just thought that it was some overpriced overrated product that wasn’t that important. For its time in the limelight was so small, it just didn’t give out the hype that Steve Jobs created so well when making revolutionary releases.</div>
<h3 class="graf graf--h3 graf-after--p" id="7182" name="7182" style="--baseline-multiplier: 0.22; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 34px; letter-spacing: -0.015em; line-height: 1.15; margin: 56px 0px 0px -2.13px;">
Overall Final Thoughts TL;DR</h3>
<div class="graf graf--p graf-after--h3" id="30ed" name="30ed" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">DO BUY</span> if you want a lightweight, truly wireless, easy to use and a mic.</div>
<div class="graf graf--p graf-after--p" id="93c4" name="93c4" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">DON’T BUY</span> if you are all about sound quality, and/or tend to misplace things a lot, and don’t like to charge things every night. Bose/Sennheiser headphones might be a better option.</div>
<div class="graf graf--p graf-after--p graf--trailing" id="5ad8" name="5ad8" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Overall I’m very impressed. I look forward to the next model and I hope that they present it in a better light. It is an expensive product at £159, but comparing the price of headphones these days and considering all the extra technology and extra features that are provided it might be worth it. Just make sure you keep these things on a leash and don’t lose em!</div>
Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-88745795082022825852018-04-22T22:37:00.002+01:002018-04-22T22:40:26.893+01:00Become The Shortcut Master - Chrome and Atom (Part 2)This is a continuation of this <a href="https://thep-log.blogspot.co.uk/2018/04/become-shortcut-master-mac-and-terminal.html">post</a>, which contains some awesome quick shortcuts for using you mac and the terminal. In this second part we're gonna be looking at using the Chrome browser and Atom.<br />
<br />
<br />
<u><span style="font-size: x-large;"><b>CHROME</b></span></u><br />
<u><br /></u>
There are a lot of other great web browsers out there, but Chrome seems to be the most popular because of its user friendliness and the dev tools that it allows developers to use.<br />
<br />
<strong>Moar Tabs, Less Tabs, Tabs Galore!</strong> - One of the most common behaviours of the 2010+ user is that we love to have loooots of tabs open. I used to open loads of tabs too, mainly with the intention of 'saving them' for later to read but found that in the end it was just wishful thinking and that would just almost always never happen.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_T5GMzYol5JTVB1_IWMPS8q8GoLeoW3XcaQSgo7wtk5OQBu_GZajX5MJbw1zwi1Jku3bQeDctbuKM-ANPxjd-CxHvvTThtSVWhiwnkRxrHRAfPR_pBQqzrVR0Gskp7_n7QXpx7fAJOFY1/s1600/too-many-tabs.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="400" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_T5GMzYol5JTVB1_IWMPS8q8GoLeoW3XcaQSgo7wtk5OQBu_GZajX5MJbw1zwi1Jku3bQeDctbuKM-ANPxjd-CxHvvTThtSVWhiwnkRxrHRAfPR_pBQqzrVR0Gskp7_n7QXpx7fAJOFY1/s320/too-many-tabs.jpg" width="320" /></a></div>
<br />
Anyways, open a new tab up with <strong>Apple + T</strong>, and close one with <strong>Apple + W</strong>. Didn't mean to close that one? Save your mistake with <strong>Apple + Shift + T</strong>! Alternatively, you can <strong>Apple + Y</strong> to go to a new tab with your history on it and find a page you previously went to.<br />
<br />
<strong>Back and Forth</strong> - One of the things I like about using keyboard shortcuts is the fact that you get an actual physical response of the key being pressed as confirmation. With the mouse clicking on the GUI buttons, you just don't get that confirmation, like sometimes I'll try and click back or forward and nothing would happen, and I would question whether I clicked the location properly or not, especially is there is lag or a delayed response. Press <strong>Apple + [</strong> or <strong>Apple + Left Arrow</strong> to back to previous page, and conversely <strong>Apple + ]</strong> or <strong>Apple + Right Arrow</strong> to go forward.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjntL1B9z5WVsKnZXfRZLaKePb53Sfps5rTr813jKEVs7y31T0O2lnxsBOMxIcs0xau5VY5NQhDrM6O0xBYQiFzr46zr-0hYhGXAZsm2uGYDiRFpw68Bfs2AYZ0nY1nVt0gQx7PKbBUGpr-/s1600/chrome+tabbing.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="440" data-original-width="764" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjntL1B9z5WVsKnZXfRZLaKePb53Sfps5rTr813jKEVs7y31T0O2lnxsBOMxIcs0xau5VY5NQhDrM6O0xBYQiFzr46zr-0hYhGXAZsm2uGYDiRFpw68Bfs2AYZ0nY1nVt0gQx7PKbBUGpr-/s640/chrome+tabbing.gif" width="640" /></a></div>
<br />
<br />
Quick flick to a tab by using <strong>Apple + [number]</strong>. This will make you go to that tab, as long as its between 1 and the 9th tab. I'm not sure how to shortcut more tabs then that. You can move forward between tabs with <strong>Control + Tab</strong> and back with <strong>Control + Shift+ Tab</strong> but with Macs I think this rarely used as all three buttons are on the left side making it very awkward to press together.<br />
<br />
<strong>For the Developers! - </strong>Did you know that you have a Javascript 'terminal' in every Chrome browser? Just hit <strong>Apple + Alt + J</strong> to bring it up. You can <code>var hello = "hello world"; hello; => "hello world"</code> to your heart's content. I've used this console so much especially when looking something up I can try it out straight away.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixdRahBgF7AR3QwK8-pQIJrKa-4DP7LLos7sMEjMit_Vcz6GekLHAtsKcQLu6DKddCZeOfnYff1n2uAoPbyFOH8UUd597_6Om_cxch943YFvCkmjAol0UBKQ50g3UUiOdN2wB_DrbUfVpQ/s1600/js+console.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="602" data-original-width="772" height="498" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixdRahBgF7AR3QwK8-pQIJrKa-4DP7LLos7sMEjMit_Vcz6GekLHAtsKcQLu6DKddCZeOfnYff1n2uAoPbyFOH8UUd597_6Om_cxch943YFvCkmjAol0UBKQ50g3UUiOdN2wB_DrbUfVpQ/s640/js+console.gif" width="640" /></a></div>
Use <strong>Apple + Alt + I</strong> to bring up the elements console. This is every front end developer's dream! Here, it allows you to play around with the HTML on the page, as well as the css styling. When your in this mode you can hit <strong>Apple + Shift + C</strong> to go into inspect mode to allow you to point to any element on the page to inspect it.<br />
<br />
Reload with <strong>Apple + R</strong> and hard reload with <strong>Apple + Shift + R</strong> to see your work in action.<br />
<br />
<br />
<br />
<u><span style="font-size: x-large;"><b>ATOM</b></span></u><br />
<u><span style="font-size: x-large;"><br /></span></u>
Atom is by far the most popular IDE text editor for developers to use. Atom has a lot of helpful shortcuts to speed up your efficiency in your projects. One of the coolest things about Atom is that you can download packages to it which will have different features to help you. I'll start out with some packages that I find are must haves for me when programming;<br />
<br />
<span style="font-size: large;"><b><u>INSTALLING PACKAGES</u></b></span><br />
<span style="font-size: large;"><u><br /></u></span>
To install a package go to Atom/preferences (or <strong>Apple + ,</strong>) and click on the install tab. Then write down the name of the package into the search box, and then click the install button.<br />
<br />
<strong>Atom Prettier</strong> ('atom-prettier') - This is to help you with your linting errors. Linting is to do with how your code format is written, making sure all your whitespaces are correct and brackets are matching.<br />
<br />
<strong>Bracket Highlighting</strong> '(atom-bracket-highlight') - This package helps highlight the matching bracket to your code, making it easier to see which ones are matching to which. You can press <strong>Control + M</strong> to toggle your curser to the matching bracket.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4UD8eRPwNGOc43b51l6tMDO8BVWxsznsQBmLu5ixk6sSZWY1YLK-ec78JllP5BYBIgbwlzqFBT7Kj4F8fLBHCrtRxtxGoZev9fqb8_BWwiDm9-g40lSn52O50-ZgUOprd290h7ZjTEZCr/s1600/brackets.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="120" data-original-width="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4UD8eRPwNGOc43b51l6tMDO8BVWxsznsQBmLu5ixk6sSZWY1YLK-ec78JllP5BYBIgbwlzqFBT7Kj4F8fLBHCrtRxtxGoZev9fqb8_BWwiDm9-g40lSn52O50-ZgUOprd290h7ZjTEZCr/s1600/brackets.gif" /></a></div>
<br />
<br />
It also a good idea to show the indent line which will help you see matching brackets. Go to Atom/preferences or <strong>Apple + ,</strong> the editor tab, then scroll down and click the 'show indent guide' option to turn it on.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjgP4epRZn5_O3FihYcp4GYMh24bKzTefW8-qmMaBpamoUOu23MK6NNOQTS2ukGaBBhU_3JOWG7FS_eQLBiN75gqxtvQxmUATGZinGexllv8mP8vY3H7nSFbwNzO2BhyynysoGLsYUIfxp/s1600/Screen+Shot+2018-04-22+at+22.32.19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="203" data-original-width="527" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjgP4epRZn5_O3FihYcp4GYMh24bKzTefW8-qmMaBpamoUOu23MK6NNOQTS2ukGaBBhU_3JOWG7FS_eQLBiN75gqxtvQxmUATGZinGexllv8mP8vY3H7nSFbwNzO2BhyynysoGLsYUIfxp/s1600/Screen+Shot+2018-04-22+at+22.32.19.png" /></a></div>
<br />
<br />
<strong>Hightlight Selected</strong> ('highlight-selected') - Puts a nice square around the word that you have highlighted, as well as highlights all the other words that are the same.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilRUd1KvrzCZw1VYgFBgHUSpGMYI19xue-ajHFozuejktPJ_Y_EUWWCHkk5VkNLCYlDw6vrKB26xchdJCEkxfkgg-KxZnQopKP83sWsIgJVO-ARi8B33_r_UgAZIDv2yAPRu5cq8aK4oXi/s1600/Screen+Shot+2018-04-22+at+22.28.23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="85" data-original-width="573" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilRUd1KvrzCZw1VYgFBgHUSpGMYI19xue-ajHFozuejktPJ_Y_EUWWCHkk5VkNLCYlDw6vrKB26xchdJCEkxfkgg-KxZnQopKP83sWsIgJVO-ARi8B33_r_UgAZIDv2yAPRu5cq8aK4oXi/s1600/Screen+Shot+2018-04-22+at+22.28.23.png" /></a></div>
<br />
<br />
<strong>File Icons</strong> ('file-icons') - Adds nice icons for your file types in the directory tree.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_yIyZdjFRaXgwqJsjk3E4noEkhHee4MZJRZDiBFB9a8-jVrPHOpwE63abmvOb3UhZ39P1VFlALXWG1lIDNl5soBJ9a76Lvyp8Vj5JQFHc3kiAawVbCYk4BnScF4A6np0WxzNUDx0_7_7R/s1600/icons.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="619" data-original-width="209" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_yIyZdjFRaXgwqJsjk3E4noEkhHee4MZJRZDiBFB9a8-jVrPHOpwE63abmvOb3UhZ39P1VFlALXWG1lIDNl5soBJ9a76Lvyp8Vj5JQFHc3kiAawVbCYk4BnScF4A6np0WxzNUDx0_7_7R/s400/icons.png" width="135" /></a></div>
<br />
<strong>Open in Browser</strong> ('open-in-browser') - Adds an option to be able to open your HTML files in your browser when right clicking your file in the tree directory. For some reason this feature isn't in Atom for some strange reason, as it seems to be something that would be really useful. However, such is the open source way of Atom, people can just create packages for these things so it becomes a thing!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGpOcHcnvtk4-PL2UcWeO1q7FMRLG5zRa0_VrgruEajs7CHNK3vE8rCOpqCL-yq2M1GW8k1HV1n2bXH_1frtWyYXdYBtexsAF31cDoRBls7qbtKWOLFv6hEdeFnTW4jXGfA8Styuex6Dzq/s1600/Screen+Shot+2018-04-22+at+22.25.50.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="229" data-original-width="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGpOcHcnvtk4-PL2UcWeO1q7FMRLG5zRa0_VrgruEajs7CHNK3vE8rCOpqCL-yq2M1GW8k1HV1n2bXH_1frtWyYXdYBtexsAF31cDoRBls7qbtKWOLFv6hEdeFnTW4jXGfA8Styuex6Dzq/s1600/Screen+Shot+2018-04-22+at+22.25.50.png" /></a></div>
<br />
<br />
<span style="font-size: large;"><u><b>THE ATOM SHORTCUTS</b></u></span><br />
<span style="font-size: large;"><u><br /></u></span>
Some of these shortcuts I found are so useful, that I was just crazy annoyed that I didn't know about them because I'm sure they would have saved tons of time, especially when copy and pasting stuff repetitively!<br />
<br />
<strong>Multiple Curser Editing [Apple + D]</strong> - Double click a word to highlight it, then press <strong>Apple + D</strong> to highlight the next instance of that same word below it, repeat to highlight more words below. Then delete it or edit as needed. This creates multiple instances of cursers in those locations so that you can edit multiple places at the same time. Clicking <strong>Apple + Click</strong> will let you add cursers to where you click.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGCIw1tOnnAe2yWP7XXpPT0-B6XhzBzLNR-eTdA3_8vE-Na1k-gSySOOdNi9Pfx_uqgAKdlPteQj6iMabUGhV1DlBupN_xJPQWaOGwnju8TREYSBb7YDc1hcUqcfQGmsLiIgJEBeet2BHx/s1600/apple+d.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="114" data-original-width="524" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGCIw1tOnnAe2yWP7XXpPT0-B6XhzBzLNR-eTdA3_8vE-Na1k-gSySOOdNi9Pfx_uqgAKdlPteQj6iMabUGhV1DlBupN_xJPQWaOGwnju8TREYSBb7YDc1hcUqcfQGmsLiIgJEBeet2BHx/s640/apple+d.gif" width="640" /></a></div>
<br />
<br />
<strong>Copy It All! [Apple + Shift + D]</strong> - Highlight what you wanna copy, and hit <strong>Apple + Shift + D</strong> and it'll copy and paste it below it! It will also copy the line/paragraph where the curser is, without any highlighting needed at all.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdk-FN6Z3onOBnYfsgJ-2JVujnX3QH_RUF-jzrVvAFll6g7YBYYx5W_5dy7tG5jFkjdLeptMoLZO3cflQ1ZYij294Zb5oDIlhhtZF6-6VYdrPsKzipqXq-a_ly94n0bf6-PhYNT7p2UUZn/s1600/control+shift+d.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="205" data-original-width="522" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdk-FN6Z3onOBnYfsgJ-2JVujnX3QH_RUF-jzrVvAFll6g7YBYYx5W_5dy7tG5jFkjdLeptMoLZO3cflQ1ZYij294Zb5oDIlhhtZF6-6VYdrPsKzipqXq-a_ly94n0bf6-PhYNT7p2UUZn/s640/control+shift+d.gif" width="640" /></a></div>
<br />
<br />
<strong>Move It! [Apple + Control + Arrow Direction]</strong> - Did you know you can move stuff up/down/left/right without needing to cut and copy? This is crazy useful when moving code around, and can help with debugging to understand what is happening.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRei3-3eH8myX_GQjoc6p526I_XvJhcrTGGEXUL_OHqNxsCWtj_U-vz0I6o6E9VIK5Jdtp8tqbmimIw8H6LbGHjPyW41_OmS9_L6AvPke4Lfdt2Gcb-y1VAaRGU9nqBjz-XBnWmV_MsKlM/s1600/moving+around.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="162" data-original-width="584" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRei3-3eH8myX_GQjoc6p526I_XvJhcrTGGEXUL_OHqNxsCWtj_U-vz0I6o6E9VIK5Jdtp8tqbmimIw8H6LbGHjPyW41_OmS9_L6AvPke4Lfdt2Gcb-y1VAaRGU9nqBjz-XBnWmV_MsKlM/s640/moving+around.gif" width="640" /></a></div>
<br />
<br />
<strong>Find It All! [Apple + Shift + F]</strong> - Most people know that <strong>Apple + F</strong> can help you find things on the page, but sometimes you may want to find something over multiple pages. That's what <strong>[Apple + Shift + F]</strong> is great for. This makes renaming all your variables/functions or simply finding them over multiple files easier.<br />
<br />
<strong>Hide/View File Tree [Apple + ]</strong> - You can hide the file tree on the side using this shortcut for more coding space.<br />
<br />
<h5 id="customshortcuts">
<span style="font-size: large;"><u>CUSTOM SHORTCUTS</u></span></h5>
Two shortcuts I wanted to create was for making one for the 'open-in-browser' package above, and another for toggling the markdown preview to see what my .md files would look like.<br />
<br />
To do this, go to Atom/Preferences or <strong>Apple + .</strong>, then the keyBindings tab. I typed in open-in-browser, copied the icon into the keymap file as suggested. When you paste it in, it looks like this. Restart Atom and it should be done.<br />
<br />
I set mine to <strong>Apple + Shift + O</strong> for open in browser because its easy to remember. Your curser has to be in the HTML file for it to work tho.<br />
<br />
Similarly I set the markdown preview toggle to be <strong>Apple + Shift + M</strong>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvzrElGEwPrAVJgpuk24j_WaaVk_v1uyRuk9eYD3btnV6rAelfKO00LVlIH1Ot9xEXtnjh44pQkqnLj6QayihGFVCod9Hi-0ewgmBoXqlcHdazQKi7TF1FTafI-D0TZRen2RnWAoS7B2wO/s1600/md+toggle.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="540" data-original-width="460" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvzrElGEwPrAVJgpuk24j_WaaVk_v1uyRuk9eYD3btnV6rAelfKO00LVlIH1Ot9xEXtnjh44pQkqnLj6QayihGFVCod9Hi-0ewgmBoXqlcHdazQKi7TF1FTafI-D0TZRen2RnWAoS7B2wO/s400/md+toggle.gif" width="340" /></a></div>
<br />
<br />
Ok, I think I'm shortcutted out! There's probably more that I've forgotten. If you guys have any good ones add it in the comments below! I hope this will make you a more efficient developer!Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-1231670559353807952018-04-08T20:49:00.000+01:002018-04-08T20:49:07.756+01:00Become The Shortcut Master - The Mac and Terminal (Part 1)<span style="font-family: inherit;">I've kinda wanted to write this post for a while, mainly because I am anticipating that my trusty 2011 Macbook Air is going to die at any second now. I did replace the old batteries which made it die at 30% charge, and now the replacement is saying I need to change it again...</span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> </span><br />
<span style="font-family: inherit; font-size: x-large;"><u><b>OPTIMISATION ADDICT</b></u></span><br />
<div>
<span style="font-family: inherit; font-size: large;"><u><br />
</u></span></div>
<span style="font-family: inherit;"> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I really am just addicted to improving things all the time. Its always on my mind. Which can be great when it works out, but most of the time its quite an annoying distraction. Like literally yesterday for no real reason I decided to switch up my furniture in my room which took hours, when I had already listed out some other stuff to do that day.</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> </span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSzhFtsT81u3d_wueLxXlc_J4UPaRC08ArJIdpugnCzAkmdj_nROZMixXw0uaERXfGijSTzYEQV_wkv9ZeBQ7pW2-I2umPDZ4kNZ8WKb_WaSvBEvdzzpuf2Ji9JDVOQfM-AqoelbYvAQ_g/s1600/30c20cc8d23cfd86a8cf2a89d6a8517c.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" data-original-height="303" data-original-width="500" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSzhFtsT81u3d_wueLxXlc_J4UPaRC08ArJIdpugnCzAkmdj_nROZMixXw0uaERXfGijSTzYEQV_wkv9ZeBQ7pW2-I2umPDZ4kNZ8WKb_WaSvBEvdzzpuf2Ji9JDVOQfM-AqoelbYvAQ_g/s320/30c20cc8d23cfd86a8cf2a89d6a8517c.jpg" width="320" /></span></a></div>
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">When it comes to coding or just generally working on the computer, some of these optimisations are worth it especially if you are gonna use these actions a lot. Things like learning to touch type really can save you a crap ton of time, and it pains me to see the older generations use their two forefingers to p-r-e-s-s [<em>looks at screen to check for spelling mistakes</em>] e-a-c-h [<em>looks again</em>] l-e-t-e-r [<em>looks and sees error, deletes whole word and starts again</em>].</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">When it comes to Macs it has taken me some time to decide whether I should use the swiping desktop motion or not. In the end I've decided its just not for me, I found that I would open like 3 or 4 different Chrome browsers, each one having 20 tabs and just a bit mad trying to keep track of what goes where...</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">So right now, Apple + Tab is what I'm using, trying to keep the minimum amount of desktops. But we'll see how it goes, coz at work I can definitely see that there are moments when multiple screens are a necessity.</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">It also helps that my left hand is almost always on the apple key, and most of the shortcuts can be done using the left hand, with the touch pad being close to my thumbs. This actually makes things faster then using the mouse gestures and/or setting the corners of your screen to switch tabs in <a href="https://support.apple.com/en-gb/HT201741">expose</a>.</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> </span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><span style="font-family: inherit;"><img border="0" data-original-height="532" data-original-width="960" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb6SijhyphenhyphenAdNsUxnCSkG80nyeNwDhz37d-rouRLJQ0PkFsRBApG50tGo_MNt5ArNuaftaOkw-zgbgNZ1OJ78DaGJsLbWIccuTjANEJzSh7ozgWpaFn1mK84CbdlREfrErTF_ZSVIOJtJzAL/s640/poker.gif" style="margin-left: auto; margin-right: auto;" width="640" /></span></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: inherit;">Using custom keyboard shortcuts whilst playing my poker games</span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb6SijhyphenhyphenAdNsUxnCSkG80nyeNwDhz37d-rouRLJQ0PkFsRBApG50tGo_MNt5ArNuaftaOkw-zgbgNZ1OJ78DaGJsLbWIccuTjANEJzSh7ozgWpaFn1mK84CbdlREfrErTF_ZSVIOJtJzAL/s1600/poker.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"></span></a></div>
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I remember the days of playing 18 tables at once in online poker, and/or also loving playing Starcraft 2 having super high APM but really not being that good at the game at all, since it was mostly spam and not useful commands! I think my bias might come from the fact that when you keep switching windows using shortcuts it looks pretty cool and looking cool and imagining you're some cool cybernetic futuristic hacker always trumps everything else! (I'm kidding :P).</span></span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="font-family: inherit;"><br /></span></span>
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/HluANRwPyNo" width="480"></iframe></span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> </span><br />
<span style="font-family: inherit; font-size: x-large;"><u><b>MAKE IT A HABIT!</b></u></span><br />
<div>
<span style="font-family: inherit; font-size: large;"><u><br /></u></span></div>
<span style="font-family: inherit;"> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Using shortcuts can be difficult but it will pay off later on, so its important that you make yourself do it. With the touch typing I basically made myself type without looking at the keyboard by forcing myself to do it during the msn messenger years (who remembers that? Ok, calm down AOL users yeah yeah u guys where even older...). Even though my typing isn't perfect "five finger" official style, (I use forefingers to hit space bar), I still learned my own method of allowing myself to touch type which is super useful.</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> </span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4kPXeLs81J_PRadN3DPUiWaqNrJelB6EJIsTP-cpF7l29el40RLQgdKpwQFRSgQ96S4YQAQdHILkezHgIRwavlWGciWs4frNl0KuhCIKFcXadLIvWBkJhpwXKT1Ibt9fF3l7CvWLj9Ley/s1600/losira.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" data-original-height="360" data-original-width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4kPXeLs81J_PRadN3DPUiWaqNrJelB6EJIsTP-cpF7l29el40RLQgdKpwQFRSgQ96S4YQAQdHILkezHgIRwavlWGciWs4frNl0KuhCIKFcXadLIvWBkJhpwXKT1Ibt9fF3l7CvWLj9Ley/s1600/losira.gif" /></span></a></div>
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">That being said, when introducing yourself to new optimisations, remember to add things little by little, otherwise it will be too overwhelming. Do things Agile style!</span></span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit; font-size: x-large;"><u><b>BAD MAC KEY NAMINGZ</b></u></span><br />
<div>
<span style="font-family: inherit; font-size: large;"><u><br />
</u></span></div>
<span style="font-family: inherit;"> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">A quick note about the <strong>Apple Key</strong>. I think officially Apple wants people to call this this <strong>Command Key</strong>, but for some reason they keep the Apple squarey circular corner symbol around. If that's the case I don't know why they keep it around, either have one or the other.</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I prefer saying Apple key because Command is not only similar to the word Control, but Command and Control are literally next to each other bar one key.</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> </span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUG4zoZc1cp3q-6sF04SRJw9AA__g5uE827QNb0VWx8IyjCUxK-pbtstgKkFIem1QpfDUC8xD_m2B29khogrrvLWutr8SWYKLnpnFB8hA7W5JiDFs7OELXSpDd08EL6XiTYspTKByBirlt/s1600/applecommandkey.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: inherit;"><img border="0" data-original-height="200" data-original-width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUG4zoZc1cp3q-6sF04SRJw9AA__g5uE827QNb0VWx8IyjCUxK-pbtstgKkFIem1QpfDUC8xD_m2B29khogrrvLWutr8SWYKLnpnFB8hA7W5JiDFs7OELXSpDd08EL6XiTYspTKByBirlt/s1600/applecommandkey.jpg" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: inherit;">The Apple Key or Command Key, which has two symbols and two names! So confusing...</span></td></tr>
</tbody></table>
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">That key is called the <strong>Alt Key</strong> but even more stupidly is also known as the <strong>Option Key</strong>, which is not printed on the key, just some weird two to one lane road symbol is.</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">When it comes to trying to make things as least confusing as possible for non techy users, they really messed up and for some reason are sticking to it.</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Just for our sakes, I'm gonna use <strong>Apple Key</strong> and <strong>Alt Key</strong>.</span></span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit; font-size: x-large;"><u><b>THE MAC</b></u></span><br />
<div>
<span style="font-family: inherit; font-size: large;"><u><br />
</u></span></div>
<span style="font-family: inherit;"> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><strong>Undo It [Apple + Z], Redo It [Apple + Y]</strong> - Most Apple programs will have this as their defaults. This is great as it should help you not being too scared of trying things out knowing you can always roll back and/or re-re roll back. Its the best way to learn! Gone are the days of the old skool computers where one wrong command could cause a major wide crash (i.e my Dad's old 8 inch floppy disk computer).</span></span><br />
<span style="font-family: inherit;"><br />
<span style="font-weight: bold;">Switching Windows [Apple + Tab]/[Apple +</span><span style="font-weight: bold;"> `</span><code><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="font-weight: bold;">]</span><span style="font-weight: bold;"> </span><span style="font-weight: bold;">-</span> I don't mean upgrade to Windows 10 (although you really should if you have a older version), I mean quickly interchanging the window that is in the front so that you can focus on that. Most people will know about tabbing to different screens using Apple + Tab, but I recently found out that you could also tab between windows of the same kind of program using "**Apple +</span></code>". Note that is not an single quote mark that is a backtick which is the key that you've never seen or used until now between left shift and z. This is great for if you have multiple browser windows or Atom coding windows and don't want to merge them together, but still manage to quickly switch between them.</span><br />
<span style="font-family: inherit;"><span style="font-family: inherit;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br />
</span></span> </span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiClLowKKG89zbEFdGdto4ZHWZkWwE1D2p0UB3mQGVDXX3nmc6UJmmS4qw_cvrpDZ9l1bim7MTnqX6G_p9AX-iHNpGEZS4u-h2GxdRkjzVbSdDZxDIyQJTsa0oIEvkqOhXsIM51LtilSlFq/s1600/alt+tab+alt+backtick.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" data-original-height="540" data-original-width="812" height="425" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiClLowKKG89zbEFdGdto4ZHWZkWwE1D2p0UB3mQGVDXX3nmc6UJmmS4qw_cvrpDZ9l1bim7MTnqX6G_p9AX-iHNpGEZS4u-h2GxdRkjzVbSdDZxDIyQJTsa0oIEvkqOhXsIM51LtilSlFq/s640/alt+tab+alt+backtick.gif" width="640" /></span></a></div>
<span style="font-family: inherit;"><span style="font-family: inherit;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br />
</span></span> <span style="font-family: inherit;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br />
</span></span> <span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><strong>WhereTF is the Delete [fn + Backspace or Control + D] and the # key[Alt + 3]?</strong> - One of the most common complaints I hear about using macs is they do miss out on a few keys. Deleting is pretty common in Windows, which is like a reverse backspacing way to delete a word. This can be done using the function key which is the most bottom left key and backspace, or control + D.</span></span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">For some reason Apple hates twitter, so even though on windows this is on the main keyboard, on the mac this doesn't even make a shift key cut! Again, having these different assignments to control, apple key, function key and alt key makes it all the more confusing for new users.</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><strong>Bin It with [Apple + Backspace]</strong> - Sometimes files need to be deleted asap. Box a bunch of your items with the mouse and hit that shortcut for maximum time saving with that satisfying binned sound.</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><strong>Search It with [Apple + Spacebar]</strong> - Apple's search bar can be pretty quick, espcially since your hands are on the keyboard already. Just hit Apple + Spacebar and type your folder/file/app and you'll open it in no time.</span></span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit; font-size: x-large;"><u><b>THE TERMINAL</b></u></span><br />
<div>
<span style="font-family: inherit; font-size: large;"><u><br />
</u></span></div>
<span style="font-family: inherit;"> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I'd suggest using iTerm2 as your terminal and then modding it following this <a href="http://jilles.me/badassify-your-terminal-and-shell/">blog post</a>.</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">This also will allow cool functionality like tabbing through your files once you start typing a name, it will try and guess it, meaning no more need to type 'cd'.</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">This <a href="https://github.com/0nn0/terminal-mac-cheatsheet">page</a> is awesome to find shortcuts for the terminal.</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><strong>Go to Start [Control + A / Function + Left Arrow] or End [Control + E / Function Right Arrow] of sentence</strong> - During my course at Makers, one of the most common things I'd see us all doing in the terminal was writing out a long sentence (usually a commit message), then realising there was a typo and then having to use the curser to move it back to the beginning. You couldn't use the mouse to jump there, which was really annoying. Damn, all it took was a few seconds of googling it...</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The ZSH shell allows you to use <a href="https://github.com/robbyrussell/oh-my-zsh/wiki/Cheatsheet">shortcuts for git</a>. This can save you a lot of time, since as high quality coders we're always gitting our code, right?? ;)</span></span><br />
<span style="font-family: inherit;"><span style="font-family: inherit;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br />
</span></span> </span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSvbP0odhj4qCwxZvEVBa0FZtlhTC5jg74O_fU76e_RgaqjAethMNoXyWi0UH7mW7QuqlywPxLVHJjHTEfQqDetdFa8iRjEeqEhuycPVYG2ofvrcCj3taGUgx-jXAJxrO-U-oB-ZPucplg/s1600/fish-shell_0.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: inherit;"><img border="0" data-original-height="250" data-original-width="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSvbP0odhj4qCwxZvEVBa0FZtlhTC5jg74O_fU76e_RgaqjAethMNoXyWi0UH7mW7QuqlywPxLVHJjHTEfQqDetdFa8iRjEeqEhuycPVYG2ofvrcCj3taGUgx-jXAJxrO-U-oB-ZPucplg/s1600/fish-shell_0.png" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: inherit;">Blue colours show where you are, yellow/green show you git status</span></td></tr>
</tbody></table>
<span style="font-family: inherit;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Common ones I use are;</span></span></span><br />
<span style="font-family: inherit;"> </span><br />
<ul>
<li><span style="font-family: inherit;">Git Add All - <strong>gaa</strong></span></li>
<li><span style="font-family: inherit;">Git Commit Message - <strong>gcm [message]</strong></span></li>
<li><span style="font-family: inherit;">Git Push - <strong>gp</strong></span></li>
<li><span style="font-family: inherit;">Chain the 3 above, if one fails then others will stop - <strong>gaa && gcm [message] && gp</strong></span></li>
<li><span style="font-family: inherit;">Git Status in lovely colours - <strong>gss</strong></span></li>
<li><span style="font-family: inherit;">Git Create Branch - <strong>gcb [branch name]</strong></span></li>
<li><span style="font-family: inherit;">Git See All Branches - <strong>gba</strong></span></li>
<li><span style="font-family: inherit;">Git Pull - <strong>gl</strong></span></li>
<li><span style="font-family: inherit;">Git Pull from Brance - <strong>ggl [branch name]</strong></span></li>
</ul>
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I've messed around a lot with where to put my terminal, at first I put it in another screen to swipe to, then I've been playing around with setting a position on the right and then bottom permanently. However, my work colleague showed me this pretty awesome <a href="https://marcjenkins.co.uk/drop-down-terminal-with-iterm2/">blog post</a> about how to make it pop up (or down if you prefer) using a hotkey (I used Control + Spacebar).</span></span><br />
<span style="font-family: inherit;"><span style="font-family: inherit;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br />
</span></span> </span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-74dqaf_rHbwYA_t84l1VB2FujN1JfnKx2sS4vEm45cAfWXrbF57mggUyBBHumcyiyzaZ0s_m_fuRoCixQmVAaAQogz_yIN8dwXJrwArCY1oI7Cfq4fOpDQzL0vqXsf3a3_kBAl-E018r/s1600/a7526f3f0ea966b93a1e41c0cb6411a9.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: inherit;"><img border="0" data-original-height="540" data-original-width="792" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-74dqaf_rHbwYA_t84l1VB2FujN1JfnKx2sS4vEm45cAfWXrbF57mggUyBBHumcyiyzaZ0s_m_fuRoCixQmVAaAQogz_yIN8dwXJrwArCY1oI7Cfq4fOpDQzL0vqXsf3a3_kBAl-E018r/s400/a7526f3f0ea966b93a1e41c0cb6411a9.gif" width="400" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: inherit;">The terminal pops up and then slides downwards when and only when you need it!</span></td></tr>
</tbody></table>
<span style="font-family: inherit;"><span style="font-family: inherit;"><br />
</span></span><br />
<span style="font-family: inherit;"> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I know there is an option to find a package in Atom which puts your terminal at the bottom, but I like my custom ZSH iTerm2 window not just because of the ZSH shortcuts but also the fact that it will show you your git statuses bright and clearly which I really want.</span></span><br />
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />
</span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><strong>Next week</strong> <b>- Chrome and Atom Shortcuts.</b> Have a great week y'all and now enjoy the confusion of some code bizarreness! - <a href="https://www.destroyallsoftware.com/talks/wat">https://www.destroyallsoftware.com/talks/wat</a></span></span><br />
<span style="font-family: inherit;"><br />
</span>Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-69627862364339506082018-03-25T16:07:00.002+01:002018-04-07T18:11:39.238+01:00I Got A Job! - Thank You Makers!<h1 id="thefinalstretch">
<u>The Final Stretch</u></h1>
<div>
<u><br />
</u></div>
So it has been a while since my last blog post, and a lot has happened since then.<br />
<br />
I'm pleased to say that I have gotten a job at <a href="http://mettrr.com/uk/">Mettrr</a>! I found out at the beginning of March, and as of right now I've had my first week there, which has been fantastic.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3oO9luUr4fcV-SGgRvjQRlh3uwO8ThcXjig7NUn6cq-rPnwBJ_atIN8aNCbhCaqJfx0g7jVbNeDTtkQF2wpFV8vebAcvvN0O81kskvYIO_IpHf8h-mlHFfQltmlayTo_y5HYLIGgCACdc/s1600/Job%2521.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="86" data-original-width="625" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3oO9luUr4fcV-SGgRvjQRlh3uwO8ThcXjig7NUn6cq-rPnwBJ_atIN8aNCbhCaqJfx0g7jVbNeDTtkQF2wpFV8vebAcvvN0O81kskvYIO_IpHf8h-mlHFfQltmlayTo_y5HYLIGgCACdc/s1600/Job%2521.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td class="tr-caption" style="font-size: 12.8px;">At Makers we use Slack and when someone gets a job they gong the gong and it gets announced in the channel.</td></tr>
</tbody></table>
</td></tr>
</tbody></table>
I had been job hunting for 4 months since finishing the course and it has been a big learning curve in this process. I learned a lot about interviewing, tech tests, and balancing out working on my own self initiated projects. I learned the importance of networking, going to meet ups, but only for things I'm interested in.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihdOd0fXedgeEXbdMkuz4WjawQQf2R8cWEFMCNme6VbvrwTTgXa7FxsEDheOM0Sd0cJGl8gV39zGSHwHL2ul-ew1Xm1ZT0RSMtUczjRHOuT2Ee29Z8RrkJqTJI5gaiyNxjVIaGN0o6QePZ/s1600/this-coding-bootcamp-rings-a-golden-gong-whenever-one-of-its-graduates-lands-a-job--its-been-hit-hundreds-of-times.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="828" data-original-width="1104" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihdOd0fXedgeEXbdMkuz4WjawQQf2R8cWEFMCNme6VbvrwTTgXa7FxsEDheOM0Sd0cJGl8gV39zGSHwHL2ul-ew1Xm1ZT0RSMtUczjRHOuT2Ee29Z8RrkJqTJI5gaiyNxjVIaGN0o6QePZ/s320/this-coding-bootcamp-rings-a-golden-gong-whenever-one-of-its-graduates-lands-a-job--its-been-hit-hundreds-of-times.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">The majestic gong that all Makers students aim to hit</td></tr>
</tbody></table>
<br />
I learned so much about myself, and Makers had provided such amazing support, essentially having three coaches (careers coach, wellbeing coach, and coding coach) helping me during and after the course had finished!<br />
<br />
<h1 id="coacheebecomesthecoach">
<u>Coachee Becomes The Coach</u></h1>
<div>
<u><br />
</u></div>
My previous post may have been rather confusing, as its aimed directly to Makers Students. This was because after I had gotten my job, I had decided to spend my free week before starting to give back to Makers in anyway I could.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjog36juCZ8MLMhUSHj9AAwMLu5YLt_tFNA3teNAyiQ9CDn3RvtHKAC7KjQEJNS8aAsg_PbQ5ua-e4K3oABF68W4EG9xBYHpWoAef_Pq7uN1ATAHnx2Vyqp4Y7WiBHobqYIH0bJRBcvMX8s/s1600/Screen+Shot+2018-03-25+at+15.46.56.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="729" data-original-width="890" height="327" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjog36juCZ8MLMhUSHj9AAwMLu5YLt_tFNA3teNAyiQ9CDn3RvtHKAC7KjQEJNS8aAsg_PbQ5ua-e4K3oABF68W4EG9xBYHpWoAef_Pq7uN1ATAHnx2Vyqp4Y7WiBHobqYIH0bJRBcvMX8s/s400/Screen+Shot+2018-03-25+at+15.46.56.png" width="400" /></a></div>
<br />
My amazing careers coach let me give some one on one time to the current January 2018 cohort. This was a good way to gain some experience in coaching, and also give some advice that I thought would be useful to them.<br />
<br />
One of the challenges of doing the one to ones is to figure out what you want to talk about, and find your 'style'. I had a one to one with a previous Maker before, and he was super confident and amazing technically.<br />
<br />
<h3 id="coachingstyle">
<u>Coaching Style?</u></h3>
<div>
<u><br />
</u></div>
In Makers students that excel are more likely to give back resources to the job hunters in the form on blogs, one to one's or interesting talks. I've felt that there is a lower representation of the 'struggler' which I feel like that I am. I suspect that most Makers that struggle and finally land a job end up just feeling so exhausted that they just want to start as soon as possible.<br />
<br />
So as that guy, my style is trying to be relatable and empathetic to those students that feel that way about themselves. Most of the time they're in their heads, because when one is judge of themselves its hard to quantify (which is usually inaccurate).<br />
<br />
In the end I found my structure was divided into two, helping the students with their concerns and questions, and then giving them a few tips to do that I thought were useful that I had collected from various talks, personal experiences, and articles.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl2TAbt2y4M3j9OoAz0fY3_B9weCoxpuoM4tB1mNGM6IRlPwlkMODWJmp3MkoTUEoBxZE24nbS89sHznE1I5v5ZKMU2txK7oBSUQWSaCKGBezHEIMUtgusZM1biAgMApzSlDQ1m76lWfOE/s1600/pull-push-graphic.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="858" data-original-width="800" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl2TAbt2y4M3j9OoAz0fY3_B9weCoxpuoM4tB1mNGM6IRlPwlkMODWJmp3MkoTUEoBxZE24nbS89sHznE1I5v5ZKMU2txK7oBSUQWSaCKGBezHEIMUtgusZM1biAgMApzSlDQ1m76lWfOE/s320/pull-push-graphic.png" width="298" /></a></div>
<br />
<br />
These would consist of looking at their LinkedIns, Github CVs, networking ideas, and talking about their interests and preparing for it. For example, if one was interested in front end work then learning React.js would be super useful. Medical related work most of the time would involve using Python, and from my experience would also be more likely to be located in Cambridge or Oxford since they would work with the Universities.<br />
<br />
Even though there was 4 weeks to go, it is a good idea to help them think about these kind of things, and who knows they could land a job before the course finished! In fact I've found out recently that one of the guys that did exactly that, annnnnd I'll take some of the credit :P<br />
<br />
<h3 id="diversityisanunderstatement">
<u>Diversity is an Understatement</u></h3>
<div>
<u><br />
</u></div>
Whether I mean race, gender, sexuality or background it really is very diverse. The students has come from all types of backgrounds, from already having a long career in an established company, to lawyers, nurses, teachers or to being a fresh graduate from University (just too smart)!<br />
<br />
What is the main common factor? They all have that amazing Makers attitude of learning and the community spirit of helping each other out. There's no doubt that they will all get jobs after the course.<br />
<br />
After I was given a brief introductions in one of their workshops my schedule was booked up fully almost straight away. Just the fact that I am a Maker that has done the course is enough for these students to give me the chance to help them. Its very humbling.<br />
<br />
Thanks Becks for giving me the opportunity, and January 2018 cohort for just being so freaking awesome!<br />
<br />
<h1 id="everyonehasajob">
<u>Blue-July 2017 All Have Jobs</u></h1>
<div>
<u><br />
</u></div>
A my time with Makers draws to an end, I found out that my friend has just gotten a job. This means that in 5 months our whole cohort of 17 people has all gotten jobs after finishing the course. This is quite amazing considering that the November/December period are the worst hiring times as companies usually like to plan out things in the new year.<br />
<br />
When it comes to putting where your money where your mouth is, Makers has done it, and I've seen it first hand! This comes as no surprise as they have spent years bringing up their reputation within the community as the best coding bootcamp in London, if not Europe.<br />
<br />
I was told that this time last year, 55 Makers students were looking for a job, and now its 18. So they're constantly evolving and improving. I can already see so many great changes they have done to the course whilst job hunting.<br />
<br />
<h1 id="ifixit">
<u>iFixIt</u></h1>
<div>
<u><br />
</u></div>
Just to end off with a plug to <a href="https://www.ifixit.com/">iFixIt</a>. Its a great place to get parts for your products, and it has amazing documentation with clear instructions on how to replace things by yourself.<br />
<br />
This is to fight the way companies make it difficult for you to fix things yourself, and make you buy a new product instead.<br />
<br />
I really needed a replacement battery for my Macbook Air, because it was dying when reaching 30%! I got the parts, which included the weird tiny screwdrivers needed, followed the instructions and managed to install it no problem!<br />
<br />
Here's an interesting documentary following them during the release of the iPhone X. Have a great week everyone!<br />
<br />
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/tx-9LkVIdz0?rel=0" width="560"></iframe>Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-2446229815667108662018-03-05T09:32:00.002+00:002018-03-05T16:02:26.453+00:00Ultimate Job Hunting Guide for Makers Academy Graduates<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; white-space: pre-wrap;">Dear Makers Graduates,</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868"><br /></span>
</span><br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">First and foremost, congrats for completing the course! I'm sure it has been a whirlwind of emotions and no doubt it has been an amazing achievement. Just 16 weeks ago, you probably hadn't written much code at all, and now you can have any idea, and implement it in any language working collaboratively in a team!</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868" style="font-family: "arial" , "helvetica" , sans-serif;">
</span>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">However, this is only part one of your software developer career. Part two is job hunting, and part three is working in the job as a junior developer! All three parts are quite different, but I believe that in completing the Makers Academy course you have all the tools needed to advance upwards and onwards.</span></span><br />
<span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"><br /></span></span></div>
<span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868"><span style="font-family: "arial" , "helvetica" , sans-serif;">
</span></span>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;"><u>ABOUT ME</u></span></span></div>
<span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span><br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">My background is that I spent a long studying various aspects of graphic design in uni, then after graduating stumbled into making money playing online poker for six years. Then at the end of 2016 I decided it was time to move on and decided that coding was what I wanted to do.</span></span></div>
<span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span><br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">I'm telling you this because I did not have much experience in the workplace at all, and I know some of you grads will find it difficult to compete with those who had.</span></span></div>
<span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span><br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">At Makers we always hear about students who got a job in weeks after graduating. Whilst that is impressive and totally deserving, it can be tough for others to experience especially if they lack confidence. </span></span></div>
<span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span><br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">Well that was me. I had struggled for months, but each time round I got better and better, had more experience with the process, and in the end landed my favourite job of them all.</span></span></div>
<span id="docs-internal-guid-4e589b1e-f586-718b-c37e-ab4e99d76868">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">So if that person is you at the moment, hopefully this post can inspire.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large; vertical-align: baseline; white-space: pre-wrap;"><u><b>EMOTIONAL INTELLIGENCE</b></u></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">This is something I want to address that I feel isn't talked about too much. Job hunting is super stressful. It is a roller coaster ride of emotions. You will most likely be competing against your fellow cohort members for the same jobs. When others gong you will be happy for them, but conversely it will also be tough on you to think about why you didn't get that job.</span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">It seems that culturally we seem to have been taught to feel shameful or embarrassment about negative emotions. Then when we do feel those things we get angry at ourselves for feeling that, and then we spiral into an infinite loop of negativity which ends crashing your browser (sorry, bad coding joke).</span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSqaVRb8ZdPpTSN62sTOGFiJVwtS6onTfbWP6FF0t3HwUEfFPj9Mc8pE-haVJ65FUdXQsv_mXvY12-1Ftz2YmKUnOum6Nqi5qNkZZDaejyDIQUjcAMkHtOqrXJ-LO92wWFVzyJ7M3TDdqc/s1600/Screen+Shot+2018-03-05+at+10.08.48.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="667" data-original-width="1031" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSqaVRb8ZdPpTSN62sTOGFiJVwtS6onTfbWP6FF0t3HwUEfFPj9Mc8pE-haVJ65FUdXQsv_mXvY12-1Ftz2YmKUnOum6Nqi5qNkZZDaejyDIQUjcAMkHtOqrXJ-LO92wWFVzyJ7M3TDdqc/s400/Screen+Shot+2018-03-05+at+10.08.48.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Be emotionally aware, and never feel guilty about how you feel</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">Remember that these emotions are ok. If you have spent time to work with the amazing Dana on your wellbeing side, she will tell you to embrace your emotions and not feel bad about feeling bad. Be good to yourself. </span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;"><u>USE MAKERS</u></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">With Makers when you finish, you are not really finished. There is a lot of help in hand, but its up to you to take the initiative to organise yourself. Now it will be up to you to decide what you spend your time on, if you decide to come in and work upstairs in the mezzinine, and ultimately to land that job.</span><br />
<br /></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;">On the Careers Coach (Becks) </span><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">- She is there to help you with anything career related. She can give you feedback on your CV, your personal statements, job hunting strategies, interview practice, or just a general chat! She helped me a lot with my process of researching companies, and getting used to the more formalised language used in the business world.</span></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;">On the Careers Team - </span><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">These are the people that setup the Makers partners for the careers fair. They will give you the information and feedback for the interviews you get. It is </span><span style="font-size: 11pt; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;">super important </span><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">that you use your slack channel to communicate which jobs you are really passionate about. Also let them know the work that you have been doing recently otherwise they will not know if you have done anything at all. They can use that information to put you through to interviews that have your interests in mind, eg front/backend or a particular language. With so many students they just cannot keep track of everyone.</span></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;">On Careers Fair - </span><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">This monthly networking event is a great way to get to know some of the Makers partners and get a feel for what they're about. It is ok to talk to everyone, but I end up focusing on making meaningful conversations with a handful that I chose.</span></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">Be careful not to talk to a partner if they are not in your criteria! A common one would be if they are not based in London, and you are not willing to move or commute, then its not worth your time.</span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">Have some good questions prepared, check out their websites beforehand, maybe they'll have a blog or article that could be a good talking point. Questions based around their culture, what a junior would expect to experience, their tech, their current projects, or challenges would be good ones to name a few!</span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;">On The Hub Applications</span><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"> - Once careers fair is over, you will be filling in those applications on The Hub. Even though these are two simple questions, it's worth investing some time over them. This is your opportunity to tell the careers team why you want that job and why they should put you through. </span></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">Have a look at existing examples of hub applications and feel free to use Becks to check yours over before submitting it. This is great practice for your interviews to break down what you would say when asked those questions. </span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;">On Your Coaches and Wellbeing Coach Dana</span><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"> - One of the biggest misconceptions after you graduate is that you cannot ask for one to one's with your coaches or Dana. They're still around, so set them up! My coach Kay is always happy to look at my code and have a nostalgic chat, and Dana has been a great help with my emotional intelligence. </span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"><b>On Your Github CV </b>- Make sure to get this reviewed. Use the template that Makers provided, and have a look at other existing CV's to help. Make sure your projects that it links to has good readme's, especially your final project. Writing out a more in depth account of your final project can be a good practice not just for readers, but also will help you talk about it when it comes to interviews.</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"><br /></span></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;"><u>THE AGILE MINDSET</u></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">Ok, wow yes that's a lot of information and it can be quite overwhelming! But as I'm sure you have been well trained especially during the last few weeks of the course, what do we do if something is overly complex? We break it down! Still feels too complicated? Break it down more!</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"><br /></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Fi9zKFsmfMjjgOLyFmTW2-cNHLTCL6Oco20fXx8b8tR8mstu3Z_YcY3kJdPJq147IPQlDlT_9S27tNKrKX-rlM2b7C22fNFIsaINH-niXGpUGHjMdmklLY_ZTrcuCP6Sm4FwEH3fccze/s1600/Screen+Shot+2018-03-03+at+10.25.37.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="244" data-original-width="619" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Fi9zKFsmfMjjgOLyFmTW2-cNHLTCL6Oco20fXx8b8tR8mstu3Z_YcY3kJdPJq147IPQlDlT_9S27tNKrKX-rlM2b7C22fNFIsaINH-niXGpUGHjMdmklLY_ZTrcuCP6Sm4FwEH3fccze/s1600/Screen+Shot+2018-03-03+at+10.25.37.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Apply agile to all aspects of your work and life!</td></tr>
</tbody></table>
<br /></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">Break down what is important to you and work on that. You could write a list to help you roughly schedule your week. Edit and modify these lists accordingly. Work on these things but obviously if you have tech tests and/or interviews then put those on the back burner and reprioritise.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"><br /></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizpCJBoEHXGJRZk02pdehXyKKpWyEijamCgtb6dpqdrDSL19jOmvLQ_zbpHH1FhrZNvgH6xKJflErx9tT3n8PlmHXsuamglBXbsKdRgEstRwNSknPWWoL-vSklRNqc4wFpNNFmfnYIzZRr/s1600/Screen+Shot+2018-03-03+at+11.22.06.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="391" data-original-width="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizpCJBoEHXGJRZk02pdehXyKKpWyEijamCgtb6dpqdrDSL19jOmvLQ_zbpHH1FhrZNvgH6xKJflErx9tT3n8PlmHXsuamglBXbsKdRgEstRwNSknPWWoL-vSklRNqc4wFpNNFmfnYIzZRr/s1600/Screen+Shot+2018-03-03+at+11.22.06.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">My agile way of breaking down this blog post!</td></tr>
</tbody></table>
</div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">You could finish up or improve some existing Makers work to gain some confidence. After the course I worked mostly on connecting my code to front end. Then after trying out some React.js, and then Vue.js I realised that I quite enjoyed Javascript. I gained confidence, pinned down my interest, and also added some new projects to my CV.</span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">Maybe you could explore something you have always wanted to do, like check out a trending language, or make a chatbot, or explore cryptocurrency. Maybe you could ask another alumni to pair on a project together. Pairing is motivationally inspiring and is a also great topic to talk about in your interviews.</span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">Remember to keep using Github in all your work after the course. It is really important to document everything so that employers can see it. Even if you are following a tutorial I would say it is worth using Github to upload your code. You gain practice and confidence of using it, and you can show off your good coding practices of making small commits with great descriptions. </span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">Commit your tests first before writing the code. This may seem rather long winded but doing it this way </span><span style="font-size: 11pt; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;">proves</span><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"> that you are testing first, and that could be very important to an employer.</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"><br /></span></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcUIDPgzufdgp7ZnQoaYgbajcxxnKAkOwy88bifgzkYjrfV8oLGUwoeQ76vJ1CZsW9mJsJ-AfrBUiDRq-4WHKZLd7uHn3oIaiuBNjP8_hKeMg-1gqYCMgqr7VLxJL4cFBZKP4abEmkjR_5/s1600/68747470733a2f2f7261772e6769746875622e636f6d2f67656c73747564696f732f676974666974692f6d61737465722f676974666974692d73637265656e73686f742e706e67.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="197" data-original-width="692" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcUIDPgzufdgp7ZnQoaYgbajcxxnKAkOwy88bifgzkYjrfV8oLGUwoeQ76vJ1CZsW9mJsJ-AfrBUiDRq-4WHKZLd7uHn3oIaiuBNjP8_hKeMg-1gqYCMgqr7VLxJL4cFBZKP4abEmkjR_5/s640/68747470733a2f2f7261772e6769746875622e636f6d2f67656c73747564696f732f676974666974692f6d61737465722f676974666974692d73637265656e73686f742e706e67.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Lots of green squares on your Github is a great way to document your hard work.</span></td></tr>
</tbody></table>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"><br /></span></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;"><u>STRATEGIES</u></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">Have a strategy when job hunting. If you don't know how to formulate one then your careers coach is there to help you make one! Here are a few that I found helpful to me;</span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;">Join LinkedIn - </span><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">This site is a great networking tool for professionals. Join it, update your profile and start adding people. Add alumni makers, add companies you like, you could even add employers from the company you are interviewing for. You can message people and ask for advice, but of course keep it professional. </span></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">I was actually headhunted from LinkedIn starting out with a message which led to a phone interview, and then I visited them for a live one. The employer was impressed by me, but ultimately the timing wasn't quite right and insisted he wanted to offer me a job in a few months time. It was disappointing, but I gained a lot of confidence from that interview process which came simply because he scouted me on LinkedIn.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqP3Y7Dv-D2fqujO3H6g71GpZcJnBBuNH28s8_CrsPGyIzlFhuqC1sL-4bw-56sEA5B1BImlyl8tUB3Igvk_iHu7sAfZjZRzoKY8NeBR6xjtdc2XyvNumz_Jvy1yKiYq1P7zSR6huX2SDU/s1600/linkedin.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="248" data-original-width="450" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqP3Y7Dv-D2fqujO3H6g71GpZcJnBBuNH28s8_CrsPGyIzlFhuqC1sL-4bw-56sEA5B1BImlyl8tUB3Igvk_iHu7sAfZjZRzoKY8NeBR6xjtdc2XyvNumz_Jvy1yKiYq1P7zSR6huX2SDU/s320/linkedin.jpg" width="320" /></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;">Look Outside Makers - </span><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">There are many places that you can find job listings, especially job boards. It can be worth exploring especially if you know it might fit your criteria. A bunch of my fellow Makers did not really like London that much, and in turn were open minded enough to take jobs abroad in Portugal and Berlin!</span></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;">Networking Events</span><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"> - The job hunters and careers ideas slack channels are a great way to keep up to date with opportunities and talks that are going on. Makers talks are great to go to not just for the interesting subjects that are presented, but a lot of the time those speakers' companies will be hiring, so it's a good chance to network and possibly create new opportunities.</span></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">There are also various meetups that you can go to. There are a lot, so choose ones that interest you, check them out, see if you like them. Opportunities can crop up from these networking events too, but it's best not to be so forward that your job hunting, and instead be genuinely interested in the topics at hand. </span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"><br /></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaFnCgXfe9KKMeb3f2ASIEHBBpPDSiNhOpBZrGa6jFZegu-q8K2WuzObYPRrCBypZyt8oc2Ucky8zAs5VCaXLmwFmbivECuUJVMNgU5SP11TV_NA_pWXKeZqG2zheV0nsorBfdbEzuDcpm/s1600/Screen+Shot+2018-03-05+at+10.29.06.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="475" data-original-width="1003" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaFnCgXfe9KKMeb3f2ASIEHBBpPDSiNhOpBZrGa6jFZegu-q8K2WuzObYPRrCBypZyt8oc2Ucky8zAs5VCaXLmwFmbivECuUJVMNgU5SP11TV_NA_pWXKeZqG2zheV0nsorBfdbEzuDcpm/s640/Screen+Shot+2018-03-05+at+10.29.06.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Meetups.com can be a great place to check out some great networking events</span></td></tr>
</tbody></table>
</div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">Talk to other Makers! For a while I visited my fellow employed cohort members on their lunch breaks and asked them about their experiences and any tips they could give me. It was great to see them again and gave me quite a motivational boost.</span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;">Adjusting to Feedback</span><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"> - Ok, so you've had a few interviews and received some feedback. Let's work on those things! On one of my interviews I was told my TDD wasn't good. So I added to my list to aim to complete a Codewars everyday using testing first. Another feedback received was weak company research. I worked with Becks to improve that. The more you do this the more proficient and well rounded you will be at your next interview.</span></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 11pt; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;">On Taking a Break</span><span style="font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"> - When I started the course, I already knew I would be going to Asia for three weeks once it finished. It wasn't a break for me per se, and I used a lot of that time to continue coding and improving things I wasn't so confident in. But what it meant was that I would miss a careers fair, which is missing out on one wave of potential interviews and tech test experiences.</span></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">It is discouraged to take a break straight away after the course, because Makers want you to carry on your momentum of the final projects and the work you've done to the employers. They've seen it happen multiple times before with students taking a break and found it hard to get a job afterwards, so lets trust them with their experience and knowledge on this!</span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">However, if you really do want to take a break I think it can be ok as long as you make sure do these things;</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: x-small;">After your break you have to make sure you can keep up the intensity and motivation you had before it and continue where you left off...</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: x-small;">Be prepared to see your fellow cohort members get jobs, and as time goes by less familiar faces being around. It will be mentally tough and hard not to think all the obvious cliches in your head, but remember it's ok to feel bad.</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: x-small;">I would say try and do *some* coding during your break if possible. Maybe do some Codewars or tutorials. Keep your mind fresh and still in the game.</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: x-small;">If your gonna take a break, commit to it! Do something with your break, like a holiday. Being at home choosing to do nothing just isn't worth it and you might as well spend that time continuing the job hunt instead.</span></li>
</ul>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<b><u><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">KNOW YOURSELF</span></u></b><ul style="margin-bottom: 0pt; margin-top: 0pt;">
</ul>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">At first it was difficult in even knowing what I wanted. Becks asked me to answer these two questions to help me pin down what I felt was important to me;</span><br />
<ol>
<li><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: x-small;"><i>Why did you choose to become a developer?</i></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: x-small;"><i>How has Makers helped you in becoming a better developer?</i></span></li>
</ol>
</div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">My job hunting experience gave me a great insight into knowing myself better. During the process I learned what I valued, my capabilities and how I handled certain situations. In the end I realised that I just was not able to fake interest and passion, which meant jobs that I had strategically chosen to give myself the best chance of landing would fail as they could see that about me. </span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<br />
<ul>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;">Do I get any job or only go for the jobs I want?</span></li>
</ul>
</div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">I've heard points from both sides here, and they both have strong arguments. </span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">Getting any job (within reason) means getting your foot in the door, getting that one year's experience and then being very employable afterwards so then you can go for the one you love.</span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">The other side has said to me that right now there are tons of jobs for juniors, so don't feel like you should take any job, you can choose.</span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">The conclusion I have come to after this process is that the answer is that it is different for everyone. </span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">For myself the latter was true, and getting any job was hard for me since I found it difficult to express interest in something that I just didn't find interesting. That is not to say that this is black and white, some parts of a job you may find interesting and others not. But this is what I realised about myself, and so was excited to switch up my strategy and see what was to come.</span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 11pt; vertical-align: baseline; white-space: pre-wrap;">I hope there is some great advice in here for you guys. Feel free to comment or message me on slack <complete id="goog_2045437143">@Puyan_Wei </complete>with questions and I'd be happy to help. Good luck, you can do it!</span></div>
</span>Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-15171376712890371932018-02-21T19:20:00.002+00:002018-03-05T09:42:05.603+00:00A Vue To A View - Punchbag GameY'ello all, hope everyone is good.<br />
<br />
This week I've been checking out Vue.js and so far I'm loving it! I have done a little bit of React so far, so its not super foreign to me. I've been following using this amazing tutorial with the best name ever <a href="https://www.youtube.com/watch?v=5LYrN_cAJoA&list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa">Net Ninja</a>.<br />
<br />
Vue.js is a framework for building front end interfaces for the web. It focuses on the view layer only, but is flexible to work with other libraries. It uses a method of rendering data to the DOM (objects on the webpage), which gives it the advantage of being super fast at updating the page.<br />
<br />
An example of this would be doing google searches in which it comes up with suggestions before you finish typing. This makes it super reactive, meaning that it runs new searches with each keypress, that is when anything changes on the page.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizrKwok4EbRCUiG7yGUm-Af9MM_glMJeMsLDz_1aQebmAyIMcD1qU7ukJNT0z5SHZkmvmAqLnR58qOmn0972Ppcp5f29l3ERyIvR84BJ_mB8acAwhxBVv1h-4jLMQQhiWyremFqdwQBDAD/s1600/a96932_s12.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="395" data-original-width="450" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizrKwok4EbRCUiG7yGUm-Af9MM_glMJeMsLDz_1aQebmAyIMcD1qU7ukJNT0z5SHZkmvmAqLnR58qOmn0972Ppcp5f29l3ERyIvR84BJ_mB8acAwhxBVv1h-4jLMQQhiWyremFqdwQBDAD/s320/a96932_s12.gif" width="320" /></a></div>
<br />
<br />
<b><u>VUE THE EVERYMAN</u></b><br />
<b><u><br /></u></b>
In the industry there are three main front end Javascript frameworks. These are Angular, React and Vue. What is interesting is that Angular is developed by Google, React by Facebook, and Vue is not backed by any big tech company.<br />
<br />
This means that it lacked the 'security' of surviving by having a guarantee that it will be used. This is what makes it more impressive, and because of this, it has to live to a higher standard then its other rivals.<br />
<b><u><br /></u></b>
Vue was created by Evan You after working for google using Angular. He has been said to have grabbed the best bits of Angular and React, and combined them into Vue.<br />
<br />
Over the past few years Vue has gain traction and big companies are using it more, like Adobe, Alibaba, Expedia, Nintendo and Gitlab to name a few. Developers has rated it highly and it is known for its simplicity (compared to the others), great documentation and welcoming community.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiOas1m3ZNptSpZ286uhgx2bwoQy1UV4X0rk5kk8YyD5uZYe_Iq5KcsI7ENeseXQILn3S96PzZycNOxD4MgGZNACcVIntMk4sRa9CW9ibERrVi7Hx3MRFr2axA4JybfGwmygp0GYmKyzrh/s1600/vuejs-tutorial_2d2a853c-aa2f-44b0-80df-933b495f77f8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="510" data-original-width="1215" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiOas1m3ZNptSpZ286uhgx2bwoQy1UV4X0rk5kk8YyD5uZYe_Iq5KcsI7ENeseXQILn3S96PzZycNOxD4MgGZNACcVIntMk4sRa9CW9ibERrVi7Hx3MRFr2axA4JybfGwmygp0GYmKyzrh/s320/vuejs-tutorial_2d2a853c-aa2f-44b0-80df-933b495f77f8.png" width="320" /></a></div>
<br />
<br />
<br />
<b><u>A MINIMAL VUE.JS SETUP</u></b><br />
<b><u><br /></u></b>
Note that I did follow the tutorial <a href="https://www.youtube.com/watch?v=WjfpQlVem-8&index=13&list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa">here</a>, so its not entirely my work. However I added sounds and the 60's Batman onomatopoeia (omg thank god for spellcheck) words chosen at random, and some styling as well.<br />
<br />
This is what I've gotten to so far, this is a super simplistic version because I know there are standardised Vue initialisations which pre generates all your files. Anyways, my thing is all about keeping things simples!<br />
<br />
Lets setup! Once we made a project folder and sorted out all ya <a href="https://www.youtube.com/watch?v=BCQHnlnPusY&list=PLRqwX-V7Uu6ZF9C0YMKuns9sLDzK6zoiV">github'ins</a>, we wanna "npm init" press enter a bunch or answer npm's questions and then "npm install --save http-server". This downloads the node module for creating a server to run our web app.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKsIK5UAXGeY0VCIzjG4gicWrN8bAc3cyP2gegsRKxTnuiP3XvOmTJz3Qe_ihpn2nGX4HYk9Gh5XClITUx33J4qkekySD-2ojEnzhPMcWo02iDKyTo076kciE27w5I_ak5eWT-dJYk8jNo/s1600/Screen+Shot+2018-02-21+at+17.01.05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="221" data-original-width="587" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKsIK5UAXGeY0VCIzjG4gicWrN8bAc3cyP2gegsRKxTnuiP3XvOmTJz3Qe_ihpn2nGX4HYk9Gh5XClITUx33J4qkekySD-2ojEnzhPMcWo02iDKyTo076kciE27w5I_ak5eWT-dJYk8jNo/s1600/Screen+Shot+2018-02-21+at+17.01.05.png" /></a></div>
<br />
<br />
Go into the package json file and just add this script section to that file. This will make a nice little shortcut for you to only need to type in "npm start" into the terminal to start a server for ya.<br />
<br />
Ok so here's my file structure.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX6sfVw444lO8FwWemxBIHRY6sIdYO5tUD1ChpDuo2opN_8OdgTRvzp-miNAHtsz4YRUKIueA1HHvP7-hMerIO-FaEYbK-2FYQeCzglI0wPvc8Cp09G3vYGZYj5p3zxwT4EHYuUR1Pbo4E/s1600/Screen+Shot+2018-02-21+at+17.03.45.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="479" data-original-width="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX6sfVw444lO8FwWemxBIHRY6sIdYO5tUD1ChpDuo2opN_8OdgTRvzp-miNAHtsz4YRUKIueA1HHvP7-hMerIO-FaEYbK-2FYQeCzglI0wPvc8Cp09G3vYGZYj5p3zxwT4EHYuUR1Pbo4E/s1600/Screen+Shot+2018-02-21+at+17.03.45.png" /></a></div>
<br />
So the two main files we wanna concentrate on are gonna be the Index.html file, which is our front end interface stuff, and app.js which holds some backend logic.<br />
<br />
Assets is where I'm keeping my CSS styling of the webpage, and img and sounds folder is some media stuff that I added in later on.<br />
<br />
Ok, lets go to the HTML file...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPqHnNKsviUEAMSEptcvFXrFgdgofCRlMMaMdbUOHOegLbH_LiouJEGm4Ot8-tXpKuysPzFBc-rtSueAtD4iDZTSeYt30WO1V6xVOUm4DG7aciGegPJAg5TtJ-0-HmOHDiDrwOOevT-0D0/s1600/html+setup.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="537" data-original-width="835" height="411" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPqHnNKsviUEAMSEptcvFXrFgdgofCRlMMaMdbUOHOegLbH_LiouJEGm4Ot8-tXpKuysPzFBc-rtSueAtD4iDZTSeYt30WO1V6xVOUm4DG7aciGegPJAg5TtJ-0-HmOHDiDrwOOevT-0D0/s640/html+setup.png" width="640" /></a></div>
<br />
*Pro Tip*(I'm being sarcastic btw coz I'm no pro!), in Atom just write "html" and hit tab, and a basic html structure will be setup for you. This will include the structure above, but without the code inside the head tags, and the body tags.<br />
<br />
So inside the head, the "<link rel..." bit is where we're telling the page to look for the CSS file for the styling. Underneath that in the script tag, that is grabbing the Vue.js file and adding it to our page. This is using CDN which is an online link, but you can download it and refer to your own file like with the CSS.<br />
<br />
At the bottom, that script tag is gonna load in our app.js file to the page. More on that later...<br />
<br />
So inside the body tag, we're giving this tag an id "app". This is where we want Vue.js to render our page. All the elements will go inside this div!<br />
<br />
Right, lets go to App.js...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBP3dXYaItKHQ2YymyisyEY_FZyXaCCyBSCBFZTvXfZof3E3tPdhKl1qcrXvsJw8Janb8Ww-EJZUWWAy6rUSkd0m80v69b5ds3SQFpjj4g0jmbxQBtRO9sc9dk-qrGDPvsSZh14wEPyD39/s1600/app+setup.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="171" data-original-width="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBP3dXYaItKHQ2YymyisyEY_FZyXaCCyBSCBFZTvXfZof3E3tPdhKl1qcrXvsJw8Janb8Ww-EJZUWWAy6rUSkd0m80v69b5ds3SQFpjj4g0jmbxQBtRO9sc9dk-qrGDPvsSZh14wEPyD39/s1600/app+setup.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
So inside this file we wanna put this. Its a new instance of Vue, and it will be structure in a hash table. So remember, when we add lines we need commas, apart from the last line of every hash!</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Inside this Vue instance, each hash represents something. The "el" represents the element we are rendering to, in this case that div tag with the id "App", this is the bridge that links App.js to Index.html.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Data represents variables that we can refer to and/or change, and methods are well, exactly that, functions that "do stuff"</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<b><u>BUILDING THE PUNCHING BAG</u></b><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Ok, gonna zoom ahead and try and challenge myself to explain this! </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
The structure has a title at the top, then some text, followed by a picture, a lifebar, and then our buttons "Punch" and "Restart" at the bottom. Here's our final App.js;</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSF8b7cm9wqRk2ga2tjWsAaHFyLJJIUgBLmncLPLh0tMT0DO7L5IEDslzoxCnKN-2hC6iI0wv02_qw1aDpmVP9r-9vf_jP_xEljg6BkCYDmN-u5X1l-xWCKOXiC7xKskQoj6ilL0tWap-a/s1600/Screen+Shot+2018-02-21+at+17.45.27.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="991" data-original-width="838" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSF8b7cm9wqRk2ga2tjWsAaHFyLJJIUgBLmncLPLh0tMT0DO7L5IEDslzoxCnKN-2hC6iI0wv02_qw1aDpmVP9r-9vf_jP_xEljg6BkCYDmN-u5X1l-xWCKOXiC7xKskQoj6ilL0tWap-a/s640/Screen+Shot+2018-02-21+at+17.45.27.png" width="541" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Ok, so yeah this looks like a lot of stuff to take in.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
The data hash contains some of our variables; </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
"<b>health</b>" - which starts at 100 initially.</div>
<div class="separator" style="clear: both; text-align: left;">
"<b>ended</b> " - which is a boolean, ie true or false.</div>
<div class="separator" style="clear: both; text-align: left;">
"<b>batman</b>" - an array of hilarious words from the 60s batman series I got from this <a href="https://www.fastcompany.com/3055253/every-batman-fight-scene-onomatopoeia-in-one-alphabetical-gif">awesome website</a> which listed all of them. The list is a loooot longer! </div>
<div class="separator" style="clear: both; text-align: left;">
"<b>chosenWord</b>" which is blank at first and that's what the selected word will be.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
The methods section which contains our functions;</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
"<b>playPunch, playKnockout" </b>- These dudes load up our sounds files and plays them.</div>
<div class="separator" style="clear: both; text-align: left;">
"<b>punch</b>"- deducts 10 from our health variable, and checks to see if the health below is one. If it is then it sets ended to true. Then runs the playKnockout function which plays the fainted and knockout sounds.</div>
<div class="separator" style="clear: both; text-align: left;">
"<b>restart</b>"- this sets the health variable back to 100, and makes the ended variable false again. It then resets the chosenWord variable to being blank.</div>
<div class="separator" style="clear: both; text-align: left;">
<b>"pickWords" </b>- chooses a random number between 0 and the length of the array, grabs that element word, and then applies it to the chosenWord variable.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Phew! Still with me? Lets continue...</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzKRH6CN4_3LGg-t6pFrb4Bbt1xsUrtUkMnsozNs1BjHUbGJjz3SL3rrpI-n_XoQ70W_Hmzn0FC6zDhAJMDSV4wcJVphNmzPcsR6nvqq0ZD_KnkQxKPSOBzc41ix3LIhGXkO6aFaERywrc/s1600/Screen+Shot+2018-02-21+at+17.29.49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="615" data-original-width="882" height="446" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzKRH6CN4_3LGg-t6pFrb4Bbt1xsUrtUkMnsozNs1BjHUbGJjz3SL3rrpI-n_XoQ70W_Hmzn0FC6zDhAJMDSV4wcJVphNmzPcsR6nvqq0ZD_KnkQxKPSOBzc41ix3LIhGXkO6aFaERywrc/s640/Screen+Shot+2018-02-21+at+17.29.49.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
Ok, so the html page is sectioned out as mentioned above. There are some really cool Vue variable and event syntax stuff to check out!<br />
<br />
<ul>
<li>Variables in our data hashes can be referred to through using { [variable key pair name]}. Vue will look through the hashes and find that name.</li>
<li>You can output the contents of the variable using {{ [key pair name]}}. For example here we can output the health like <p>{{ health }}</p> which would output 100. EZ!</li>
<li>":" is short for "v-bind" which binds that website property to the variable output. </li>
<li>DOM Events are shorcutted to @ symbols, so here notice how easy it is to setup the @click event.</li>
</ul>
<br />
<br />
<b>Bag Image</b> - This line is saying that if ended = true, then add the burst class to this tag.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaIKQPEHJkZ2-NdedO1RCg2cb-EIkAZ5aksYPyXHWPexanTYv4eN4X6ndnNcFf4vc5HdpTjz5amZmXdgrDjhR6qqSu6MjS5YhI7CZ9xawTJMBH57fVXZorpv2YnjSWkPFp226ZeJXiJOUU/s1600/Screen+Shot+2018-02-21+at+18.04.00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="261" data-original-width="596" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaIKQPEHJkZ2-NdedO1RCg2cb-EIkAZ5aksYPyXHWPexanTYv4eN4X6ndnNcFf4vc5HdpTjz5amZmXdgrDjhR6qqSu6MjS5YhI7CZ9xawTJMBH57fVXZorpv2YnjSWkPFp226ZeJXiJOUU/s1600/Screen+Shot+2018-02-21+at+18.04.00.png" /></a></div>
<br />
In our CSS file, we have an attribute where #bag.burst will show a different picture to #bag. So when the ended variable becomes true, the picture changes.<br />
<br />
<b>Bag Health</b> - Here we use another bit of CSS magic to create a dynamic life bar;<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwD_gUCJ5z7Wo2ZuTxUlabYjuhrHUJHknKmLRBJSk_85V6C5q2kTZtPqP7_nE0JRtRVjc5z-N5wDkKktq8ao8IJhaoh-RvUaFF8il643gXtvadzcHpI_blN5fAmdQbEve1un5jsHbpowQL/s1600/Screen+Shot+2018-02-21+at+18.30.00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="246" data-original-width="295" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwD_gUCJ5z7Wo2ZuTxUlabYjuhrHUJHknKmLRBJSk_85V6C5q2kTZtPqP7_nE0JRtRVjc5z-N5wDkKktq8ao8IJhaoh-RvUaFF8il643gXtvadzcHpI_blN5fAmdQbEve1un5jsHbpowQL/s1600/Screen+Shot+2018-02-21+at+18.30.00.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Here #bag-health is our black border, and #bag-heath div is our red life bar. This life bar is linked with the variable health, and its width attribute changes in relation to how much health it has.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQYiX2r_okn6jpgvFvKRwc7nPGEJAnQuUURYTXUJ4K4jF8N7Wq2lypG6UZwvivxVuYClD2gU1IW3pjgOw-i-58j7EeiK_R9y1RavWMctdB_jobydcsJ1NfocuFF4D5sXIuVzfJLG2lzx6V/s1600/Screen+Shot+2018-02-21+at+18.36.49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="58" data-original-width="339" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQYiX2r_okn6jpgvFvKRwc7nPGEJAnQuUURYTXUJ4K4jF8N7Wq2lypG6UZwvivxVuYClD2gU1IW3pjgOw-i-58j7EeiK_R9y1RavWMctdB_jobydcsJ1NfocuFF4D5sXIuVzfJLG2lzx6V/s1600/Screen+Shot+2018-02-21+at+18.36.49.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Game Controls</b> - Here is an example of how easy the event handlers are. @click, which is when the buttons are clicked, runs those functions named in the methods hash. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Button Punch - Runs methods punch, playPunch and pickWords.</div>
<div class="separator" style="clear: both; text-align: left;">
Button Restart - Runs method restart.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Interestingly enough, you don't normally need the () brackets to call the functions as Vue will just look for the names. But one of the struggles I had was to get multiple functions running in one click event, and for that reason I think it might need them there. But I'm not 100% sure.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<b>Batman Words</b> - This is where the output of the randomly chosen batman word goes. Notice the syntax of how simple it is; {{ chosenWord }} outputs that variable!<br />
<br />
So there you have it, a simple app to start you (or me) out. Its interesting that there is a lot more logic being put on the html page now, it seems that is the direction that technology is moving towards these days...<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpmAr2fwuARyfUJsTz4jlpiYG1bzMuiytlILYDPvhRe-6EEUIyw6lTzNQWJXvYD5MhKa5qNpjnUYVEpkh5oEHXwxwJn1DCPetjXsz3EMLuw3PK5YRiDb3btF3nr2I6rKLCdIuRTkDxTMqF/s1600/live-punch-bag.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="480" data-original-width="588" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpmAr2fwuARyfUJsTz4jlpiYG1bzMuiytlILYDPvhRe-6EEUIyw6lTzNQWJXvYD5MhKa5qNpjnUYVEpkh5oEHXwxwJn1DCPetjXsz3EMLuw3PK5YRiDb3btF3nr2I6rKLCdIuRTkDxTMqF/s1600/live-punch-bag.gif" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">You can see how dynamically the code changes elements on the page</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
My full repo is <a href="https://github.com/puyanwei/punchbag-game">here</a>, have a look and enjoy! I'll be doing more Vue-y style things this week, looks like a lot of potential! Have a great week peeps!<br />
<br />
**Update! Check it out on heroku <a href="https://punching-bag.herokuapp.com/">here</a>!<br />
<br />
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/NZaG_13ZIYY" width="560"></iframe>
Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-60047112675674144262018-02-13T16:34:00.001+00:002018-02-13T16:34:08.689+00:00Ruby Javascript Kata ComparisonAt my last interview, I was lacking some confidence in my Test Driven Development (TDD). This means that you write a test first to set out your intention, then test it, then it fails because the code doesn't exist yet, then write the code and make it pass.<br />
<br />
I have been practising this finding little puzzles via <a href="https://www.codewars.com/">codewars</a>. I had not touched codewars since the Makers Academy <a href="https://thep-log.blogspot.co.uk/2017/07/the-makers-academy-pre-course.html">pre-course</a>. Hopefully now I would be a bit more knowledgable about them now?<br />
<br />
<br />
<b><u>MOVIE CLERK</u></b><br />
<br />
<a href="https://www.codewars.com/kata/555615a77ebc7c2c8a0000b8/train/javascript">The Kata</a> I wanna highlight is one I did last week in Javascript, and then paired with to do it in Ruby. So this should give you a nice look into comparing the two languages. I would say that I'm pretty proficient with both, but there's always room for improvement, especially with refactoring and all that.<br />
<blockquote class="tr_bq">
Vasya is currently working as a clerk. He wants to sell a ticket to every single person in this line. Each of them has a single 100, 50 or 25 dollars bill. A ticket costs 25 dollars.</blockquote>
<blockquote class="tr_bq">
Can Vasya sell a ticket to each person and give the change if he initially has no money and sells the tickets strictly in the order people follow in the line? </blockquote>
<blockquote class="tr_bq">
Return YES, if Vasya can sell a ticket to each person and give the change with the bills he has at hand at that moment. Otherwise return NO.</blockquote>
<blockquote class="tr_bq">
Examples; </blockquote>
<blockquote class="tr_bq">
tickets([25, 25, 50]) // => YES</blockquote>
<blockquote class="tr_bq">
tickets([25, 100]) // => NO</blockquote>
So in example 1, the first customer gives 25, then the 2nd, and the third guy gives 50 which needs 25 change, and there are two 25's in the till. So that line can be completed so it returns YES.<br />
<div>
<br /></div>
<div>
In example 2, the first customer buys a ticket for 25, but then the 2nd tries to pay with a 100 bill, but there's only one 25 in the bill so there's not enough change so it returns NO.</div>
<div>
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENVl7GMcBY5QKAJk1RAtAWMLrqrmTRbgITfb8RMqFIHlAynvx7eVwGlFELuEJmaGpqBONH8fgYCHHNy0fvZE-6zDEx5BmlKYeULkV7kucTlwg2h-9H7KPaBtS4v_oWIh4X0AuRChB2W6-/s1600/e8b6430a746f9347f756ee87e33ac349.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="328" data-original-width="517" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENVl7GMcBY5QKAJk1RAtAWMLrqrmTRbgITfb8RMqFIHlAynvx7eVwGlFELuEJmaGpqBONH8fgYCHHNy0fvZE-6zDEx5BmlKYeULkV7kucTlwg2h-9H7KPaBtS4v_oWIh4X0AuRChB2W6-/s400/e8b6430a746f9347f756ee87e33ac349.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Welcome to the world of just 25, 50, and 100 notes! Sounds great to me, being a fan light wallets.</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
<br /></div>
<div>
<b><u>STEPS (IN JAVASCRIPT)</u></b></div>
<div>
<br /></div>
<div>
The first thing to do is to break down the problem into smaller bitesize chunks so its easier to understand. Here's the steps I kinda outlined in my planning;</div>
<div>
<ol>
<li>We need to go through each number of the array (customer), and work out if it can give change or not.</li>
<li>If at any point of the queue any customer cannot get change return NO.</li>
<li>If they can get change, we must update the till depending on what note is given;</li>
<ul>
<li>25 note gets no change.</li>
<li>50 note gets 25 change.</li>
<li>100 note gets 75 change, which is one 50 and one 25 or three 25 notes.</li>
</ul>
<li>If all is well, and everyone gets the correct change, then return YES.</li>
</ol>
<div>
I though a hash data structure would be best for this. This would be used to update the numbers of notes in the till;</div>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7J-YdUm8qssw6TvrwxHUo-yEyQRksm2gzqH4ewffg6ZAXEJbNx-cTgKVmY0WvGqQQsuOLbFh9bkgjFlqqG-yHzSXU8O-MfkE-ZQ7xlxfVwoDNcwFGFmnYj_Cx33Cu0BKj-M0gOSimYOl4/s1600/Screen+Shot+2018-02-13+at+14.55.59.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="35" data-original-width="345" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7J-YdUm8qssw6TvrwxHUo-yEyQRksm2gzqH4ewffg6ZAXEJbNx-cTgKVmY0WvGqQQsuOLbFh9bkgjFlqqG-yHzSXU8O-MfkE-ZQ7xlxfVwoDNcwFGFmnYj_Cx33Cu0BKj-M0gOSimYOl4/s320/Screen+Shot+2018-02-13+at+14.55.59.png" 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;">
Hashes work in key/value pairs separated by colons. So here the keys are 25, 50, and 100, and the values are zero. There are zero notes of each when a new bunch of customers line up.</div>
<div>
<br /></div>
<div>
Now we wanna make checks for if we can give change;</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKzqDC2TAewq3hNYBuVjN5SooeWqVRYQM8jNOZIefYD569wAscA5lQbvBJmX6kZOtdARVbTycoLPqK5xBkPGPD2oiIk-rb6-mBW4kO828ftsyTiV6JT0qGt-ukknylGOdskrJ4cKJareFs/s1600/Screen+Shot+2018-02-13+at+15.02.15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="435" data-original-width="621" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKzqDC2TAewq3hNYBuVjN5SooeWqVRYQM8jNOZIefYD569wAscA5lQbvBJmX6kZOtdARVbTycoLPqK5xBkPGPD2oiIk-rb6-mBW4kO828ftsyTiV6JT0qGt-ukknylGOdskrJ4cKJareFs/s1600/Screen+Shot+2018-02-13+at+15.02.15.png" /></a></div>
<div>
<br /></div>
<div>
Here is a function canMakeChange where you input 25, 50, or 100 and it looks at the till to see if it can make change. </div>
<div>
<br /></div>
<div>
For 25, there no change needed so its always true.</div>
<div>
<br /></div>
<div>
For 50, it needs 25 change always. Here "till[25]" is looking for the key pair of the 25 in the hash, and asking whether that number is above zero. If it is, there is change for a 50. We can edit the hash ourselves and run the code to test whether this works. But in doing this process, I had written tests.</div>
<div>
<br /></div>
<div>
For 100, its a bit more complicated as there are two possible ways of giving change. You can give one 50 and one 25 or three 25 notes for 75 change. In the same way as before, it looks for various combinations of these notes in the hash till and returns true. In the code I have extracted it to another section so that its more readable. It is saying, if note inputted is 100, return true if the till has more then three 25s, OR (the two pipe symbols "||") more then one 25 AND (the double ampersand "&&") more then one 50 note.</div>
<div>
<br /></div>
<div>
Ok, so lets make our till update if change can be given, and it does. Our till will have money going in, and money going out back to the customer.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJK2q8SGFT85_blJYR_IvD3EWJSxkRjMRYPNIHBfGBHjgbtyqHRZG3X2tymvmtgf0AWoOi3T0Qn_rzorfeGtNeT-_7sHGK2oLzQzWCKsomyGhW4ZAlGsQTHYrr_x3cSYVEhTU38P12TkdL/s1600/Screen+Shot+2018-02-13+at+15.18.37.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="412" data-original-width="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJK2q8SGFT85_blJYR_IvD3EWJSxkRjMRYPNIHBfGBHjgbtyqHRZG3X2tymvmtgf0AWoOi3T0Qn_rzorfeGtNeT-_7sHGK2oLzQzWCKsomyGhW4ZAlGsQTHYrr_x3cSYVEhTU38P12TkdL/s1600/Screen+Shot+2018-02-13+at+15.18.37.png" /></a></div>
<div>
<br /></div>
<div>
So this function accepts an input number, and then updates the hash till. Note that ++ and -- means adding or subtracting one to itself. This is such a common thing that Javascript has created this shortcut.</div>
<div>
<br /></div>
<div>
With 25, it adds 1 to the 25 hash. Meaning the till should be "hash = { 25:1, 50:0, 100:0 } if the till is empty before this input. Since there's no change, no need to deduct any of the other notes.</div>
<div>
<br /></div>
<div>
With 50, it subtracts one 25 note, but adds another 50 note to the till.</div>
<div>
<br /></div>
<div>
With the 100 note, again its more complicated. We need to find out if the till has one 50 note and one 25 note, or three 25 notes. So here, we use the other functions we had created before to check it this is true and then update it appropriately. With one of each, we subtract a 25 and a 50 and add in a 100. With three 25s, we deduct three 25s only.</div>
<div>
<br /></div>
<div>
Finally, we link everything together in a more controller type function. This is when a function is used as more of a place which calls other functions, rather then us calling them separately.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDSLtWcuv0YVb23QBoWNTfVe4Wzp4yo6MG1y9ebCGXzTHUIiOXPgFsDhOLcisrc3JwqinX7Aohd_jNX-3TYceIiDRZDAKbwOdzNMH031yp3yr2vXveeUFjsnpOLvhGHgSEo7lL1i2hraRn/s1600/Screen+Shot+2018-02-13+at+15.25.13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="242" data-original-width="585" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDSLtWcuv0YVb23QBoWNTfVe4Wzp4yo6MG1y9ebCGXzTHUIiOXPgFsDhOLcisrc3JwqinX7Aohd_jNX-3TYceIiDRZDAKbwOdzNMH031yp3yr2vXveeUFjsnpOLvhGHgSEo7lL1i2hraRn/s1600/Screen+Shot+2018-02-13+at+15.25.13.png" /></a></div>
<div>
<br /></div>
<div>
Here, we use a loop which goes through our list and applies it to each individual element, ie each customer's payment. Var i = 0 is telling it to start the loop at the first element of the array, i < array.length tells it to stop looping at the end of the list and i++ is telling it to go through elements (represented by array[i]) of the list one by one.</div>
<div>
<br /></div>
<div>
For each cycle, it we input the element into our canMakeChange function and if it is true, then giveChange and update the till. With if statements, if we are asking if something is true, we don't have to explicitly state it. For example, if(true ===true) can be written out as just if(true).</div>
<div>
<br /></div>
<div>
If it cannot make change, then return NO. If it manages to complete the loop with all the change given return YES. Once we return something in Javascript, it breaks out of the function meaning that the code stops there if there is anymore.</div>
<div>
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH1n2NoLIkELR-gDriLSVmZK0TMItkVRlZ7H6TGYqH0ZIvkUgybpWTFUSs_WvBwv-skvGbY46W_e4fOvgnwSlse_fkwifY8c_5bn1cWL9vGzil7aKxdTMrjVPBh17XMefOr-kqqANjbf9-/s1600/Screen+Shot+2018-02-13+at+16.12.49.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="502" data-original-width="608" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH1n2NoLIkELR-gDriLSVmZK0TMItkVRlZ7H6TGYqH0ZIvkUgybpWTFUSs_WvBwv-skvGbY46W_e4fOvgnwSlse_fkwifY8c_5bn1cWL9vGzil7aKxdTMrjVPBh17XMefOr-kqqANjbf9-/s1600/Screen+Shot+2018-02-13+at+16.12.49.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Some tests to practice my TDD and also keep an eye on my code working</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
<br /></div>
<div>
<b><u>READABLE RUBY</u></b></div>
<div>
<br /></div>
<div>
Here is the comparisons between Ruby and Javascript. Here we call the function sell to initiate it.</div>
<div>
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZPbmDI7Ercybj50nCBPm5HbpBKbJL3VhZ8b5CbPRQSOAN82uJ7u2NgvBfIRRJadZvsstil82cqbd-sMFazcNq6BP7PoRakg0dU4w2xlePagMBVPcAInGrPOLNTXd2e9sHxtK8AYA1-Wd4/s1600/Screen+Shot+2018-02-13+at+15.41.55.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="961" data-original-width="580" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZPbmDI7Ercybj50nCBPm5HbpBKbJL3VhZ8b5CbPRQSOAN82uJ7u2NgvBfIRRJadZvsstil82cqbd-sMFazcNq6BP7PoRakg0dU4w2xlePagMBVPcAInGrPOLNTXd2e9sHxtK8AYA1-Wd4/s1600/Screen+Shot+2018-02-13+at+15.41.55.png" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 12.8px;">Javascript</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF0lZQpQavwm_-UzGxrlNUrNEz7HSFFgr3Xw_Iw4-LLYW5g-3ZIPWGMLhJVihuu-a0J6vcp6W4zm0yRYji98J3VCTP-zeKwgtDlusEhPe9TSFAiIUQ4v3IHn7-dPL5Khk2-S1xEKlrBGcr/s1600/Screen+Shot+2018-02-13+at+15.41.39.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="928" data-original-width="648" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF0lZQpQavwm_-UzGxrlNUrNEz7HSFFgr3Xw_Iw4-LLYW5g-3ZIPWGMLhJVihuu-a0J6vcp6W4zm0yRYji98J3VCTP-zeKwgtDlusEhPe9TSFAiIUQ4v3IHn7-dPL5Khk2-S1xEKlrBGcr/s1600/Screen+Shot+2018-02-13+at+15.41.39.png" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 12.8px;">Ruby</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
I really like the code in Ruby, it seems so much more readable. There are some really nice things like; functions with question marks returns true or false, loops are shorter, and the last lines are explicitly returned, it reads very nicely like it reveals its intention of what its trying to do.</div>
<div>
<br /></div>
<div>
There are also a lot of in built functions in Ruby which shortcuts a lot of common tasks. For example [string].reverse will reverse a string (duuh) but in Javascript you have to manually write the way of doing it, which means more lines of code. </div>
<div>
<br /></div>
<div>
A lot of the problems I had with writing the Javascript code involved remembering that all the functions needed to return something, since if you don't do it just doesn't know what to do and you get an unexpected undefined outcome!</div>
<div>
<br /></div>
<div>
I also tried to use a forEach loop in Javascript before finding out you couldn't break out of it when a condition was met. Javascript also has an inordinate amount of brackets and curly brackets all over the place, which increases the chances of typos.</div>
<div>
<br /></div>
<div>
That being said, I have been mainly focusing on Javascript a lot. I find that it is quite flexible to use with the web, you literally can write some code in your HTML file, or even try some out in the sandbox console if you Alt + Apple + I it!</div>
<div>
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Qn8M4mpJSLdIhp02YORdeWv5clZMkdcS6YDqy3JKCGlrYIKsofm8JqDBv6GSMPNy-UAag3iSe1nBOhUO6wKjjv4hRMTYs3HpZUCvEkuh-RGd-SJdfR6a3aP9Rs9J8wEu79Mp8Qz_u_8y/s1600/Screen+Shot+2018-02-13+at+15.59.29.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="261" data-original-width="486" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Qn8M4mpJSLdIhp02YORdeWv5clZMkdcS6YDqy3JKCGlrYIKsofm8JqDBv6GSMPNy-UAag3iSe1nBOhUO6wKjjv4hRMTYs3HpZUCvEkuh-RGd-SJdfR6a3aP9Rs9J8wEu79Mp8Qz_u_8y/s1600/Screen+Shot+2018-02-13+at+15.59.29.png" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 12.8px;">Going to View/Developer/Developer Tools in Chrome (or Alt + Apple + I) opens the console where you can play around with Javascript</td></tr>
</tbody></table>
<div>
<br class="Apple-interchange-newline" />It has been an interesting challenge trying to explain things like this in the most simplest form, hopefully that all makes sense! The code could be refactored (edited) to make it better, but for now I'll leave that to another post. I'm sure many expert readers can see some inefficiencies and (gulp) some mistakes? Hopefully not. </div>
<div>
<br /></div>
<div>
I dunno how many of you non coders will be able to understand this but I tried my best...</div>
<div>
<br /></div>
<div>
Github version <a href="https://github.com/puyanwei/ticket-clerk">here</a>.</div>
<div>
<br /></div>
<div>
<b><u>ITS DEFINITELY PERSONAL, BUT STILL BUSINESS</u></b><br />
<b><u><br /></u></b>
The job-hunt as been real. The rejections have been tough. But through each interview I learn more, more about myself and more about the process.<br />
<br />
Throughout Makers I've been hearing things from two camps, the "Get [Almost] Any Job" camp where after you get one year's experience your super employable, and the "Go For The Jobs You Really Want" camp.<br />
<br />
In the end I think it kinda of depends on the person, and their goals. People have different aims and personalities, some are able to grind out any job for a while, where as others really need to feel the love for where they work.<br />
<br />
Its rough as I feel I've put my all into this process and yet still come up short. There's no doubt that I've been making mistakes in my interviews, namely saying stupid shit due to being nervous or whatever.<br />
<br />
Its becoming clearer to me that impressions count for a lot. If they like you, and see the potential that they can get along with you in a team, then almost other things don't matter as much. I hate that phrase, "Its not personal, its business", which implies that business and personality are separate things. It couldn't be further from the truth, business is all about who you get along with, the networks you create, the deals that you do.<br />
<br />
Maybe this is a phrase commonly used during firings, especially when a company needs to do some cutbacks. But even then, it couldn't be more personal, certain workers are preferred over others.<br />
<br />
Anyways, gonna keep trying. Its hard when so many others get jobs and you try to not instinctively compare.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizTDBEshJkv-nNCGF-hki_Mx3L3ppuzQOCS4kJ2s5z8dhfr1oWm5rVymsBXeb1TezKlOj_2LTieMOWk-latv7mBovgUJb3eyTcrznla9UqLovjNm68XZ-5BNUMSeljTm9zyCmTnPeKaoGj/s1600/farside-hopeful-parents.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="480" data-original-width="383" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizTDBEshJkv-nNCGF-hki_Mx3L3ppuzQOCS4kJ2s5z8dhfr1oWm5rVymsBXeb1TezKlOj_2LTieMOWk-latv7mBovgUJb3eyTcrznla9UqLovjNm68XZ-5BNUMSeljTm9zyCmTnPeKaoGj/s1600/farside-hopeful-parents.gif" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">How many kids thought this could be their dream job? :D</td></tr>
</tbody></table>
<br /></div>
Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-80429721035785204962018-01-30T15:31:00.000+00:002018-01-30T15:32:11.529+00:00Coding One Year OnOne of the great benefits of blogging is the fact that you can look back on your posts and enjoy those nostalgic memories and reflect on those thoughts back then.<br />
<br />
I started officially coding maybe mid-Jan last year so this isn't on the dot. Also blogging a lot less strictly these days.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1-7EyKdypVD-GbsXx0AdWev0sV_Swn0QcYotYzIDNc94DNxMWd1HmjvVdlM97cRN7s0Y_-xOjtBTI5Y2QzkcekMGW1oTTpgD8Mh0L5sL6scXtc_IpFkCy_KJTrXBs7J0O-IhS9fUbpzkK/s1600/1+yr+on.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="543" data-original-width="718" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1-7EyKdypVD-GbsXx0AdWev0sV_Swn0QcYotYzIDNc94DNxMWd1HmjvVdlM97cRN7s0Y_-xOjtBTI5Y2QzkcekMGW1oTTpgD8Mh0L5sL6scXtc_IpFkCy_KJTrXBs7J0O-IhS9fUbpzkK/s320/1+yr+on.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Nice start, print actually means send to printer lol fool!</td></tr>
</tbody></table>
<br />
It really is amazing thought how far I've come and I'm literally jobhunting now hoping to get something within the industry. Of course it has to be said that its not as easy as that to start with no knowledge to employment in a year, but if you can afford to go to Makers Academy and persevere then its totally possible.<br />
<br />
<h3>
<b><u>ONE YEAR ON</u></b></h3>
<br />
Its easy to play down the things I have done. Super easy, since I am British and its a very common trait. But looking back its really awesome to see how my drive and determination has really gotten me to where I am.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwPX-iZNgrD6UCDVtnKE10qH-1JK4btB3J1L8fGSBmTZjrEYVv5K6V7-FFy7eaTmMKOZJ6MQPQPodQksypCylSpUEuNEDgrXpnUafuHwkeR37IF4MhQQIJyqPIIyFK1oYLSD4lAGcgVji6/s1600/EmC97An.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="359" data-original-width="640" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwPX-iZNgrD6UCDVtnKE10qH-1JK4btB3J1L8fGSBmTZjrEYVv5K6V7-FFy7eaTmMKOZJ6MQPQPodQksypCylSpUEuNEDgrXpnUafuHwkeR37IF4MhQQIJyqPIIyFK1oYLSD4lAGcgVji6/s400/EmC97An.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">More common British traits... Sorry</td></tr>
</tbody></table>
<br />
My coach says that being a developer is going to be about fixing problems. A lot of them. And once one is fixed there is another one to do. And if your ok with that, and even enjoy it then being a developer is for you.<br />
<br />
Being a developer is for me.<br />
<br />
When starting out learning something, anything, I turn to my favourite resource which is YouTube. There is so much content out there these days its just no comparison for being in the best age of learning. Daniel Shiffman's <a href="https://www.youtube.com/watch?v=AaGK-fj-BAM">building of the classic game Snake</a> was what got me to really decide to do it.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivjHsz7W4S5UuQK1PMk3OecBOpm83MJnI5tm47ckHlzhoCJyZ2DdCje1G7WIjOJYO0zQwZiB-Iz3s-sLqzReQbhMqlnCZND3Z7kSoXbTtpzz3V-n9F6yhl0crXDgL0U0OGtGFjjc-RvHy_/s1600/Screen+Shot+2018-01-30+at+14.53.59.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="322" data-original-width="571" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivjHsz7W4S5UuQK1PMk3OecBOpm83MJnI5tm47ckHlzhoCJyZ2DdCje1G7WIjOJYO0zQwZiB-Iz3s-sLqzReQbhMqlnCZND3Z7kSoXbTtpzz3V-n9F6yhl0crXDgL0U0OGtGFjjc-RvHy_/s320/Screen+Shot+2018-01-30+at+14.53.59.png" width="320" /></a></div>
<br />
<br />
Since then I went through all his videos, did some Udacity courses and freecodecamp as well.<br />
<br />
In May I was told about Makers Academy, and after checking out GA as well I decided to do it.<br />
<br />
There's no comparison for the amazing learning environment, attitude, and incredible teachers and students of this place. Group projects helped us imitate a development team, through the highs and lows, and apply everything we had learned.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig067ARLJydnKqE8_64b93cvxa3I1mp4v-aKjzqlLO8MZKN3LC5K-GE3C7tIu8rW9RhsHQ-8hr8rGK5A2fSL-0MfOPBgZYUoLoKIegTr6bIEDGapP5odFOpDQrNqc1NdiyO9YTVbkdllXE/s1600/demo.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="338" data-original-width="600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig067ARLJydnKqE8_64b93cvxa3I1mp4v-aKjzqlLO8MZKN3LC5K-GE3C7tIu8rW9RhsHQ-8hr8rGK5A2fSL-0MfOPBgZYUoLoKIegTr6bIEDGapP5odFOpDQrNqc1NdiyO9YTVbkdllXE/s640/demo.gif" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">One of the group projects we made an iPhone game using the gyroscope movement feature</td></tr>
</tbody></table>
<br />
A big shock to me from my time there was that testing was a huge thing in the industry. I was rather jaded about it at first, because it meant that it would take a lot longer to create things. But in the end I came to accept it and it is very useful for refactoring (reorganising code) and working out where things are going wrong especially when a programme is complex. Testing also means that the code can be quantifiable, in the fact that it is high quality in the fact that it checks itself constantly.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Sn7wBLaeKjys8zrMB5kkCrzldiOXaaNeLAPQyikeh3r1JuT9F_tF59H2mB-0iwxe8ev9uplCLZs7br7UuP70siw5Ke4Nyq0jlpFmEfsGKUH5lhP2D9d4u7r0lg2HOX0t1XXMMlJ2Tqn6/s1600/34166622-45f1f262-e4d7-11e7-973c-12702a5c46e4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="660" data-original-width="903" height="465" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Sn7wBLaeKjys8zrMB5kkCrzldiOXaaNeLAPQyikeh3r1JuT9F_tF59H2mB-0iwxe8ev9uplCLZs7br7UuP70siw5Ke4Nyq0jlpFmEfsGKUH5lhP2D9d4u7r0lg2HOX0t1XXMMlJ2Tqn6/s640/34166622-45f1f262-e4d7-11e7-973c-12702a5c46e4.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">My own custom built testing framework, tribute to Mocha</td></tr>
</tbody></table>
<br />
The pace of the course is fast, its hard work and not easy at all. I struggled some once the web was introduced linking together with code. As open as the place was, it is always difficult in admitting you don't understand something, and constantly asking for help is tough.<br />
<br />
It was a great learning experience, not just for the learning, but also finding out about myself. I had never really thought that much about how I handle emotions, and attitudes towards myself (very harsh and unrealistically high standards). Having the wellbeing coach was a direction I did not think was something that I needed, but actually was super useful.<br />
<br />
After graduating in the end of October, I went away for 3 weeks and came back in around December time. Christmas period has less job offerings due to the timing but it has picked up for the new year.l<br />
<br />
Jobhunting is not fun. Dealing with the emotional rollercoasters of the rejections is tough. The times you spend applying to applications, doing the tech tests, and putting yourself out there in the interviews is physically and mentally draining.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBTksWCoOUwZginlC0K2CIW4e-bekeyE_bG2fihNuXG0wUpOm9iF8iKLRQz7XOeYOenRTWZmrUJL9bAmecIzffqAIoayEv77dx3-78ZJI0ZsaqZib2lba8L7ef6ZO4Ftw9SOMHI8KDXZjT/s1600/hello-anyone-here-credits-roller-coaster-tycoon-4-mobile-on5-games.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="450" data-original-width="600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBTksWCoOUwZginlC0K2CIW4e-bekeyE_bG2fihNuXG0wUpOm9iF8iKLRQz7XOeYOenRTWZmrUJL9bAmecIzffqAIoayEv77dx3-78ZJI0ZsaqZib2lba8L7ef6ZO4Ftw9SOMHI8KDXZjT/s320/hello-anyone-here-credits-roller-coaster-tycoon-4-mobile-on5-games.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Jobhunting is a roller tycoon of emotions! Man I miss that game...</td></tr>
</tbody></table>
<br />
The Makers Academy careers team are helpful with the graduates in helping them try and land that job with the appropriate training if needed. But at the end of the day, its all on you. The work you do, the training and prep practice, and ultimately presenting the best version of yourself at the interview.<br />
<br />
Looks like it hasn't happened for me yet.<br />
<br />
But every interview, every tech test, every rejection is added experience and learning to this process!<br />
<br />
I was quite reluctant to sign up to LinkedIn, mainly because right now I'm trying to keep my social media to a minimum (like most things nowadays). But actually I'm impressed at the "professionals" Facebook. Its great for networking, and I even managed to get headhunted for an interview for a more local place that wasn't in London. It seems to give you a great chance to network.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNHznCFB1D7Oo8Ucc-rxzoC8DhQ0kqR-O149XtKZOiqnJ6QXxxzjVDc8zuHrijA3TLrr-wYT8egKMfisI23wjTR0PNJBDyu4a2JCoCu3RWVqLkQS-NM-uhfqDIgcSFW7pDYGP-iNbBLrkD/s1600/linkedin+profiles+copywriter+pro.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="389" data-original-width="520" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNHznCFB1D7Oo8Ucc-rxzoC8DhQ0kqR-O149XtKZOiqnJ6QXxxzjVDc8zuHrijA3TLrr-wYT8egKMfisI23wjTR0PNJBDyu4a2JCoCu3RWVqLkQS-NM-uhfqDIgcSFW7pDYGP-iNbBLrkD/s320/linkedin+profiles+copywriter+pro.jpg" width="320" /></a></div>
<br />
So its a new year, and last year when I started I did understand that it was important to document things. It was a good moment when I brought in my bible thick notepad to my Makers Academy interview and get a response of "we like that". I love my <a href="http://www.github.com/puyanwei">Github</a>, and my work, so I've made another <a href="https://github.com/puyanwei/pinned-repos-extended">repo</a> that lists out the stuff I've done, and what I'm planning to do in the future. I see myself as a creator foremost, so I fully expect to do these projects some time down the line.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMEs0xtLRCv7kBjHz4HxO5wj4JoEX0DqhHs0d4HnQeVhkm2ZW1jQwAxtZA3JpKsETaxxuvk_AVY6k2myUzt1mzd2xhouSdqR6YeR3A8XIDZJjjOgTo0OR7bteqQ8BP5slFIjpViK2lVtFy/s1600/Screen+Shot+2018-01-30+at+15.25.22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="579" data-original-width="448" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMEs0xtLRCv7kBjHz4HxO5wj4JoEX0DqhHs0d4HnQeVhkm2ZW1jQwAxtZA3JpKsETaxxuvk_AVY6k2myUzt1mzd2xhouSdqR6YeR3A8XIDZJjjOgTo0OR7bteqQ8BP5slFIjpViK2lVtFy/s400/Screen+Shot+2018-01-30+at+15.25.22.png" width="309" /></a></div>
<br />
Anyways, hope all is well with everyone. To end check out this new concept that Nintendo has done. Seems like when all the other video games company go in the direction of more power, Nintendo goes the other way of more creativity...<br />
<br />
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/aCAzoSAQsvY?rel=0" width="560"></iframe>
Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-44175219003164987542018-01-16T19:23:00.000+00:002018-01-16T19:23:23.910+00:00Single Page App - Write A Note!So for the past few weeks or so, I had been working on a Single Page App (SPA) that I had <a href="https://thep-log.blogspot.co.uk/2017/09/makers-week-seven-single-page-app.html">previously done</a> during the course. Back then we had a choice which was to do a more open direction version in groups, or work on a more directed path in pairs. I had chose the groups option, so I decided to go back and have a look at what the pairs did.<br />
<br />
This project was done in basic Javascript only. This meant that we would only use the the core functions of the language and not have any add ons or libraries to help us. We were limited to using Javascript, HTML, DOM elements, CSS and only Node.JS's http server to run a local server.<br />
<br />
<br />
<b><u><span style="font-size: large;">WHAT IS A SPA?</span></u></b><br />
<br />
A single page app is a webpage application which includes some functionality that works without needing to reload the page. This can be done by modifying the page live according to what is wanted. This means that once the initial page is loaded, all of the functionality should work without needing to have a server respond to requests from the page. Pages like Github or Gmail are SPA's.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8d1H333kvV7VYfH05qWYBv_cw1O-YxUCDWf0Q-jca3RghfvbNx98G-OZPVr9heFGpIm8enFYABR8AXc4z4B_BS75N_-cKHuvQA0LzTzdMeYgkSJjbToWOaxkOK6s-aVyGficd0I05z7Wz/s1600/list.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="481" data-original-width="622" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8d1H333kvV7VYfH05qWYBv_cw1O-YxUCDWf0Q-jca3RghfvbNx98G-OZPVr9heFGpIm8enFYABR8AXc4z4B_BS75N_-cKHuvQA0LzTzdMeYgkSJjbToWOaxkOK6s-aVyGficd0I05z7Wz/s400/list.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">My app lists out the notes but limits it to 20 characters</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ri-ErUQSb9N97_3iCUEqCVPA7gWuqC0fryGHYyPEls-6fAUB82lLC22wh9EljcKr5NwpilTShbzC4WGv2YcJbcwp2xlbvlwtaGCmIn-hUULagMIKzQQex9pOJtMVViOya6ObUVyOa5tQ/s1600/single+note.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="472" data-original-width="624" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ri-ErUQSb9N97_3iCUEqCVPA7gWuqC0fryGHYyPEls-6fAUB82lLC22wh9EljcKr5NwpilTShbzC4WGv2YcJbcwp2xlbvlwtaGCmIn-hUULagMIKzQQex9pOJtMVViOya6ObUVyOa5tQ/s400/single+note.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Clicking a note will show it in full</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
Note that reloading the page manually will reset everything.<br />
<br />
<br />
<b><u><span style="font-size: large;">LISTENING OUT</span></u></b><br />
<br />
<div>
The DOM contains something called Event Listeners which are used to only run your function when an "event" happens on the page. For the app we had 2 event listeners.</div>
<div>
<br /></div>
<div>
One listener listens for the create button being pressed. When this happens, it will take the text from the text box, and output a list containing the first 20 characters to the page. It adds all this HTML inside the <div id=app> tags.</div>
<div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzjJLgys8yQzwhV9ChQ8oqcTPaho8Se6rYkjpcRcl4OQZEqtNoUAJdVV71MEw18ReDMKK4LZpB6wtmbi-tKx6ULCWxj0fdd2CDn7VmJGIZ6tesVv6EZNkGZqipTrMaLwS-5QbCrMohIf2E/s1600/adds+note.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="350" data-original-width="1150" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzjJLgys8yQzwhV9ChQ8oqcTPaho8Se6rYkjpcRcl4OQZEqtNoUAJdVV71MEw18ReDMKK4LZpB6wtmbi-tKx6ULCWxj0fdd2CDn7VmJGIZ6tesVv6EZNkGZqipTrMaLwS-5QbCrMohIf2E/s640/adds+note.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
The other listener listens for a 'hashchange' in the url. When a note is clicked, the link will change the url. When this happens, it will run a function that looks at the number in the url, and output the correct note to the page in full. Again, this edits the <div id=app> tags and adds in the correct HTML.</div>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcmYQW6ohtenDBsIOEcYE5QkTBVGrh93pxfVpbOrzRdsWzb964xpJ5vv1aGcVo7meNhdE1EZ_rH2D1b-87fs3w99ZhGM62FQA8feHberYr5U29_TffDHoPqXb9zfFgRUgXeWlK_o6_luSh/s1600/see+note.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="408" data-original-width="1053" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcmYQW6ohtenDBsIOEcYE5QkTBVGrh93pxfVpbOrzRdsWzb964xpJ5vv1aGcVo7meNhdE1EZ_rH2D1b-87fs3w99ZhGM62FQA8feHberYr5U29_TffDHoPqXb9zfFgRUgXeWlK_o6_luSh/s640/see+note.png" width="640" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<b><u><span style="font-size: large;">MVC STRUCTURE</span></u></b><br />
<br />
The notes app is encouraged to maintain a MVC structure. This stands for Model, Views, and Controller.<br />
<br />
<ul>
<li><b><u>Models</u></b> are the logic behind the app.</li>
<li><b><u>Views</u></b> are the output of the app, what the user sees.</li>
<li>The <b><u>Controller</u></b> is where everything is linked together and implemented.</li>
</ul>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBMoCN-e1lcxeInUHmuyyHJA2WlAEQLxsvLIAXYvTloF8pH3s2Mnr1P1FyWJzT3jOFk72BNeicPc81yNcRRTCHIO5AQRN7n3ZORDkiLf2DkftnsEdNoc9TVHSKG6gaRZj0SCxvseOeodsN/s1600/file+structure.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="264" data-original-width="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBMoCN-e1lcxeInUHmuyyHJA2WlAEQLxsvLIAXYvTloF8pH3s2Mnr1P1FyWJzT3jOFk72BNeicPc81yNcRRTCHIO5AQRN7n3ZORDkiLf2DkftnsEdNoc9TVHSKG6gaRZj0SCxvseOeodsN/s1600/file+structure.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Keeping the file structures to MVC</td></tr>
</tbody></table>
<br />In my app the models would be the list of the notes, and the notes itself. The note inputs would be stored here to be referred to.<br />
<br />
The views would be the conversion of the model's notes into HTML so that it can be output into the page.<br />
<br />
The controller would control all of this, and initiate the functions when applicable according to the events it listens to.<br />
<br />
This also means that the html page itself can be considered a controller too, as all the files are loaded and initialised within it.<br />
<br />
<b><u><span style="font-size: large;">TESTING</span></u></b><br />
<br />
One of the scariest parts of the project was to build your own testing framework to use to test the SPA. Previously we had been using pre-made ones like RSpec or Jasmine, and never really thought about how they worked.<br />
<br />
But once we broke it down, we realised that tests were just comparisons between things, and then outputting true or false.<br />
<br />
The result could then be outputted to the console, and then later on I outputted it to the page itself.<br />
<br />
I made a homage to a common testing framework used called "Mocha" and called mine "Espresso"<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizDqshQUWxU6upPTxVw3Vej6DHe_91CUcLy_P5B0vdcT8z03QGzd3WTI7MJGwqGlWf_JgJsi6D-Om2I3MQnGbzCMFuJecv1W8khU7vbB-3QNRW6ax-Xj648AJz9KGIwmNPdzN6YdHcQfI8/s1600/34966318-c233ca9a-fa52-11e7-8449-c0bc99815809.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="660" data-original-width="903" height="465" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizDqshQUWxU6upPTxVw3Vej6DHe_91CUcLy_P5B0vdcT8z03QGzd3WTI7MJGwqGlWf_JgJsi6D-Om2I3MQnGbzCMFuJecv1W8khU7vbB-3QNRW6ax-Xj648AJz9KGIwmNPdzN6YdHcQfI8/s640/34966318-c233ca9a-fa52-11e7-8449-c0bc99815809.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">My own testing framework!</td></tr>
</tbody></table>
<br />
<br />
<b><u><span style="font-size: large;">FINAL THOUGHTS...</span></u></b><br />
<br />
My repo is <a href="https://github.com/puyanwei/Notes-App-SPA">here</a>, feel free to have a look. The readme will be more in depth and a bit more advanced technically. Its been really interesting to take this more thorough process with what seemingly seems like a super simple app. I had a lot of <a href="https://github.com/puyanwei/Notes-App-SPA#challenges">challenges</a> in this project, but found it overwhelmingly useful to my understanding of HTML and Javascript.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Tk2kzKaTucmlFYzbY8OEn2i7T4HtAf_vYDepPnXO2UTLLWj3asY6NiNNc1RFhXdMWXLn8ZrvgVD49C3zRKGzjc6mWGd3_d88_f8IjikMwe2barXYhgUsn3L_tiz7Rpl1kKFQDthzKyrh/s1600/argue.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="676" data-original-width="647" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Tk2kzKaTucmlFYzbY8OEn2i7T4HtAf_vYDepPnXO2UTLLWj3asY6NiNNc1RFhXdMWXLn8ZrvgVD49C3zRKGzjc6mWGd3_d88_f8IjikMwe2barXYhgUsn3L_tiz7Rpl1kKFQDthzKyrh/s400/argue.png" width="382" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Sometimes a simple question to solve problems can lead to passionate arguments...</td></tr>
</tbody></table>
<br />Its super interesting to think about webpages like this, check out this <a href="https://medium.com/@NeotericEU/single-page-application-vs-multiple-page-application-2591588efe58">post</a> about the pro's and con's between SPA's and multi-page applications. I personally like SPA's a lot, they load once and then afterwards everything seems instantaneous, creating a free flowing environment to work with.<br />
<br />
Well that's it for now, maybe we can dream of next week having a Singapore post!Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-1394758308001478482018-01-08T21:54:00.002+00:002018-01-08T21:54:10.482+00:005 Must Have Apps to Start Out 2018Wassup, and happy new year 2018! Its really weird to see these numbers go up, and how far off Back to the Future 2 was in its predictions, I mean, where the hell are these hoverboards and pocket sized expandable pizzas? Get on it, tech world!<br />
<br />
Since coming back from my Asia trip I have been keeping busy by applying to jobs, and continuing with projects, mostly some from the course which I wanted to re-go through and clarify. The blog has taken a bit of a seat back, it took me ages to get my Hong Kong blog out, and I'm still yet to do the Singapore one.<br />
<br />
I thought I'd start out the new year by going through some of my top tips and tricks, and must have useful programs. When it comes to continuous tweaking and improvements, I'm totally obsessed with trying to make things better and more efficient, sometimes to my own procrastinating detrement.<br />
<br />
I'm not paid for these promotions, and these apps are not new or anything like that, just super useful.<br />
<br />
<br />
<b><u><a href="https://www.lastpass.com/"><span style="font-size: large;">LASTPASS</span></a></u></b><br />
<b><u><br /></u></b>
Price: Free, or $2/month Premium, or $4/month Family<br />
Devices: Website, Chrome Extension, iPhone, Android<br />
<br />
If there was one of these that I would tell you to get, its to get a password manager. For the love of God, just freaking get one. Stop making excuses and do it now!<br />
<br />
I started using <a href="https://www.lastpass.com/">LastPass</a> and now its something that I don't have to worry/think about. These days, a lot of websites will want you to sign up to them, and now I don't have to worry about which of my 4 passwords I will use, of which will have to be altered to certain sites which want numbers and/or capital letters etc.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK2Mnh9SquUIabeK2QyNiKSj2McX1S7zv1mjpoX8mLJRzxgIfVh9gDd6DqlKY4ywXF8IKSQTZfnDRahOjKg1tTrFViXdbs6LvlCFvHgsRxbtAnbKZfyet1DfWX9v5ovfD8LYQHaf4oa6Of/s1600/Screen+Shot+2018-01-08+at+21.19.38.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="724" data-original-width="1175" height="394" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK2Mnh9SquUIabeK2QyNiKSj2McX1S7zv1mjpoX8mLJRzxgIfVh9gDd6DqlKY4ywXF8IKSQTZfnDRahOjKg1tTrFViXdbs6LvlCFvHgsRxbtAnbKZfyet1DfWX9v5ovfD8LYQHaf4oa6Of/s640/Screen+Shot+2018-01-08+at+21.19.38.png" width="640" /></a></div>
<br />
<br />
Its quite mind blowing how common it is to have only a few number of passwords over all your sites. This, is way waaaaaaay worse for security, as once a password has been taken, the hacker can just try it over all of them. Now all my passwords are different, super safe completely random characters, and I don't even know what they are off the top of my head!<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBCNUiikT1qz0yoYcDyW7tWZ8Zd2UUkojgDs0YX2Jdwd1YXYEXg0x1qTLWKTs3dnDP9Befp2gp9FBOzZmn3WZL58d78DNZF38j5GlDlwu6ByDUvjR8EJ1y0Raob09D6Jja1ha2IO1C-kB/s1600/Screen+Shot+2018-01-08+at+21.18.51.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="459" data-original-width="376" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBCNUiikT1qz0yoYcDyW7tWZ8Zd2UUkojgDs0YX2Jdwd1YXYEXg0x1qTLWKTs3dnDP9Befp2gp9FBOzZmn3WZL58d78DNZF38j5GlDlwu6ByDUvjR8EJ1y0Raob09D6Jja1ha2IO1C-kB/s320/Screen+Shot+2018-01-08+at+21.18.51.png" width="262" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Chrome Extension makes it super useful!</td></tr>
</tbody></table>
Common annoying counter arguments;<br />
<ul>
<li><b>Its not safe to store all your passwords in one place</b> - The most common comment by people. You remember one master password that lets you into your page, but there are extra security steps that can be added if you prefer. When I was abroad, even though I had the correct master password, I still had to go through extra steps of email verification because it didn't recognise the ip address. This means if your master password gets stolen, it doesn't mean they can get into your account.</li>
<li><b>Its annoying to have to keep referring to it </b>- Chrome has a great LastPass extension that helps you get the passwords without needing to login, or even see it, its up to the user to customise which webpages should have extra steps of security. It also has an iPhone app for the times you need to get your passwords when using your phone.</li>
<li><b>It can get hacked </b>- LastPass has gained a reputation and is also used by leading tech experts.</li>
</ul>
<div>
Do yourself a favour and install it, if not LastPass do your own research and find a good password manager. Its amazing how many people don't do this.<br />
<br /></div>
<div>
<iframe allow="encrypted-media" allowfullscreen="" frameborder="0" gesture="media" height="315" src="https://www.youtube.com/embed/xHSnHj-zKF4" width="560"></iframe>
</div>
<br />
<br />
<b><u><a href="https://manytricks.com/moom/"><span style="font-size: large;">MOOM</span></a></u></b><br />
<b><u><br /></u></b>
Price: $10<br />
Devices: Mac<br />
<br />
One of the features of Windows 10 that I like is the way you can move your windows around and make it half screen by moving it to the left or right, and full screen by moving it to the top. Feels to me that these little "quality of life" small improvements are becoming more common in Windows features then Macs now.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQhxewD7YkSdtMM214Y5TqIZS4YvEXY1zDSGck4XX7ZM06FW_os3J5WkxHlhUhVkkdIdzaVweXV3Cl6xz8oqqEqokcwK4PCWy8-weerISUCEmBXQOV2ldU0vjcEuiW9LXrfTAonx9dDLBH/s1600/Screen+Shot+2018-01-08+at+21.20.39.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="629" data-original-width="509" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQhxewD7YkSdtMM214Y5TqIZS4YvEXY1zDSGck4XX7ZM06FW_os3J5WkxHlhUhVkkdIdzaVweXV3Cl6xz8oqqEqokcwK4PCWy8-weerISUCEmBXQOV2ldU0vjcEuiW9LXrfTAonx9dDLBH/s1600/Screen+Shot+2018-01-08+at+21.20.39.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Moom preferences page to set your custom window layouts</td></tr>
</tbody></table>
<br />
<a href="https://manytricks.com/moom/">Moom</a> is an app that lets you customise your window locations for Mac. You can add keyboard shortcuts to make windows go in a certain place. As developers, its quite common to find ourselves opening Atom/Some other Text Editor and also having a terminal on the side for practical reasons and also letting ourselves imitate cool matrixy style 'tech' stuff.<br />
<br />
But annoying person number two (annoying person number one's brother btw who refuses to get LastPass) will harp in my ear about Apple's amazing swiping desktop feature!<br />
<br />
This I certainly cannot argue effectively about why its not better, this will most likely be preference. However, for myself, I've found that the swiping gives me mass confusion about how many windows or desktops there are, especially working on multiple screens. That is to say, both screens can and will have separate swipable windows!<br />
<br />
<iframe allowfullscreen="" class="giphy-embed" frameborder="0" height="270" src="https://giphy.com/embed/zg0IO38HIOH8k" width="480"></iframe><br />
<br />
When it comes to efficiency, I don't want to spend time remembering to keep track of all my windows and desktops, especially when you end up with multiple Chromes open with stuff your referring to. Having the "Apple + Control" method with all my windows on top of each other, and positioned through Moom personally is what I like.<br />
<br />
<br />
<b><u><a href="https://justgetflux.com/"><span style="font-size: large;">FLUX</span></a></u></b><br />
<b><u><br /></u></b>
Price: Free<br />
Devices: Mac, Windows<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Rx3_9mjFmk0kOrSgfoGy8GAZ8VDJW9Is17oDS2tFmDrYuWX1BYUGC3IiZUVmixrZhyphenhypheniXFzQJXafa21vwJZuHtLv-roiEbhR1rvszTl9KMRIliMRyLILnA0R6-knbDo7JP8pzn6veUuLg/s1600/flux-windows.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="836" data-original-width="1436" height="372" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Rx3_9mjFmk0kOrSgfoGy8GAZ8VDJW9Is17oDS2tFmDrYuWX1BYUGC3IiZUVmixrZhyphenhypheniXFzQJXafa21vwJZuHtLv-roiEbhR1rvszTl9KMRIliMRyLILnA0R6-knbDo7JP8pzn6veUuLg/s640/flux-windows.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Flux noticeboard panel</td></tr>
</tbody></table>
<br />
<a href="https://justgetflux.com/">Flux</a> is an app which synchronises the light outside/time of the day to the colours of your monitor. This means that the later it is in the night, colours are adjusted to be more warm for your eyes.<br />
<br />
Typically most people would have their monitor on the brightest setting, which kinda tricks your brain into thinking its still day. There's a lot of <a href="https://justgetflux.com/research.html">research</a> to suggest that this is happening. Since using Flux for a few years now, I've actually found that I've slept better.<br />
<br />
<br />
<b><u><a href="http://www.fbpurity.com/"><span style="font-size: large;">FACEBOOK PURITY</span></a></u></b><br />
<b><u><br /></u></b>
Price: Free<br />
Devices: Add on to your web browser<br />
<br />
Over time I have become more into minimal styles. My iphone only contains one screen of apps. Facebook also has been minimised to its bare bones usage. Another tip is to remove the phone app and just use it through your phone browser, as the app saps your battery life like nothing else!<br />
<br />
I use Facebook for mainly its practical uses now, compared to before of hours spent of uneccessarily stalking of other people's lives. However, there is a ton of crap now. There are loads of menus, groups, trending, games etc etc.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuWwCdQExXOxsH_dAm5JAZnqQJCIKjh8Hut5Ofw1LvMhfwmgUX2kwuz_NURMXe8oorqSagDoVtir63bJzskQL1Dh5938lABHaqmGccmvbSwEZkFpBGVzVsyzizgBNuzrG71-LglULGJB7r/s1600/Screen+Shot+2018-01-08+at+21.29.37.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="689" data-original-width="912" height="482" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuWwCdQExXOxsH_dAm5JAZnqQJCIKjh8Hut5Ofw1LvMhfwmgUX2kwuz_NURMXe8oorqSagDoVtir63bJzskQL1Dh5938lABHaqmGccmvbSwEZkFpBGVzVsyzizgBNuzrG71-LglULGJB7r/s640/Screen+Shot+2018-01-08+at+21.29.37.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Facebook Purity settings page</td></tr>
</tbody></table>
<br />
Use <a href="http://www.fbpurity.com/">Facebook Purity</a> to minimise all of that, and edit it to only show whatever you want. It will also tell you when you get unfriended, I'm sure its nothing personal!<br />
<br />
When you add it you will get a logo of it on your facebook.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnxXHO46Z5tPG8spWZEMgD0xvfXIoIG0ek6tPYaCDojUjoWTAaYZ0zxEVCRtNArF_61Cta7KzYIQWQ3e5Pzdti05dDBk1tz7iNMEbHZWMrGVFKPIove4thZ7xVHhadTbth-TXBDSLEPdMw/s1600/Screen+Shot+2018-01-08+at+21.29.12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="36" data-original-width="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnxXHO46Z5tPG8spWZEMgD0xvfXIoIG0ek6tPYaCDojUjoWTAaYZ0zxEVCRtNArF_61Cta7KzYIQWQ3e5Pzdti05dDBk1tz7iNMEbHZWMrGVFKPIove4thZ7xVHhadTbth-TXBDSLEPdMw/s1600/Screen+Shot+2018-01-08+at+21.29.12.png" /></a></div>
<br />
<br />
<b><u><a href="https://www.waze.com/"><span style="font-size: large;">WAZE</span></a></u></b><br />
<br />
Price: Free<br />
Devices: iPhone, Andriod<br />
<br />
<a href="https://www.waze.com/">Waze</a> for all you drivers out there. This is a GPS app bought by Google with a difference! The idea behind this is that it is a community driven GPS app. What does that mean? Well as a practical example, drivers that use the app can report if there is traffic or an accident at a location live, which will be updated for all other drivers.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis3UW3kDTLwQ6FtmsPWgQz8m8hLCWhnCJlN3VSV_3ap4XJA1H83HwkPrcIKsOdDrYczkuWgre981eKUAuPXMB8vOnc3rZdENHSwrwMbHuGtYiuY7WyVz-Ho6sK6hm-Ugqegidvv5Cuksdu/s1600/Screen+Shot+2018-01-08+at+21.31.04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="573" data-original-width="999" height="366" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis3UW3kDTLwQ6FtmsPWgQz8m8hLCWhnCJlN3VSV_3ap4XJA1H83HwkPrcIKsOdDrYczkuWgre981eKUAuPXMB8vOnc3rZdENHSwrwMbHuGtYiuY7WyVz-Ho6sK6hm-Ugqegidvv5Cuksdu/s640/Screen+Shot+2018-01-08+at+21.31.04.png" width="640" /></a></div>
<br />
<br />
Other features include map corrections, and hilarious (am I being sarcastic?) voices from promotions like Terminator or Star Wars. Opting in to reporting via motion movements as your driving will not only update and improve the mapping, but also is incentivised by points of which you can exchange for prizes.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWyVOCvNSP2dLNy839z4GlCVbh_b0KOvoxejOOAsl3BAWDG0Yp7MAm_mXaXMiBl7cjdCMqzgj1Jc_RC9cZFa1__f-Z99u_0-18kJgFNSijsuSFVAcHNCfH6_D74s8NB8mrM3yC9tRcQHhh/s1600/15082.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="561" data-original-width="311" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWyVOCvNSP2dLNy839z4GlCVbh_b0KOvoxejOOAsl3BAWDG0Yp7MAm_mXaXMiBl7cjdCMqzgj1Jc_RC9cZFa1__f-Z99u_0-18kJgFNSijsuSFVAcHNCfH6_D74s8NB8mrM3yC9tRcQHhh/s1600/15082.jpg" /></a></div>
<br />
<br />
So there you go, 5 great apps that I suggest you get and try out. Do you guys have any must have apps? I'd be interested to hear them and try them out too. Hope everyone has had an amazing Christmas break!<br />
<br />
<br />
<br />Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-6686569493023382432017-12-23T14:38:00.000+00:002017-12-23T14:38:44.223+00:00The Motherland, Hong KongSo yes, its Christmas Eve-Eve and I know my posts have been pretty inconsistent. Hopefully I will catch up to present day time by the new year. I have been taking a bit of a break from my weekly posts, I have been job hunting and continuing to code, learning some new stuff, and redoing some old.<br />
<br />
<br />
<b><u>BACK TO THE MOTHERLAND</u></b><br />
<br />
So after my amazing trip to Seoul, I landed back in Hong Kong. Awaiting me would be a family gathering from my mom's side, and my cousin's wedding from my dad's. Busy is not a word that I hear that much, and I'm guessing its due to the fact that its ingrained in every citizen living in Hong Kong, that they do not know what the opposite of it is.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeoAAIP3KQH79OFH7i86SCzsSjaCgyLzlph_5z0ld9Dk6XreRgsZhmfQr1EmM0Pq6-n8T3eKtuVF-uJcN9YcZdez6-sSa3RGY8hoYfX4R98GmB5cjBDTjHHID8AcxFLot9b2iEIkIXha6C/s1600/IMG_3433.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="413" data-original-width="1600" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeoAAIP3KQH79OFH7i86SCzsSjaCgyLzlph_5z0ld9Dk6XreRgsZhmfQr1EmM0Pq6-n8T3eKtuVF-uJcN9YcZdez6-sSa3RGY8hoYfX4R98GmB5cjBDTjHHID8AcxFLot9b2iEIkIXha6C/s640/IMG_3433.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">The business hub from near Admiralty station</td></tr>
</tbody></table>
High rise buildings are so common here that it actually makes me think that any building that has less then 3 floors is considered 'odd'.Nearly all buildings will skip the unlucky floor 4, which in Chinese sounds similar to 'death', and on the flip side the 8th floor will be crazy expensive to buy as it sounds like 'wealth'. Peh! Those crazy easterners, we certainly don't do silly shit like that over here, 7 reasons to be logical and not fall into those traps, especially if its Friday the 13th!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMZBJur30O-iBPOOAkJk3wfjOYZX3cGJcK628HgKjCVcP_8zHGJiF8gnZbBQXuCNaVe4P5QYgsFjUSJanjkrSaQSJ91ZBmd25FkekSJl2g0la9c3hwWE04yZotV7ghdfdVmWKuRnziz5BS/s1600/IMG_3491.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMZBJur30O-iBPOOAkJk3wfjOYZX3cGJcK628HgKjCVcP_8zHGJiF8gnZbBQXuCNaVe4P5QYgsFjUSJanjkrSaQSJ91ZBmd25FkekSJl2g0la9c3hwWE04yZotV7ghdfdVmWKuRnziz5BS/s400/IMG_3491.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibacMbpKRYUDPpBz_kDnZpLLvpyT0YXx_1gqpSAjjKaNya_25Lo5lWMM-nEzRrIng_tIQalP-DkcQ3OrV1SwuPkkmqczbSJHXgIojikx0Vc1n4WwazGGqVpMwes8jy0XXIxPBxOW4hGU8z/s1600/IMG_3494.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1200" data-original-width="1600" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibacMbpKRYUDPpBz_kDnZpLLvpyT0YXx_1gqpSAjjKaNya_25Lo5lWMM-nEzRrIng_tIQalP-DkcQ3OrV1SwuPkkmqczbSJHXgIojikx0Vc1n4WwazGGqVpMwes8jy0XXIxPBxOW4hGU8z/s400/IMG_3494.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">High rise estates are common here, better not be afraid of heights!</td></tr>
</tbody></table>
As of googling this now and pretending to be super informed, Hong Kong is the 5th most densely populated city per square mile. Arriving here its not difficult to see why. Estate high rises are so prominent here, just taking the bus from the amazing Hong Kong airport you pass so many tall but identical buildings, up seems to be the main strategy.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR6PLvN8jss-krwJAOjd9ZmGdiYnmWDkVauxsmQL04H_X5o6x-7Xjvk1jyG3G23Ag6jtx-y9VEOpDbhysZR7_2iLtwuKyOk-ESfO4zI8oAOM4DF7vvzSTRbzkR73NZXcx0ARV2M-TbAJgV/s1600/IMG_3439.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="436" data-original-width="1600" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR6PLvN8jss-krwJAOjd9ZmGdiYnmWDkVauxsmQL04H_X5o6x-7Xjvk1jyG3G23Ag6jtx-y9VEOpDbhysZR7_2iLtwuKyOk-ESfO4zI8oAOM4DF7vvzSTRbzkR73NZXcx0ARV2M-TbAJgV/s640/IMG_3439.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Pacific Place mall, a much more high end expensive shopping area</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyssj0XDPs3gnTwRS9M9k72fc5qqun9L-WUlXqzqUtkRIwpXm7vunv1FB951GUweEeFpl71CfwInUufj_Cie5cDS2sJlWj3iyDxoyGYrMPFYRMBT72mjdlnCnVOTIi5jZ6lCUYLuFU4sI3/s1600/IMG_3441.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1200" data-original-width="1600" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyssj0XDPs3gnTwRS9M9k72fc5qqun9L-WUlXqzqUtkRIwpXm7vunv1FB951GUweEeFpl71CfwInUufj_Cie5cDS2sJlWj3iyDxoyGYrMPFYRMBT72mjdlnCnVOTIi5jZ6lCUYLuFU4sI3/s400/IMG_3441.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Could this be the poshest cinema in Hong Kong?</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB0CJtFHbCkQXHRjhRoyS6xSeTqigQiI9rLMg6Bky0KacpPNPaWyaUQu7dmr8S3KOonkIxvVkfPY9LP4EtvcGoO3BsEMkXqzI9j8MRu_Riy-Ivam39uTeP4K7PKCwJWJfm5uav8fyEmlBu/s1600/IMG_3444.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB0CJtFHbCkQXHRjhRoyS6xSeTqigQiI9rLMg6Bky0KacpPNPaWyaUQu7dmr8S3KOonkIxvVkfPY9LP4EtvcGoO3BsEMkXqzI9j8MRu_Riy-Ivam39uTeP4K7PKCwJWJfm5uav8fyEmlBu/s400/IMG_3444.jpg" width="300" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Mira Place in Tsim Sha Tsui jazzing up its mall with a Christmas promotion</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIaP1ztJDZQYMdOoZ4i9k7k9zb1jFhXbuIT-c4i3S0GEkKC0v_5-HGSf0cvLL-bEqYg4r_Njthg4yPVsImZ_bANpw_Bgm-VMcqSx1sKKxb4i5SUSPJ3LhJz5dkko8KPhBa0wAA4fQOXk-_/s1600/IMG_3445.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIaP1ztJDZQYMdOoZ4i9k7k9zb1jFhXbuIT-c4i3S0GEkKC0v_5-HGSf0cvLL-bEqYg4r_Njthg4yPVsImZ_bANpw_Bgm-VMcqSx1sKKxb4i5SUSPJ3LhJz5dkko8KPhBa0wAA4fQOXk-_/s400/IMG_3445.jpg" width="300" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Looks like Mr Doodle himself?</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMwCqZ4hDG4vKaefoDJwr2pJ7eO1sQw3pO_wZqW1cH_sgHv741j0hXZi13X7vPFsqdZvTzEJlsqrtphvBkHmMPF98Ll9B53no_wk3JLaDtvBTbGnV3aeW88cZ4I4U4dDdebM_YfC8_z58L/s1600/IMG_3458.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMwCqZ4hDG4vKaefoDJwr2pJ7eO1sQw3pO_wZqW1cH_sgHv741j0hXZi13X7vPFsqdZvTzEJlsqrtphvBkHmMPF98Ll9B53no_wk3JLaDtvBTbGnV3aeW88cZ4I4U4dDdebM_YfC8_z58L/s400/IMG_3458.jpg" width="300" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Welcome to Times Square, Hong Kong version</td></tr>
</tbody></table>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4lRf8p5qTOOpVNKL58sBKOuVkEzx5u0-2XeSx0KJY84MRJuybmGRnkGxOv-KIhtP_gE6NNyScfZETHcIwjx2vVONfuVV7IXrjQ9KJ84NSZYgDKQZwyucUN4efK3hkeqy4PM7EtNUF0Rf1/s1600/IMG_3460.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="426" data-original-width="1600" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4lRf8p5qTOOpVNKL58sBKOuVkEzx5u0-2XeSx0KJY84MRJuybmGRnkGxOv-KIhtP_gE6NNyScfZETHcIwjx2vVONfuVV7IXrjQ9KJ84NSZYgDKQZwyucUN4efK3hkeqy4PM7EtNUF0Rf1/s640/IMG_3460.jpg" width="640" /></a></div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBkvL85tMgPUhGZcy03nL19JNiYGtGgsOkr0oypPY_RmfnYm_MdR_B9LS-hllfUBcr31udGAmVGyuodxrFPFwYYkXymJA9XEWb2aGjNK3gGYSSQZrc1JZ2-MwvvDew0nuM_f11UVPLnVgu/s1600/IMG_3455.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="427" data-original-width="1600" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBkvL85tMgPUhGZcy03nL19JNiYGtGgsOkr0oypPY_RmfnYm_MdR_B9LS-hllfUBcr31udGAmVGyuodxrFPFwYYkXymJA9XEWb2aGjNK3gGYSSQZrc1JZ2-MwvvDew0nuM_f11UVPLnVgu/s640/IMG_3455.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">One of the longest flat-screen TV's I've ever seen</td></tr>
</tbody></table>
These great sky towers are not just for [super expensive] housing, they even apply to Hong Kong's great shopping malls which can easily have 10+ floors. Grand swanky shopping malls are pretty common in Asia, but they all got nuttin' on Hong Kong. Its common for me to walk around a mall, get confused about what floor I'm on, then a while later I'm actually at another mall and metro station without even realising it!<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkOKfdRjxZs_Xp2Ijdk8LB9ibmedpd_CR2LqA120Ek3I0HxdZVcXqBhdonyCB1p53aNsNufWFOTJPParvCjaCKHsrqPVyF59ybZEdeVxfelOYz-pch70sXhtCu411bhprn-6w6TJoI2dwv/s1600/IMG_2889.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkOKfdRjxZs_Xp2Ijdk8LB9ibmedpd_CR2LqA120Ek3I0HxdZVcXqBhdonyCB1p53aNsNufWFOTJPParvCjaCKHsrqPVyF59ybZEdeVxfelOYz-pch70sXhtCu411bhprn-6w6TJoI2dwv/s400/IMG_2889.jpg" width="300" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Your wireless touch metro card can also be used to buy items as well as for travelling around</td></tr>
</tbody></table>
<br />
<u><b>FOOD GLORIOUS FOOD</b></u><br />
<br />
The food here is awesome, and super cheap! So much so that actually eating out is cheaper then buying food to cook at home. But in Asia I find that this is a common theme. A common place that we'd go to is called Cafe' de Coral which is a franchised fast food chain for Chinese food. In Chinese its called (<span style="text-align: justify;"></span>大家樂) is "everyone happy" which totally isn't the english translation lol. Its cheap, quick, tasty and efficient, all the things Hong Kong people want in their busy lives!<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijxafWMk5U6ZANr7X68dPmncFh4diT0rYsVPVDh6TdewH_cbsEQF_tXGoc4J3pEfgqmwNoq11Mhz52ksgzX5TwfZLojn4HyjZzwvitrB1YRkO5OCwnzwMe9GhbR-22ublYHfys3IvCN3FE/s1600/IMG_2890.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1200" data-original-width="1600" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijxafWMk5U6ZANr7X68dPmncFh4diT0rYsVPVDh6TdewH_cbsEQF_tXGoc4J3pEfgqmwNoq11Mhz52ksgzX5TwfZLojn4HyjZzwvitrB1YRkO5OCwnzwMe9GhbR-22ublYHfys3IvCN3FE/s400/IMG_2890.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">£4 duck rise with veggies and milk ice tea at Cafe de Coral - I am happy ::P</td></tr>
</tbody></table>
<br />
"Yum Cha" is well known traditional lunchtime Chinese food, where you choose dumplings and/or other mostly steamed delicacies off trolleys that are being pushed around by servers.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLSO0-I6xhHLKFqwPamvjLcTnHiOC91wB0WlPjGEYH2hKtYMCoDEKB5__kKp1f8V9sc4fqlGo6K2UfydtFQT_Hwd3QsPGYIj2PxxLd36idsNHcqRJEX-YA3VIy_3Zqbf1olWmUbPE-7F12/s1600/IMG_3471.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLSO0-I6xhHLKFqwPamvjLcTnHiOC91wB0WlPjGEYH2hKtYMCoDEKB5__kKp1f8V9sc4fqlGo6K2UfydtFQT_Hwd3QsPGYIj2PxxLd36idsNHcqRJEX-YA3VIy_3Zqbf1olWmUbPE-7F12/s320/IMG_3471.jpg" width="240" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Typical dim sum you would get at a 'Yum Cha'. Xiao Long Bao has soup inside of it!</td></tr>
</tbody></table>
<br />
You could also try the "Da Bino" which is a hotpot of water that keeps boiling as you put ingredients in such as meat, seafood, veggies and then top the night off with some noodles with the amazing broth. Its messy, steamy and takes ages, which means great socializing!<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQAow-md6oU-iUuxJhiA40ypqML4NFWLKF50w9JLVVOfHG1YHqcl-JqqU1dLHrc2wkLmZGBFIOXHXtZ-oIsADGMLhaZw8Mal1ia3b9MCdE5uMM9CpopGwJtyMuFEYXeoHU-doOKl2Kpzqp/s1600/hotpot1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="385" data-original-width="583" height="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQAow-md6oU-iUuxJhiA40ypqML4NFWLKF50w9JLVVOfHG1YHqcl-JqqU1dLHrc2wkLmZGBFIOXHXtZ-oIsADGMLhaZw8Mal1ia3b9MCdE5uMM9CpopGwJtyMuFEYXeoHU-doOKl2Kpzqp/s400/hotpot1.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Hotpots sometimes comes with two, one being a super spicy red broth, and the other one normal</td></tr>
</tbody></table>
There are tons of western foods here if your not that adventurous, all the familiar big names are here from MacDonalds to Starbucks will keep the culture shock down. Every mall has huge food courts with a wide variety of things to choose from.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIeaZhPILNoLzFK_3x4hMVP6RRP_n1uo51E3wc5NDYdyTQ8rWxNlPELT3FhRqPLzxnGB7SVDA1iWEIj031P-FSx0e-ZWvKbTqQo-WZD12dVrmm4JXq6jzOuoiGmCBHq35XHa7W4wkHFGE_/s1600/IMG_3601.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIeaZhPILNoLzFK_3x4hMVP6RRP_n1uo51E3wc5NDYdyTQ8rWxNlPELT3FhRqPLzxnGB7SVDA1iWEIj031P-FSx0e-ZWvKbTqQo-WZD12dVrmm4JXq6jzOuoiGmCBHq35XHa7W4wkHFGE_/s400/IMG_3601.JPG" width="300" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">3 Meat Dumpling Soup, cheapest Michelin food ever? Service certainly made it seem so!</td></tr>
</tbody></table>
I went to check out a Michalin star dumpling place, which was only £5! It was a special 3 meat dumpling noodle place which was delicious. For that price, its no surprise that the service was pretty rude, enough to shock any westerner that isn't used to it!<br />
<br />
<br />
<u><b>CULTURAL GATEWAY</b></u><br />
<u><b><br /></b></u>
If there are any aspiring travellers apprehensive about going to Asia, I would say that Hong Kong is a great gateway to wean your way into the culture. Of course it being a British colony since the handover in 1997, it has a lot of western influences which make it an inviting place to visit.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfcyBNtzLYZ_fbxuVGyD_Elw3d9ZIHqk9nmCl8kslCqTgcqdt-O7r_GlVpVCBAUHuQp7RDB-guvUsE92TqVXLYVniZX3Q91Oe_KgN1NiNmqWzimI06ugpwjxOAjPu7hheanOgjO1nmtlNR/s1600/IMG_3608.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfcyBNtzLYZ_fbxuVGyD_Elw3d9ZIHqk9nmCl8kslCqTgcqdt-O7r_GlVpVCBAUHuQp7RDB-guvUsE92TqVXLYVniZX3Q91Oe_KgN1NiNmqWzimI06ugpwjxOAjPu7hheanOgjO1nmtlNR/s400/IMG_3608.jpg" width="300" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">When I pointed out the spelling mistake to the owner he replied "Ahhh, my wife... always doing things half assed!!" xD</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3XD5l_MV49chMQrMqqba6uhAXYcvgJYJFqHVAIeycU_TImNjxY8gDHZlTFWt0mRFLGhHW0e_mguo7xcS6AqmWlI4tdmyQ63mBQl1681WzNArQKvRx6hhX1uFaoCA7E_pRu8fzUoVV-W_l/s1600/IMG_3606.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3XD5l_MV49chMQrMqqba6uhAXYcvgJYJFqHVAIeycU_TImNjxY8gDHZlTFWt0mRFLGhHW0e_mguo7xcS6AqmWlI4tdmyQ63mBQl1681WzNArQKvRx6hhX1uFaoCA7E_pRu8fzUoVV-W_l/s400/IMG_3606.jpg" width="300" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Nothing like good ol' sexism to give that western feel!</td></tr>
</tbody></table>
English is prevalent for all road signs and metro. The metro is super efficient, changing lines has been smartly designed so that its across the platform. I wouldn't say that everyone can speak it, but most can, and if not they're pretty embracing about it.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUaOKVsKM2_JJRTPS6mq3ZEhFxf33-m_p_we0M72yzTsTU_U-79RjgtjAAEAJfVxokvy4IlsYQwbC32WkRgj-viWnaCP26rZad53LAQsMXkW_5h9oeJqrIyplXjTPIusGXGcPfHeV8Pztj/s1600/IMG_3632.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="397" data-original-width="1600" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUaOKVsKM2_JJRTPS6mq3ZEhFxf33-m_p_we0M72yzTsTU_U-79RjgtjAAEAJfVxokvy4IlsYQwbC32WkRgj-viWnaCP26rZad53LAQsMXkW_5h9oeJqrIyplXjTPIusGXGcPfHeV8Pztj/s640/IMG_3632.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinA-on_376svVZGNqt_sjfQpaCkXhdfo2dueqMARmJtB-Imj3QLr2OINjDqauX8mRXS1mFJhQtnsxHL2A1YbkgAJImUI188TN-_yuFZbfsIJtxZ5HXxecepAgnktRGbVnxVf6pKVsLsyr1/s1600/IMG_3633.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="368" data-original-width="1600" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinA-on_376svVZGNqt_sjfQpaCkXhdfo2dueqMARmJtB-Imj3QLr2OINjDqauX8mRXS1mFJhQtnsxHL2A1YbkgAJImUI188TN-_yuFZbfsIJtxZ5HXxecepAgnktRGbVnxVf6pKVsLsyr1/s640/IMG_3633.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Amazing views from a Skytop Bar in Wanchai</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Upon meeting my friend, she had told that there are huge concerns and tensions of Hong Kong people about China's political influence of integration into their society. They see themselves as Hong Kong people and want to distance themselves from being the 'same' Chinese as communist China. It is the seemingly strange attitude of a colony that did not want to be returned back to its owners.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijwqcAscXYRFppZorbOyzoR9mTqk3jaMe6Tp0FpMGkA2J5-KDRdltdFjJoGx15ksa0bjgAuRdr24at9BMzR1izEewFw2jXWsZNWPjukH9NHN5hBvt4ovJB0YaW0oqSKDeIYkS15X_-X4nD/s1600/IMG_3543.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="345" data-original-width="1600" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijwqcAscXYRFppZorbOyzoR9mTqk3jaMe6Tp0FpMGkA2J5-KDRdltdFjJoGx15ksa0bjgAuRdr24at9BMzR1izEewFw2jXWsZNWPjukH9NHN5hBvt4ovJB0YaW0oqSKDeIYkS15X_-X4nD/s640/IMG_3543.JPG" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Incredible evening way high up in the skies!</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-gjqWrPPcNQhpDzsKEesE4RpieYF2UfqyBXa-rM1AAmqE5jusb4DVpJOkNqwGz6dvX8dnKKe0PT1iKc-IFKxybbSYC93QqBlDpb9S0m0ArbLMqpkNAnUapHkhKu4THeRvrKB6GzRTysC/s1600/IMG_3535.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-gjqWrPPcNQhpDzsKEesE4RpieYF2UfqyBXa-rM1AAmqE5jusb4DVpJOkNqwGz6dvX8dnKKe0PT1iKc-IFKxybbSYC93QqBlDpb9S0m0ArbLMqpkNAnUapHkhKu4THeRvrKB6GzRTysC/s400/IMG_3535.jpg" width="300" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQ2E0m3i61eOtHq24f817WUK16nXeJQ4sybMiANOjXeRdj5ZZwjI4jPyol4BT5PKN-a-S9SaiqzhdQLgWlsh17mqv3hO4xATlqRiJ5GqSABD5kwQUWoFH0Bxe_OJS-dMuRU5NUYnjQBKm/s1600/IMG_3534.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQ2E0m3i61eOtHq24f817WUK16nXeJQ4sybMiANOjXeRdj5ZZwjI4jPyol4BT5PKN-a-S9SaiqzhdQLgWlsh17mqv3hO4xATlqRiJ5GqSABD5kwQUWoFH0Bxe_OJS-dMuRU5NUYnjQBKm/s400/IMG_3534.jpg" width="300" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtwSBGx0ruu14effa2704XWVOc1KRfSMfXpl1Zith7s31o9kJ8-mUWXdPVs2uwoPEo-kMOztf5XZvt1bvmwIQhnEyumBDXZZust6myJeC2ivZYBfrc3zafN5dD-BqRHMpDE7SR9TGOr_W9/s1600/IMG_3539.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtwSBGx0ruu14effa2704XWVOc1KRfSMfXpl1Zith7s31o9kJ8-mUWXdPVs2uwoPEo-kMOztf5XZvt1bvmwIQhnEyumBDXZZust6myJeC2ivZYBfrc3zafN5dD-BqRHMpDE7SR9TGOr_W9/s400/IMG_3539.jpg" width="300" /></a></div>
<br />
Hong Kong's western influence business mindset has led it to prosper and thrive. I look out at the skyline and see how this city embraces its international partners, and also create its own Chinese culture with it.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_-d8vBqOmGrEdc-YmH1MTiOIwir8GrHK5i1rrl-hCCfIyyfIN0opflJ5gQJWlrg3-v95xvY4LZsrNSPWy-mhafMmhL3Y75Rg8VJUzDgNIftCfeiIV2oq3cy-OToXsi0JdQ1gyTy7NvZ8o/s1600/IMG_3610.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_-d8vBqOmGrEdc-YmH1MTiOIwir8GrHK5i1rrl-hCCfIyyfIN0opflJ5gQJWlrg3-v95xvY4LZsrNSPWy-mhafMmhL3Y75Rg8VJUzDgNIftCfeiIV2oq3cy-OToXsi0JdQ1gyTy7NvZ8o/s400/IMG_3610.jpg" width="300" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeipUPSXbbEmECh0fy2yYSzWf51dT2sA9_hGF98B9NWCawFk5yOfIwUd_TZpCIF_KIefG_N5y5NwFIcApb7U81AiKF3tuSErXWlMLu75Jac-fDnQkxT7skL2xpPeQsB3xzvcxV3WgVnx0v/s1600/IMG_3617.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeipUPSXbbEmECh0fy2yYSzWf51dT2sA9_hGF98B9NWCawFk5yOfIwUd_TZpCIF_KIefG_N5y5NwFIcApb7U81AiKF3tuSErXWlMLu75Jac-fDnQkxT7skL2xpPeQsB3xzvcxV3WgVnx0v/s400/IMG_3617.jpg" width="300" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLcnw1sngmGG7LBJiq5z_w2RU_v1whjem7ocQo7Kg7ksuvQ3jVHqdxo9rK0-09j-1PIT13Ssoz7QY-K0OKJYOE6fTC1RaXbuzSHwrxplm7gs_qk5reoatj6x-y4OIET21I9j6BbH8uhS9F/s1600/IMG_3624.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLcnw1sngmGG7LBJiq5z_w2RU_v1whjem7ocQo7Kg7ksuvQ3jVHqdxo9rK0-09j-1PIT13Ssoz7QY-K0OKJYOE6fTC1RaXbuzSHwrxplm7gs_qk5reoatj6x-y4OIET21I9j6BbH8uhS9F/s400/IMG_3624.jpg" width="300" /></a></div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG6iASRZHYXPwrw8NkV11ne1CXuvuiKoWMcMaBdW01qd0h0pn1Hhh9I174fXVJI1FPBiZ97psgylI1qiG43BYlNsi1meMaaziEVUre5flPGcbJ9V_yKxWvOI_M7o3SLsjsnrWlfFJslTVg/s1600/IMG_3652.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG6iASRZHYXPwrw8NkV11ne1CXuvuiKoWMcMaBdW01qd0h0pn1Hhh9I174fXVJI1FPBiZ97psgylI1qiG43BYlNsi1meMaaziEVUre5flPGcbJ9V_yKxWvOI_M7o3SLsjsnrWlfFJslTVg/s400/IMG_3652.jpg" width="300" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">This picture is confusing, makes me think its upside down for some reason!</td></tr>
</tbody></table>
<br />With these great memories, I always find myself rather unsure about my connection to my motherland. On one hand I am of Hong Kong Chinese decent, but my British born personality makes me not quite feel at home. I would love to try to live in Hong Kong one day, but there is a side of me that makes me think that I'm too laid back for the hardcore working culture.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmz66kZdxmpRYPWOKU4-Ue9D82mrc5GKFHS3PvtmFmxru8lMh1u51EEWay9nNrUzEm269tjiAT529yY0vyH1cNPquLCQzSvOPf0NwpoC7GjhpIfDAyrahiwr8heMsz6GLHib5YCzKN3eaf/s1600/IMG_3647.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmz66kZdxmpRYPWOKU4-Ue9D82mrc5GKFHS3PvtmFmxru8lMh1u51EEWay9nNrUzEm269tjiAT529yY0vyH1cNPquLCQzSvOPf0NwpoC7GjhpIfDAyrahiwr8heMsz6GLHib5YCzKN3eaf/s640/IMG_3647.JPG" width="480" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Spongebob Squarepants Dim Sum? Cant be good lol...</td></tr>
</tbody></table>
<br />Until next time, cant wait!Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-62548358581682987492017-11-30T15:32:00.001+00:002017-11-30T15:33:04.834+00:00A Week in SeoulI have been lacking in the blog posts lately, sorry... just haven't found the time. I have been attending family events, meeting old friends, making new ones and also trying to keep the coding work up as well. But in all honesty it has mostly stemmed from feeling rather overwhelmed with the amount of things to cover since there has been so much going on!<br />
<br />
First of all, there's nothing better then visiting somewhere when you have an enthusiastic host that is also one of your best friends. It makes all the difference when they know all the good local places, but also knows what you like and adjusts to that as well.<br />
<br />
I had a fantastic week, and it was very packed. I thought it would be better to list em out in case any of you guys were thinking of visiting as well someday;<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ihbb7qUHYwdEUW-J1ZLr65jAzx5zTl4TcJYDxpAsqGRwAos7Rb9fAOBP2_YOjsVIAdLlzVmcSC31Du5n59NdSi9ULZx93opFVLUqsYzo2EX1adJD6DDrgBpHLSUK-qervw7Bd1gjyBfW/s1600/IMG_3373.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ihbb7qUHYwdEUW-J1ZLr65jAzx5zTl4TcJYDxpAsqGRwAos7Rb9fAOBP2_YOjsVIAdLlzVmcSC31Du5n59NdSi9ULZx93opFVLUqsYzo2EX1adJD6DDrgBpHLSUK-qervw7Bd1gjyBfW/s640/IMG_3373.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">View from Bukhansan Peak</td></tr>
</tbody></table>
<br />
<div class="p2">
<br /></div>
<br />
<b><u>THE NIGHTLIFE</u></b><br />
<div>
<br /></div>
<div>
<b>Itaewon</b> - Is close to where the American army base is situated, so since then it has been built up more catered towards foreigners. There is a wide variety of shops, bars and restaurants to choose from, mostly Korean attempts at foreign foods.</div>
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTf7NYFe0OdG5tOi_gr_qiBfewL8J2qoyLD86xHHNc0JOed5hKuRXOYxGgf5aaqY1JMMW7jQ4kqylfzDdqm1fy2kMPVH5t6NMoKgfYFCOI6jH9PRJWhoY6PROi170CKeskCMIE6daGHAPV/s1600/IMG_3235.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTf7NYFe0OdG5tOi_gr_qiBfewL8J2qoyLD86xHHNc0JOed5hKuRXOYxGgf5aaqY1JMMW7jQ4kqylfzDdqm1fy2kMPVH5t6NMoKgfYFCOI6jH9PRJWhoY6PROi170CKeskCMIE6daGHAPV/s400/IMG_3235.jpg" width="300" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLNsHStR-z0FbKXc6hOtdRVDsYdz44_BWYIbnsdr4he01rlYdQDr4XFt_GlwsTUl3lvE8MxqpIxIfIuS9KcPMOhViBL6lWfgxHQthszB42RxaV2trlx1tDJK6_5yMc042k8vEsmg98WzMs/s1600/IMG_3233.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLNsHStR-z0FbKXc6hOtdRVDsYdz44_BWYIbnsdr4he01rlYdQDr4XFt_GlwsTUl3lvE8MxqpIxIfIuS9KcPMOhViBL6lWfgxHQthszB42RxaV2trlx1tDJK6_5yMc042k8vEsmg98WzMs/s400/IMG_3233.jpg" width="300" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiheWoKlt3i_aOHviBX-JOPGkvFSP7XMBVqp-ppwFkdjzdsROU32JgV-dHo5ptYvK1zf30nl3Ltt7Zq51Kneu8hBh0j9sdlB6r_5WrtQP-VOTkWHmxd-n8bB16oq1satbVAhUOV8zDAU7R6/s1600/IMG_3232.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="408" data-original-width="1600" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiheWoKlt3i_aOHviBX-JOPGkvFSP7XMBVqp-ppwFkdjzdsROU32JgV-dHo5ptYvK1zf30nl3Ltt7Zq51Kneu8hBh0j9sdlB6r_5WrtQP-VOTkWHmxd-n8bB16oq1satbVAhUOV8zDAU7R6/s640/IMG_3232.jpg" width="640" /></a></div>
<br />
<br /></div>
<div>
I went to one called South Side, an American bar with a rooftop view. Strangely enough we weren't really in the south! Unfortunately it was too cold so it wasn't officially open at the time. When going drinking bars will typically give out unlimited free snacks like nuts or crisps, and encourage customers to eat as to not get drunk too quickly.</div>
<div>
<br /></div>
<div>
<b>Gangnam</b> - The most famous area and now more internationally recognized since Psy's song. Its a place that never really sleeps, and has a lot of bars, clubs, shops, and great places to eat all throughout day and night.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeg_jYFs3iMfz3PqlgxanCjLlto5BC1f-syAm3XbrZBcukvSbcHWEh0LUAVWNlTRdxk2HO_2vJFxFy7ctA6he-yUgD3LDGrUTnxdawdxDdvmv3wQJwP5_GhOKDyMUGkLZ4v0U57wnB00tl/s1600/IMG_2956.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeg_jYFs3iMfz3PqlgxanCjLlto5BC1f-syAm3XbrZBcukvSbcHWEh0LUAVWNlTRdxk2HO_2vJFxFy7ctA6he-yUgD3LDGrUTnxdawdxDdvmv3wQJwP5_GhOKDyMUGkLZ4v0U57wnB00tl/s640/IMG_2956.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Karaoke bar in Gangnam</td></tr>
</tbody></table>
<br />
</div>
<div>
There are also some very interesting places in Gangnam. A favourite hangout spot for us is Rainbow, a hippy shisha bar. It sounds weird to say, but that's why we love it. A Korean hippy shisha bar in Gangnam! Its a relaxing place to hang out and drink, and a unique experience!<br />
<br />
<b>Jandari-ro (nearest station Hapjeong)</b> - Up and coming location, quieter version of Gangnam. Maybe the 'older', more relaxed style place so I've been told. Here we saw the typical restaurants,<br />
shops, arcades and karaoke bars, but we found this beauty... a gaming bar!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi0mbKkcAhzfq0NC8aUyWRugEXlFSop0sSp58-j6dibIrG5P1oNVlz0rCoEpQNX_WcNE-oPiFPaGPB76i0InMdQajWxVawzmRB6i8XyY9IrD3vjmQAe71AL2bxKrXyFjH9L0BA1PNZSFFj/s1600/IMG_2963.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="345" data-original-width="1600" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi0mbKkcAhzfq0NC8aUyWRugEXlFSop0sSp58-j6dibIrG5P1oNVlz0rCoEpQNX_WcNE-oPiFPaGPB76i0InMdQajWxVawzmRB6i8XyY9IrD3vjmQAe71AL2bxKrXyFjH9L0BA1PNZSFFj/s640/IMG_2963.jpg" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKldEmfq4qsdghb-nBg84nukhexLNuEsawBtmW266IKN3Smck27HJUbe3V4AEAfYj90Tonzv7443qJEVCLzfqYW6UMy4yDJdGI3fQg9LNgqrslR06b-WWQi-9XdLKQ8_3GC47-ihbN6au7/s1600/IMG_2980.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKldEmfq4qsdghb-nBg84nukhexLNuEsawBtmW266IKN3Smck27HJUbe3V4AEAfYj90Tonzv7443qJEVCLzfqYW6UMy4yDJdGI3fQg9LNgqrslR06b-WWQi-9XdLKQ8_3GC47-ihbN6au7/s320/IMG_2980.jpg" width="240" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9D-Jz6sSuTSfYxG5wV2kzaA4sRg85o0i7aZ-uRakpZ_XbCbmtT_-zrGr9LIdCeuGBZBsZJdyqzFQKB7w-P8Ug0-mPIwmEGRZTKD9OztMslauqrtY2_guUKEQ2NOsPoBwbf8Ik7VQPrptq/s1600/IMG_2977.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9D-Jz6sSuTSfYxG5wV2kzaA4sRg85o0i7aZ-uRakpZ_XbCbmtT_-zrGr9LIdCeuGBZBsZJdyqzFQKB7w-P8Ug0-mPIwmEGRZTKD9OztMslauqrtY2_guUKEQ2NOsPoBwbf8Ik7VQPrptq/s320/IMG_2977.jpg" width="240" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzX8HwRNBnwB0pXSoHerDhW8-A31zcUR7ERJ0ZkRQLgMoKDE7Pi26S-7ufy-4D5_z35oKTlLXV6cxN7HGBiYuAqzaqg_btOCr0Xz0R3Cy9HpzuZu0jlvXehEgmUfTN5U7SM6doj2EJZoeB/s1600/IMG_2966.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzX8HwRNBnwB0pXSoHerDhW8-A31zcUR7ERJ0ZkRQLgMoKDE7Pi26S-7ufy-4D5_z35oKTlLXV6cxN7HGBiYuAqzaqg_btOCr0Xz0R3Cy9HpzuZu0jlvXehEgmUfTN5U7SM6doj2EJZoeB/s320/IMG_2966.jpg" width="320" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYuVE88JpxClhqUD_XQZt1hudzQcisRpWxNuAuv8QbCe2rze1VmvvXwDGuerwsOEFGdwTMASOXmz3Wpq8lSw9MtG65ezKq-YnOBUvffRJDUxsqmXUwHmWNg0aRzN51GTlvAnoN1KUV1OaO/s1600/IMG_2967.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYuVE88JpxClhqUD_XQZt1hudzQcisRpWxNuAuv8QbCe2rze1VmvvXwDGuerwsOEFGdwTMASOXmz3Wpq8lSw9MtG65ezKq-YnOBUvffRJDUxsqmXUwHmWNg0aRzN51GTlvAnoN1KUV1OaO/s320/IMG_2967.jpg" width="240" /></a></div>
<br />
<br />
<b><u>THE FOOD</u></b></div>
<div>
<br /></div>
<div>
Korean food is one of my favourites, but its not for everyone. For one thing most of the dishes will be spicy, so be aware! Most of the dishes will come with sides, which will be small plates of pickled vegetables, and of course the world famous kimchi.</div>
<div>
<br /></div>
<div>
<b>Korean BBQ</b> - This is classic first meal that a Korean would typically take his visiting friend to. You will be given raw beef, belly pork, or prawns to cook on a grill on a custom table. The idea is to get some meat with chilli paste sauce and wrap it in a lettuce leaf to eat. With all the sides like garlic, kimchi and rice, you can mix and match how you please!<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn5xziTA6ggtO6PRWVxaFhXfma-D0OIrRteU3koQMJcVSPC2dUTZMgtK4kYljBtcyd-6dqVQXAUyRgtGe8kCJNVQY1Fn8y-F-rpgdOkODe7mf9xh6PRNg9557HUh03a1r6r_ukRYkF3MOz/s1600/IMG_3415.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn5xziTA6ggtO6PRWVxaFhXfma-D0OIrRteU3koQMJcVSPC2dUTZMgtK4kYljBtcyd-6dqVQXAUyRgtGe8kCJNVQY1Fn8y-F-rpgdOkODe7mf9xh6PRNg9557HUh03a1r6r_ukRYkF3MOz/s400/IMG_3415.jpg" width="300" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">The BBQ grill. This version has space for an omelette to fry on the outside.</td></tr>
</tbody></table>
<br /></div>
<div>
<b>Gingseng Chicken Broth</b> - Another common food that Koreans like is their broths in a hot claypot. Most of the time this will come with a small bowl of rice to eat it with, as well as the sides. I've known my Korean friend a long time now, and in all this time I never tried this before! This amazing broth is a small whole chicken with rice inside it! The broth has gingseng, garlic and chestnuts as well as other herbs... awesome! The restaurant was pretty traditional, meaning sitting down style.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjT477V3KHf3mX1kh3G1zdb8tQbXJLhKZicI3OpQwZ6XtYGZilvKEXIv_P7JES70irxRjNTF56adsY9s6gMhjs8Wrhdv_DQ5FW_ZNK7L3wcbiYAVW-WIsvzFrEdmwohS8t2CuUWlCl2mTO/s1600/IMG_3008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjT477V3KHf3mX1kh3G1zdb8tQbXJLhKZicI3OpQwZ6XtYGZilvKEXIv_P7JES70irxRjNTF56adsY9s6gMhjs8Wrhdv_DQ5FW_ZNK7L3wcbiYAVW-WIsvzFrEdmwohS8t2CuUWlCl2mTO/s320/IMG_3008.jpg" width="240" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju2910ZwILJ7YfQOyVLI0mMRL6dZOrIc6-JmSoUA9phXsoXfbfXHC0Ij-g6DYt1a_oZWYhapziToU80P6pvXI2-9eZ6mNpZWLokKLBAMlrpc7d4hN3KJTXZkDqb5ErxG6lRZrFRbg3CF38/s1600/IMG_3006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju2910ZwILJ7YfQOyVLI0mMRL6dZOrIc6-JmSoUA9phXsoXfbfXHC0Ij-g6DYt1a_oZWYhapziToU80P6pvXI2-9eZ6mNpZWLokKLBAMlrpc7d4hN3KJTXZkDqb5ErxG6lRZrFRbg3CF38/s320/IMG_3006.jpg" width="240" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6BEnMKu1Mxr8wZBxto23GKHRmDgHbalflLokJVNeuPli0GBfFXcL7N0pZ2f9RbeHKPyqpSEsJQmAUT-yW_I_WEi3EoCmaaGEfqpwzGz80lDu-7xcz72oX86gUqK6912T4dCN6PqfO7e70/s1600/IMG_3014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6BEnMKu1Mxr8wZBxto23GKHRmDgHbalflLokJVNeuPli0GBfFXcL7N0pZ2f9RbeHKPyqpSEsJQmAUT-yW_I_WEi3EoCmaaGEfqpwzGz80lDu-7xcz72oX86gUqK6912T4dCN6PqfO7e70/s320/IMG_3014.jpg" width="240" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikPv6Yb6BL3-Mu5QR3zoPj-i_R88L3y-HXBaKzoVrJsH3WNwggfWy8MP76yTrAo0Qi82fd5mtcEiJVuHGTnmGC-QwWvKU1yEAARF1LynFUWMf1mhEbMNwbp3oKxpXMyWaHJ_DAI0zqV-kd/s1600/IMG_3015.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikPv6Yb6BL3-Mu5QR3zoPj-i_R88L3y-HXBaKzoVrJsH3WNwggfWy8MP76yTrAo0Qi82fd5mtcEiJVuHGTnmGC-QwWvKU1yEAARF1LynFUWMf1mhEbMNwbp3oKxpXMyWaHJ_DAI0zqV-kd/s320/IMG_3015.jpg" width="240" /></a></div>
<br />
<br /></div>
<div>
<b>Japanese Ramen</b> - Not traditional Korean, but we felt like some ramen and my friend knew this incredible Japanese ramen place in Gangnam! Great food to help cure my hangover!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJ0HRKcRNC4i8NCQNv5ErypcN-xmUxlgbp1qFj5IB4OV9eo3VDUiZ-97Y0WhyIZvA9a6mReJCEgCHJyE3djcA-XW50UfYs_v-O8cWwbAhwXlDmXw3ePjNHhcVBepLCYJCCEkTTzzfh4NQ/s1600/IMG_3224.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJ0HRKcRNC4i8NCQNv5ErypcN-xmUxlgbp1qFj5IB4OV9eo3VDUiZ-97Y0WhyIZvA9a6mReJCEgCHJyE3djcA-XW50UfYs_v-O8cWwbAhwXlDmXw3ePjNHhcVBepLCYJCCEkTTzzfh4NQ/s320/IMG_3224.jpg" width="240" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnBTr-fV6fLIsdQqI8RhGD687WZLyo3XqqFqP5oj4A9TYkXsw6tswSrDVm2Mu0y4M74oS9OOCB5uwClBNZUMqdyo1XhgxlaiP_-AKjFlq11F7oUtpHoO1ry87y1Rq3fKam4DGm1xvTf9W1/s1600/IMG_3227.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnBTr-fV6fLIsdQqI8RhGD687WZLyo3XqqFqP5oj4A9TYkXsw6tswSrDVm2Mu0y4M74oS9OOCB5uwClBNZUMqdyo1XhgxlaiP_-AKjFlq11F7oUtpHoO1ry87y1Rq3fKam4DGm1xvTf9W1/s320/IMG_3227.jpg" width="320" /></a></div>
</div>
<div>
<b>Vatos, Itaewon</b> - After meeting a developer in Itaewon, he took me to a Mexican taco place! It had some cool beers that I'd never heard of and tacos. In UK we don't eat these that often, so its hard to compare it, but for me it was great!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA06cg1lO-iQP4QqVLcBT_eKzziaxr-bbDEfm-t5A86G5K1D3rzp6zgX0goQQ_ErF-PU__H08p8WmAzmSt2u-lqm9QUSRAJGhFulKT1Q8Vu6rLFMd-Ynu65A0FM3Ghww23BT27plcqsdZ1/s1600/IMG_2933.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA06cg1lO-iQP4QqVLcBT_eKzziaxr-bbDEfm-t5A86G5K1D3rzp6zgX0goQQ_ErF-PU__H08p8WmAzmSt2u-lqm9QUSRAJGhFulKT1Q8Vu6rLFMd-Ynu65A0FM3Ghww23BT27plcqsdZ1/s320/IMG_2933.jpg" width="240" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirX-ybv-pqE4Ib5nwL0nX9aPJMv8eZQVSbI_tfZo3b4G_6wqgIs57JgIQORJI4osTqX4zRIch-A6w4g2uI5UkyToOMi11Rl_qLoazTWatSPZnJSxcdxRdUuDWtiIWNHY0jhKSH_nDIOMN7/s1600/IMG_2936.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirX-ybv-pqE4Ib5nwL0nX9aPJMv8eZQVSbI_tfZo3b4G_6wqgIs57JgIQORJI4osTqX4zRIch-A6w4g2uI5UkyToOMi11Rl_qLoazTWatSPZnJSxcdxRdUuDWtiIWNHY0jhKSH_nDIOMN7/s320/IMG_2936.jpg" width="240" /></a></div>
</div>
<div>
<b>Manimal Steakhouse, Itaewon </b>- This was an American themed slow cooked meat restaurant in Itaewon! There was so much meat that it would make Atkins dieters proud! </div>
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq1LKtZPfQiSK4gZBGsYSRBKHUUAO5wwHaiPZXmOJsdd9SY6xqZtFVzxqWDA6JB2mUBm4yXPkFb4uzQ7LR0PdtTvxlIFNBzwCA4u-5laM7CTDezwc1Ym1Qh3y2gkTYq1oOoD-kCjaYUK-k/s1600/IMG_3217.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq1LKtZPfQiSK4gZBGsYSRBKHUUAO5wwHaiPZXmOJsdd9SY6xqZtFVzxqWDA6JB2mUBm4yXPkFb4uzQ7LR0PdtTvxlIFNBzwCA4u-5laM7CTDezwc1Ym1Qh3y2gkTYq1oOoD-kCjaYUK-k/s320/IMG_3217.jpg" width="320" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy8h-sX2m3REMMslDuzky-ZHnKrPhegu9ahoMfc_G7f5GX4g0xHgW5HfZvF_2_H0v5wR99JNgEd8pg4f79XBwWXAM2Rjo7yJFD6-ZBpDlAikt9Vn7Tq6pZFlt2dGjH3b0krDzmBhPW1HZA/s1600/IMG_3209.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy8h-sX2m3REMMslDuzky-ZHnKrPhegu9ahoMfc_G7f5GX4g0xHgW5HfZvF_2_H0v5wR99JNgEd8pg4f79XBwWXAM2Rjo7yJFD6-ZBpDlAikt9Vn7Tq6pZFlt2dGjH3b0krDzmBhPW1HZA/s320/IMG_3209.jpg" width="240" /></a></div>
<br />
<br />
<b><u>THE SIGHTS & EXPERIENCES</u></b><br />
<br />
Korea has a lot of amazing sights, and just the old school traditional but also on the flip side some really amazing futuristic locations! Something for everyone.<br />
<br />
<b>Cat Comic Cafe (Jamsil)</b> - Gonna start off a bit weird. In Korea, cafe's are all the rage! Next to restaurants and shops, they're probably most common business! Of course you will see Starbucks and The Coffee Bean franchises around, but there are a ton of small cosy hipster coffee places too! My friend found an amazing cat cafe which specialised in having a huge collection of comics for you to read. It was so relaxing and fun to chill and have the cats wandering around doing that they do, which I'm sure is not caring what your doing!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMPXsWuHaFrxynz528hKTf4VJhNQcxhQeBzQYW4oDaY59obvgitWZQmx2lIs_pI54emYbb-1pU43zjtbmorEC71HP9ODKVEeY8_Qpjk0GYf86Asz-Fp3gGhRfdLbz49a5RT4o5YSrqXLrj/s1600/IMG_3099.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMPXsWuHaFrxynz528hKTf4VJhNQcxhQeBzQYW4oDaY59obvgitWZQmx2lIs_pI54emYbb-1pU43zjtbmorEC71HP9ODKVEeY8_Qpjk0GYf86Asz-Fp3gGhRfdLbz49a5RT4o5YSrqXLrj/s320/IMG_3099.jpg" width="320" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr_dSyjiaWxyb21Sk91JwwmfWNz24TGExoZpNyUcwwFIN7uibrDaS34GwLqS06bm6Ja7VMngpPGTHF3wzW4U4scjXsvZhCLf7yIDxE_WZhjQdw0rMieAWlWR1BE-VMPjr4p7ly8hOKV5oK/s1600/IMG_3103.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr_dSyjiaWxyb21Sk91JwwmfWNz24TGExoZpNyUcwwFIN7uibrDaS34GwLqS06bm6Ja7VMngpPGTHF3wzW4U4scjXsvZhCLf7yIDxE_WZhjQdw0rMieAWlWR1BE-VMPjr4p7ly8hOKV5oK/s320/IMG_3103.jpg" width="240" /></a></div>
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj111br_CMr5fM1IPrBflbxZZxiYLx-E7B-EVbo14oFYkhxtza1p6riBkMnXKwrS5f7PhdNe44YjS-de44xWiQ7jKxkbaGI9ugq3yy6NgaKgBSbanYgP10bZXu0t_UsGxKUMAo54DwhkQo1/s1600/IMG_3107.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj111br_CMr5fM1IPrBflbxZZxiYLx-E7B-EVbo14oFYkhxtza1p6riBkMnXKwrS5f7PhdNe44YjS-de44xWiQ7jKxkbaGI9ugq3yy6NgaKgBSbanYgP10bZXu0t_UsGxKUMAo54DwhkQo1/s320/IMG_3107.jpg" width="240" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix4YBCf7ptVYEcGKfHZLBXAOEpkKIyQO8JAE7U0nfkAYckmVVQrNPq50UNjCAOiKwgyJCNdD3XWwscKx1F69nhWnWEjf8_8D6TcUHShVbDWd4gOc8RhEuRjIK6_1YJxKJjkVMeqxfTqRXZ/s1600/IMG_3113.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix4YBCf7ptVYEcGKfHZLBXAOEpkKIyQO8JAE7U0nfkAYckmVVQrNPq50UNjCAOiKwgyJCNdD3XWwscKx1F69nhWnWEjf8_8D6TcUHShVbDWd4gOc8RhEuRjIK6_1YJxKJjkVMeqxfTqRXZ/s320/IMG_3113.jpg" width="240" /></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/AVvXsEh0sNGhyphenhyphen8S9GONmYkbew1NACx8eyjm6mpveY2z0imlPIXxzAfZPOryppQcr2giU41awjfHhyx3t8lD3V60BicRZUyRdg2mm2Vtheh77BezS19bFkuvc6QM1t-qS4_CXCoglFVKe949yLVEh/s1600/IMG_3102.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="345" data-original-width="1600" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0sNGhyphenhyphen8S9GONmYkbew1NACx8eyjm6mpveY2z0imlPIXxzAfZPOryppQcr2giU41awjfHhyx3t8lD3V60BicRZUyRdg2mm2Vtheh77BezS19bFkuvc6QM1t-qS4_CXCoglFVKe949yLVEh/s640/IMG_3102.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCZpalutZDSUU2lzKGP28q_w3vmrpA4nSnlVUNTLsHiQgn1hI0fM68UUb2Z_AgqSMFeRhA6EsCA1Nn3uv8t2f0bqa3zkVHKYXG4A6mjBEFD8UgZPyPJoQZUlM0MK9j-61a-XpsSbnFS1o1/s1600/IMG_3100.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="346" data-original-width="1600" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCZpalutZDSUU2lzKGP28q_w3vmrpA4nSnlVUNTLsHiQgn1hI0fM68UUb2Z_AgqSMFeRhA6EsCA1Nn3uv8t2f0bqa3zkVHKYXG4A6mjBEFD8UgZPyPJoQZUlM0MK9j-61a-XpsSbnFS1o1/s640/IMG_3100.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">You would go grab a comic book and chill in the booths. A cat might choose you when wandering around. </td></tr>
</tbody></table>
<div>
<br /></div>
<div>
<b>Steam Room Bath Houses</b> - In and around Seoul there are huge stream houses which basically have different varieties of sauna rooms on the top floor. These range from salt, clay, menthel, ice cold and increased oxygen rooms. The other floors contain other things such as baths, places to sleep or relax to read or whatever, a place to eat, table tennis and even a gym. You can spend up to 12 hours in there at one time, even overnight!</div>
<div>
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn-nwpBVkS1OGtgF8EiZfmqKGHXUyXg3PzXsqQpbWL3X-PMi97OrmsQP6_Qcar0nHtFgjnBaUTn3C0Dr9r6EmZlG6ZCiIrk5m8l4A4oTzwa2CNDStv2TsSx83FSGj1m3fWDDNUDR6F2IRp/s1600/IMG_3199.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="447" data-original-width="1600" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn-nwpBVkS1OGtgF8EiZfmqKGHXUyXg3PzXsqQpbWL3X-PMi97OrmsQP6_Qcar0nHtFgjnBaUTn3C0Dr9r6EmZlG6ZCiIrk5m8l4A4oTzwa2CNDStv2TsSx83FSGj1m3fWDDNUDR6F2IRp/s640/IMG_3199.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Amazing view from an overpass on the way from the Korean bath house</td></tr>
</tbody></table>
<div>
<br /></div>
<b>Gyeongbokgung Palace</b> - Close to where I had the chicken broth, we went to check out the palace. Unfortunately we got there too late at like 4pm and it was closed to go inside. The view is still amazing though, and it was really contrasting to look one direction at this super traditional building and turn the other way to see Seoul's huge futuristic skyscrapers.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivcezgG9deavwQTe6NFsS1GKE_Eb7ASybhUnHi85vP3ySeFvfrh8QJfEN-aUFmZLIpHNQueeT-Uo5vVMND-b6yHf6oRb2othDCM-LzNt4DwrscT2JABLicyV7yAbRoPj7SczSyTHitwkUn/s1600/IMG_3026.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="354" data-original-width="1600" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivcezgG9deavwQTe6NFsS1GKE_Eb7ASybhUnHi85vP3ySeFvfrh8QJfEN-aUFmZLIpHNQueeT-Uo5vVMND-b6yHf6oRb2othDCM-LzNt4DwrscT2JABLicyV7yAbRoPj7SczSyTHitwkUn/s640/IMG_3026.jpg" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihIop0bbGWRBOLGjg63sxk1nCvUpRELHkyO3hiHJnp63fiekgBL3HRJvdEusSD8r6yWngPziR6TKs56LNx0kQFa3AL6ObSSarNT-Gf8Bvl-_JNDqgKG-6eOUQ7Mbw00oCTyEGvq-v_hYfQ/s1600/IMG_3023.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihIop0bbGWRBOLGjg63sxk1nCvUpRELHkyO3hiHJnp63fiekgBL3HRJvdEusSD8r6yWngPziR6TKs56LNx0kQFa3AL6ObSSarNT-Gf8Bvl-_JNDqgKG-6eOUQ7Mbw00oCTyEGvq-v_hYfQ/s320/IMG_3023.JPG" width="240" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnXuXZIUnqkTB-z56zMJkjtyzC2FSeQMOtl1Mptpr94J6zzFhg3mLS2UOJ-REMj9wTdtdEDLpWFZH-0cKowwGYre5x6cpDR2Kvq94inKL7AkMqfkSvqU7g_qAArmKfWc3kFi1BdbAz247b/s1600/IMG_3029.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnXuXZIUnqkTB-z56zMJkjtyzC2FSeQMOtl1Mptpr94J6zzFhg3mLS2UOJ-REMj9wTdtdEDLpWFZH-0cKowwGYre5x6cpDR2Kvq94inKL7AkMqfkSvqU7g_qAArmKfWc3kFi1BdbAz247b/s320/IMG_3029.jpg" width="240" /></a></div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyEKlDKTpdp-H3TipE3v5g5-UKgVM7y3v8lFvAQJarXECoE8t2GjSzP-t19MflxlAiaz1TZg3moBydTpXuSP3UrHFUII3SWzrrY-fpGfPu-D7s-GKgh8iMeyGXC4wdSJ1atHal9v1vYX2f/s1600/IMG_3025.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyEKlDKTpdp-H3TipE3v5g5-UKgVM7y3v8lFvAQJarXECoE8t2GjSzP-t19MflxlAiaz1TZg3moBydTpXuSP3UrHFUII3SWzrrY-fpGfPu-D7s-GKgh8iMeyGXC4wdSJ1atHal9v1vYX2f/s320/IMG_3025.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Koreans has made it a trend to dress up in traditional costumes when visiting the palace</td></tr>
</tbody></table>
<br />
<b>Insadong-gil (Anguk)</b> - This trendy area is touristy but has a cool outdoor hipster mall with a lot of unique shops. It spirals all the way but for you to check out the shops and the view<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYo-gdewB1MhkodajV2Y_S8c8cItSEeRsJra-iDK6NsEDySbKntcfZE0arYiBH3_4pz-LyXfVJ3QQ42OG7kUcd_MNJsto1fhgeA7jExmqPFyyjnWv_vAEDTdZVlr-P5kXVDwe5T4uclqdz/s1600/IMG_3043.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYo-gdewB1MhkodajV2Y_S8c8cItSEeRsJra-iDK6NsEDySbKntcfZE0arYiBH3_4pz-LyXfVJ3QQ42OG7kUcd_MNJsto1fhgeA7jExmqPFyyjnWv_vAEDTdZVlr-P5kXVDwe5T4uclqdz/s320/IMG_3043.jpg" width="240" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI1dXTdnstrnHb_G7xXg1IDEPvAMD5rYtTW7GTRsRxlWwnLoZC6HrgIlvx88ZIA_KSVwX6kz324_aAH5AQq1LYK_LPp0ND0OV2fp6Ht_3x60My8gp5CGcrTLcrTWl0eqUG-89t6cYvzBWw/s1600/IMG_3039.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI1dXTdnstrnHb_G7xXg1IDEPvAMD5rYtTW7GTRsRxlWwnLoZC6HrgIlvx88ZIA_KSVwX6kz324_aAH5AQq1LYK_LPp0ND0OV2fp6Ht_3x60My8gp5CGcrTLcrTWl0eqUG-89t6cYvzBWw/s320/IMG_3039.jpg" width="240" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDA9QRLQCFB90iwJrjqxr4iyLUp-Y0g8AB07GPVcAegFFEJqd1sLJO7kxYu28edg5MUAEpAcRPt2frNLH0l-BHZBoAqTBpf7NTZ6P9l8jPMeBUvM1XcYzRV_Vth8XySt8klW_GQoPQpmoo/s1600/IMG_3048.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDA9QRLQCFB90iwJrjqxr4iyLUp-Y0g8AB07GPVcAegFFEJqd1sLJO7kxYu28edg5MUAEpAcRPt2frNLH0l-BHZBoAqTBpf7NTZ6P9l8jPMeBUvM1XcYzRV_Vth8XySt8klW_GQoPQpmoo/s320/IMG_3048.jpg" width="240" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRQNizWQJaocSN4Xi2m5u1976FBgk5xUFRki_lzfIMWktop7YqIacNEEzibHloz9gjJyfL4bjU4IsKpdzjy_9HvhZAbTr9WAuXFHxocRF9t82zUd8C1nO3sYBreLRAYn2TiyZG-4AypwPB/s1600/IMG_3051.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRQNizWQJaocSN4Xi2m5u1976FBgk5xUFRki_lzfIMWktop7YqIacNEEzibHloz9gjJyfL4bjU4IsKpdzjy_9HvhZAbTr9WAuXFHxocRF9t82zUd8C1nO3sYBreLRAYn2TiyZG-4AypwPB/s320/IMG_3051.jpg" 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/AVvXsEj749F3cErnDWGYa3ZS88R2p7f7WnvHH5HHDu5MOwlx39uXQRx8_Joq1ou-5Z_qDjcCWlxyiyaVxZTjWB9i7I3CJWhb-zjlPzOLKdN-ug9Tg458UvZ4dAIT4RkWgmduclMrEQYkB86oqLM9/s1600/IMG_3046.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="353" data-original-width="1600" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj749F3cErnDWGYa3ZS88R2p7f7WnvHH5HHDu5MOwlx39uXQRx8_Joq1ou-5Z_qDjcCWlxyiyaVxZTjWB9i7I3CJWhb-zjlPzOLKdN-ug9Tg458UvZ4dAIT4RkWgmduclMrEQYkB86oqLM9/s640/IMG_3046.jpg" width="640" /></a></div>
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbt5HqNnNMPzQRStVY9f30vJedgIzjJnfX5tb7HvgFig6UW2692Rk_Pe0HMLYuXTHBsOqpYNEqkhQvILI7KRFDU_Nz_pj8PtiZdthoq2-sfFL1LfKpvRUgt5dy63GBCvmMcl_pw0uFRa0B/s1600/IMG_3053.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbt5HqNnNMPzQRStVY9f30vJedgIzjJnfX5tb7HvgFig6UW2692Rk_Pe0HMLYuXTHBsOqpYNEqkhQvILI7KRFDU_Nz_pj8PtiZdthoq2-sfFL1LfKpvRUgt5dy63GBCvmMcl_pw0uFRa0B/s320/IMG_3053.jpg" width="240" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Outdoor game stall?</td></tr>
</tbody></table>
<br />
<b>Cheonggyecheon Stream</b> - This man made 10km stream cuts through the heart of Seoul is a great place to walk. At the time there was a lantern festival happening so there was cool displays of cartoon characters<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfekxotoFBGctvQB7FPxEbOmf2yQnOr1PSNaYXk3uNSSCsu0oIdAcvSEq2dIDvXJuXg3KHc3Eu0ijBC2gRPM0FN32nbolAI0dqR-JJzOcdxhguK1xW9Rrn_JFZeBgBgFvmNksgLU6r8eOp/s1600/IMG_3059.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfekxotoFBGctvQB7FPxEbOmf2yQnOr1PSNaYXk3uNSSCsu0oIdAcvSEq2dIDvXJuXg3KHc3Eu0ijBC2gRPM0FN32nbolAI0dqR-JJzOcdxhguK1xW9Rrn_JFZeBgBgFvmNksgLU6r8eOp/s320/IMG_3059.jpg" width="240" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbMfn72H02hSEu2vAsBmse7fwKJ6jsho9MfawVue8-z9bP09yu4JftiVGGlMCv8VPdukldw71ORvYgV0WIoloKYdcL5ycqirk8rqh1K7Xs1Ty492Ss0cPvib35jJZGN-2H59Udn-Lyt4IB/s1600/IMG_3063.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbMfn72H02hSEu2vAsBmse7fwKJ6jsho9MfawVue8-z9bP09yu4JftiVGGlMCv8VPdukldw71ORvYgV0WIoloKYdcL5ycqirk8rqh1K7Xs1Ty492Ss0cPvib35jJZGN-2H59Udn-Lyt4IB/s320/IMG_3063.jpg" width="240" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ9zIdSFErBTXmqrU-0xuOwD5YKwDiC1Z-i3-g8GkNVaOeAtZftyL-4FgQ0XdL4Y3oRKQwa1Qz_Non0crlN7l99oV0HvYsTHq4lxBlN2vJPq9TP1A8pV_l9Qu_l_HIWJpfcSjAZ0ayzlXX/s1600/IMG_3064.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ9zIdSFErBTXmqrU-0xuOwD5YKwDiC1Z-i3-g8GkNVaOeAtZftyL-4FgQ0XdL4Y3oRKQwa1Qz_Non0crlN7l99oV0HvYsTHq4lxBlN2vJPq9TP1A8pV_l9Qu_l_HIWJpfcSjAZ0ayzlXX/s320/IMG_3064.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2-G390Z6p6auMHNT-qxFuj0VMkJsauyCm-2wZuhp0SCaJbmtALC_hBb-HG2isz9nzWofECMl3UN4IKYqh6GyTvHvjytCcX-qFYcuMXAVkjxNCf1himsTez7DCQatHZ0OPBUZzYXRwaff9/s1600/IMG_3073.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2-G390Z6p6auMHNT-qxFuj0VMkJsauyCm-2wZuhp0SCaJbmtALC_hBb-HG2isz9nzWofECMl3UN4IKYqh6GyTvHvjytCcX-qFYcuMXAVkjxNCf1himsTez7DCQatHZ0OPBUZzYXRwaff9/s320/IMG_3073.jpg" width="320" /></a></div>
<br />
<br />
<b>Dongdaemun History and Culture Park</b> - This amazing curvy building was designed by the same architect (Zaha Hadid) that did the London Olympic swimming pool. It replaced the old Dongdaemun staduim. In fact one of the stadium lights is still left here.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiljFQU_RWiVgQhuj3ZLRmFAOvkzZLLGe76jmbheBWpW0txQxCrWOSsnj1pFMhBEwykBDDnAzvdXpb1MLgLfE6ESjb67XTZCCSikymnnpF6xAlA-XKYpmE3cL4VZEZLN2vpWHfmicSRY8MX/s1600/IMG_3148.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="470" data-original-width="1600" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiljFQU_RWiVgQhuj3ZLRmFAOvkzZLLGe76jmbheBWpW0txQxCrWOSsnj1pFMhBEwykBDDnAzvdXpb1MLgLfE6ESjb67XTZCCSikymnnpF6xAlA-XKYpmE3cL4VZEZLN2vpWHfmicSRY8MX/s640/IMG_3148.jpg" width="640" /></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/AVvXsEisARrwrGFCwjz-5Lyt_xQaR79JeJo1L1XnUN5g5PpgdJzz335KiNYlQ-gFRDLvf1Q85lSVEFUQLkmZOonTsXSdGOAXQUFijVZReNHXadYKCnERdlCjBmWAAeTge2UZwMb3uwzsujDT6ti4/s1600/IMG_3115.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="352" data-original-width="1600" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisARrwrGFCwjz-5Lyt_xQaR79JeJo1L1XnUN5g5PpgdJzz335KiNYlQ-gFRDLvf1Q85lSVEFUQLkmZOonTsXSdGOAXQUFijVZReNHXadYKCnERdlCjBmWAAeTge2UZwMb3uwzsujDT6ti4/s1600/IMG_3115.jpg" width="640" /></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/AVvXsEglk1pVJNKOaAbmr9RucQ7CjQ9Zg5gzQ2jNXR2nSZKZ4rUS6DVTNfKbTJO460POpCyY2THqFQL5tAejFmWVBzjRcL4b1r-3pz_87x6Bk9qVXLCTwuh7SG3t4lu5CNZi7CPukrJrKBn_8jcF/s1600/IMG_3124.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="393" data-original-width="1600" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglk1pVJNKOaAbmr9RucQ7CjQ9Zg5gzQ2jNXR2nSZKZ4rUS6DVTNfKbTJO460POpCyY2THqFQL5tAejFmWVBzjRcL4b1r-3pz_87x6Bk9qVXLCTwuh7SG3t4lu5CNZi7CPukrJrKBn_8jcF/s640/IMG_3124.jpg" width="640" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbkEfWkBgwojG93OGrb4tiRt_gQ7c7OQA2Q9oisO5GdNNcqr_nzdv0GsgeFc8Ui7_C9KvAWPWvXC8K6a4A85pgNsNEtGstZIZuRR2QPCRNWcQ9CISZkJ6vVVOBURzOC9cOLVKqAkXKE4kv/s1600/IMG_3122.jpg" imageanchor="1"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbkEfWkBgwojG93OGrb4tiRt_gQ7c7OQA2Q9oisO5GdNNcqr_nzdv0GsgeFc8Ui7_C9KvAWPWvXC8K6a4A85pgNsNEtGstZIZuRR2QPCRNWcQ9CISZkJ6vVVOBURzOC9cOLVKqAkXKE4kv/s1600/IMG_3122.jpg" width="240" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ2ZhWUvpvJIEVDez18Nd8VxdWS5AlChzkBoyRBCnMMNU51uaoBlHDFKKPnoV2F-F8z4L3I5VAXI3G-Ca2WhKv3tzjoM7rkSnQ3GXNB525T5776N_jzzaoMBTJonuQmLnHloXMyzTMmIxh/s1600/IMG_3118.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ2ZhWUvpvJIEVDez18Nd8VxdWS5AlChzkBoyRBCnMMNU51uaoBlHDFKKPnoV2F-F8z4L3I5VAXI3G-Ca2WhKv3tzjoM7rkSnQ3GXNB525T5776N_jzzaoMBTJonuQmLnHloXMyzTMmIxh/s320/IMG_3118.jpg" width="240" /></a></div>
<br />
<b><br /></b>
<b>Hiking in Bukhansan Mountain</b> - If your up for a bit of a hike, you can try and reach the top which is 822m high. With their hobbies, Koreans are extremely serious meaning that they are totally over the top in kitting themselves out. Once you reach the top, you have an amazing view of Seoul. Just be aware that it gets quite rocky so trainers and heels could struggle<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_vc_p46SX9IS8Iie8CpwmKVjqmN3LwrOR7ZT386IUo5eqadwJCYTW-3O0QqF4htOePtbfyD82tfhAFaMF9B9QIQ69Q36tag0KR-JJnKuYhEgnNGirLTvhlBEN2N7gZ7ebN05ZIxzKRdX_/s1600/IMG_3371.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="355" data-original-width="1600" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_vc_p46SX9IS8Iie8CpwmKVjqmN3LwrOR7ZT386IUo5eqadwJCYTW-3O0QqF4htOePtbfyD82tfhAFaMF9B9QIQ69Q36tag0KR-JJnKuYhEgnNGirLTvhlBEN2N7gZ7ebN05ZIxzKRdX_/s640/IMG_3371.jpg" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6q-H9ZWupv_sjmGOn1iTKs9vjwbM0q0Ry4D2n2yY7sn1liPWe9VPR5UsOvkNnV7zKghGcCHiaEvalxJZ_l47dmHt7eMxRn1xTHjmdvhK9UoBtZvs4CsqDcr55mUQ3piDj-lZh7pWDZiTn/s1600/IMG_3372.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="595" data-original-width="1600" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6q-H9ZWupv_sjmGOn1iTKs9vjwbM0q0Ry4D2n2yY7sn1liPWe9VPR5UsOvkNnV7zKghGcCHiaEvalxJZ_l47dmHt7eMxRn1xTHjmdvhK9UoBtZvs4CsqDcr55mUQ3piDj-lZh7pWDZiTn/s640/IMG_3372.jpg" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrqEK2mwTkziERcTkDLAyByTHwWmY_LqRY0ETUF8-7rfLBrz3ZI4iUdNdrMfkAeAU8MBOPGrCsgtNFSSWlk8b8OvoHb_YJK2fZUUO2WLetImaKqPlw3-umBAdZjBwjs19xu6yLQNOQZbYL/s1600/IMG_3365.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="466" data-original-width="1600" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrqEK2mwTkziERcTkDLAyByTHwWmY_LqRY0ETUF8-7rfLBrz3ZI4iUdNdrMfkAeAU8MBOPGrCsgtNFSSWlk8b8OvoHb_YJK2fZUUO2WLetImaKqPlw3-umBAdZjBwjs19xu6yLQNOQZbYL/s640/IMG_3365.jpg" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFn2hVuj-L-2Z_8bWth9ZFxDq0wQ2RdN436uF8AOCHIOZLq0tsl0AAhGfBG2dHYV6f_o5GLCmJjZFVB2taOBPViUq48l6-IHwIzLW3DpujFlrI4vCBH-ZV-cL72qxqUECC4aS7HxCse80S/s1600/IMG_3363.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFn2hVuj-L-2Z_8bWth9ZFxDq0wQ2RdN436uF8AOCHIOZLq0tsl0AAhGfBG2dHYV6f_o5GLCmJjZFVB2taOBPViUq48l6-IHwIzLW3DpujFlrI4vCBH-ZV-cL72qxqUECC4aS7HxCse80S/s640/IMG_3363.jpg" width="480" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWiCEY_2WkGG71yp9eUFb_zNiGGbvrrFXHIn8gNZEBKiQpKuNnvF8N-j0kEsOEwWAe7F4HWcge3gb5BOgPAyTK8j4JKanFjQUKDFLLlmPbLFxSQ4EQymsdoxI4XXIt9WJ0ysjuQmHjPBxN/s1600/IMG_3361.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="567" data-original-width="1600" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWiCEY_2WkGG71yp9eUFb_zNiGGbvrrFXHIn8gNZEBKiQpKuNnvF8N-j0kEsOEwWAe7F4HWcge3gb5BOgPAyTK8j4JKanFjQUKDFLLlmPbLFxSQ4EQymsdoxI4XXIt9WJ0ysjuQmHjPBxN/s640/IMG_3361.jpg" width="640" /></a></div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_lPYGDKtykovM5dI1HuJPZUWcMzPZ7fg00IdbwMyUSY56Vs_Q71imgiCQ6K_1d58ETEp5fTlUQDBb4O__pd7pvIt4Oqn9TYEiom0ernZc3sQ_KCEHeZMD98JLZVk0J-yEP4K1JMMKPw5n/s1600/IMG_3382.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_lPYGDKtykovM5dI1HuJPZUWcMzPZ7fg00IdbwMyUSY56Vs_Q71imgiCQ6K_1d58ETEp5fTlUQDBb4O__pd7pvIt4Oqn9TYEiom0ernZc3sQ_KCEHeZMD98JLZVk0J-yEP4K1JMMKPw5n/s400/IMG_3382.jpg" width="300" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Korean flag posted at the top, 880 meters up!</td></tr>
</tbody></table>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDgsaaK9kmt6CiUc_Zqa46CQIV4QtXfOGep7tA_FZBUeJXV_Z92g3-ptfd1yafnBQsGu75IACXJ13vd27yIudakhksc7xJWL2Rc7zZlT4zAEp8M3OBF0hGG6GkJEdbuUGmz_3xTnpeUkxn/s1600/IMG_3381.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="504" data-original-width="1600" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDgsaaK9kmt6CiUc_Zqa46CQIV4QtXfOGep7tA_FZBUeJXV_Z92g3-ptfd1yafnBQsGu75IACXJ13vd27yIudakhksc7xJWL2Rc7zZlT4zAEp8M3OBF0hGG6GkJEdbuUGmz_3xTnpeUkxn/s640/IMG_3381.jpg" width="640" /></a></div>
<br />
<br />
Overall I had an awesome time, my friend really showed me why he loves Seoul so much, and I cant deny that its an amazing place! Hopefully if your thinking of going you will check out some of these places.</div>
Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-6354384352534867342017-11-14T12:42:00.000+00:002017-11-14T12:53:00.648+00:00Quick Stopover in HK<i>Note - The last week or so I really haven't had much time to blog, so this isn't that up to date and I'll be splitting this up into bits otherwise its gonna be a huge novel. Currently I'm on like day 10 of my trip after my week in Seoul. These posts are gonna be pretty sporadic time wise, so expect random </i>day releases instead of the usual Monday ones.<br />
<br />
<div>
I quite like airports and flying. Turbulence and landing is a bit scary, but to me its all quite an adventure. As long as I have something to do, then I'm totally fine. This means that the 13 hour journey really didn't feel like that since I had my laptop and there are plugs, I just spent most of my time coding and improving my projects. I'm seriously addicted!</div>
<div>
<u><br /></u></div>
<div>
I stopped over at Hong Kong for two days before heading to Seoul for a week. Its been really interesting to see my homeland again, its crazy super busy, transportation is super efficient, and quite frankly everything seems the same as I remember it.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Cw9XCbe32KRx8SUXQ_Q2XgOBirYFRY4vn1UqgdN7vEVPgYhRlsauaB1USbItZpMUvu1RiQCFUWWOT9LeAgpBR7uOxyvt_bSh_vSLPuSfmX5SeixZfKHNkNP5wx8u1R1EmKN5CJtLvpo-/s1600/IMG_2900.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="345" data-original-width="1600" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Cw9XCbe32KRx8SUXQ_Q2XgOBirYFRY4vn1UqgdN7vEVPgYhRlsauaB1USbItZpMUvu1RiQCFUWWOT9LeAgpBR7uOxyvt_bSh_vSLPuSfmX5SeixZfKHNkNP5wx8u1R1EmKN5CJtLvpo-/s640/IMG_2900.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">HK Airport sooo massive</td></tr>
</tbody></table>
</div>
<div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibxUStAnlambq7Hm0pL40R-KGtw6cfQAvhzeiCRSW3xpCU67YlUM3sSyL1xsfLgUaxDajduR57Kixdrr5R2jy6lYohYxVkG35X9DgPcatRA-eVaG7ZLlHRp7b8c5nr3p9wHK1xrfZ9IVgh/s1600/IMG_2906.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="430" data-original-width="1600" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibxUStAnlambq7Hm0pL40R-KGtw6cfQAvhzeiCRSW3xpCU67YlUM3sSyL1xsfLgUaxDajduR57Kixdrr5R2jy6lYohYxVkG35X9DgPcatRA-eVaG7ZLlHRp7b8c5nr3p9wHK1xrfZ9IVgh/s640/IMG_2906.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Outside view of the mountains</td></tr>
</tbody></table>
<br /></div>
<div>
Even my mom cant help talk about how there are some great things about Hong Kong, like the "Octopus" card which is for tapping in and out of the metro, and also used as a payment system too. This being around since 1997 was a revolutionary piece of tech, putting the RFDI chips to good use and impressively manages to work inside handbags without having to get them out.</div>
<div>
<br /></div>
<div>
However, its now 2017 and my mom forgets that actually in London the Oystercard system as been around for a while now, and although you cannot use it to buy things, we're seeing the wireless debit cards being used to tap in and out of the tube, therefore cutting out the middle man of needing to add money to a third party card in the first place! We (London)... are more technological!<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrfyAFhFgfBrEnYkZ3BcTzng_CNFpWD7u7wvezv8tU2fstD1tASwsXzKvxGdWz3P5ILxDRkTG5IYLQrbcAYYJ1hXoAJg_wxA3e4yJtGIWZzQK7kDL76lI8ticZUd9IiIKagg-c6ZlzqbHV/s1600/IMG_2918.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrfyAFhFgfBrEnYkZ3BcTzng_CNFpWD7u7wvezv8tU2fstD1tASwsXzKvxGdWz3P5ILxDRkTG5IYLQrbcAYYJ1hXoAJg_wxA3e4yJtGIWZzQK7kDL76lI8ticZUd9IiIKagg-c6ZlzqbHV/s320/IMG_2918.JPG" width="240" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Interesting motto; "Hear dood sound, see remaining value"</td></tr>
</tbody></table>
</div>
<div>
<br /></div>
<div>
Another thing I have noticed is that wifi is not as free as the UK. Most of them require a signing up, and if a location like a mall gives out 'free' internet it is capped by time! So far I have yet to find anywhere around the world that provides as much free and open internet as the UK. We're so used to it that we don't notice that its everywhere.</div>
<div>
<br /></div>
<div>
Food is amazing in Hong Kong. From high end restaurants, street food, or "dirty" local places (customers traditionally ask for hot water to rewipe their cutlery) they all do awesome food. A cheap place that has done a great job of making a "fast food" chinese restaurant is called "Cafe de Coral" and its awesome. I went for cheesey tomato baked pork chops with rice the first night and it really hit the spot. But of course, we cannot forget the amazing BBQ pork and duck rice.</div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpvNc2ccTAqSFSosX3jM_bV78EcbSeH4uOXZYyI1ibC9lzg7M3FOZNkZZWXDItg8lcIwe4F_YHgpTc88MgobpESwCgDZMXhQcex_PHHjWh5dg_ZYFcgtEDayIbWdNYgCTLieeoVC1gXuQ1/s1600/IMG_2890.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1200" data-original-width="1600" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpvNc2ccTAqSFSosX3jM_bV78EcbSeH4uOXZYyI1ibC9lzg7M3FOZNkZZWXDItg8lcIwe4F_YHgpTc88MgobpESwCgDZMXhQcex_PHHjWh5dg_ZYFcgtEDayIbWdNYgCTLieeoVC1gXuQ1/s400/IMG_2890.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">A classic BBQ pork and duck rice!</td></tr>
</tbody></table>
<h3>
<u><br />ONWARD TO SEOUL</u></h3>
<div>
<u><br /></u></div>
Currently I'm in Seoul until Monday. I stayed in Hong Kong for 2 days and then came here. Every time I go to Hong Kong, which isn't a lot I've been taking some time out to visit my good friend and hang out. Seoul is like a 3 hour flight so its not that bad, this is my fourth visit so far!<br />
<br />
I'm gonna be here til next Monday, then I'm off back to Hong Kong for weddings and family birthdays. Its quite hectic and its been quite hard to find the time to blog/code as I've been going out quite a lot til the late nights.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid2cCljDkThcb0qtwEePz-d0q2umMT8e5tsfQgOc2WNNpzwZA5GZXbcOBIXV5xUKYWemHvtiZTlvxPKmqBt-TcQPdNy1p2raGXDJLG13nkh4MCmAIOXkWOx5Gf_xcuutXjHPch4N8QEa9G/s1600/IMG_2921.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid2cCljDkThcb0qtwEePz-d0q2umMT8e5tsfQgOc2WNNpzwZA5GZXbcOBIXV5xUKYWemHvtiZTlvxPKmqBt-TcQPdNy1p2raGXDJLG13nkh4MCmAIOXkWOx5Gf_xcuutXjHPch4N8QEa9G/s400/IMG_2921.jpg" width="300" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Ramen snacks have a dedicated shelf in Seven Eleven cornershops in Asia!</td></tr>
</tbody></table>
<br />
Seoul is an amazing city, and quite different to Hong Kong. It seems to have a New York gridlike vibe (so I assume, never been to NYC!) for its main roads, then in between them is smaller roads with hidden gem local restaurants, bars, karaoke, gaming cafes, and cafes everywhere.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpGSINkeOJ2A6y-IcuWYxoSxjTS-lEoFhs9eZD5iGE2uz0iywfyboEVWLCC6goxLlUscn-qDOfl25DRkZ5XIRMwyY7BMBuGiDhch4n4Hq_QAkXPCRMlHee-mD8x0CVLxMQt3lqXRWmOVAV/s1600/IMG_2925.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1200" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpGSINkeOJ2A6y-IcuWYxoSxjTS-lEoFhs9eZD5iGE2uz0iywfyboEVWLCC6goxLlUscn-qDOfl25DRkZ5XIRMwyY7BMBuGiDhch4n4Hq_QAkXPCRMlHee-mD8x0CVLxMQt3lqXRWmOVAV/s400/IMG_2925.jpg" width="300" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Skyscrapers, gridded roads and beautiful views!</td></tr>
</tbody></table>
<br />
<br />
<br />Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0tag:blogger.com,1999:blog-3712117993865325094.post-76492303340255186322017-10-30T23:07:00.000+00:002017-10-30T23:12:12.323+00:00The Makers Course Aftermath...So a lot of people will be wondering, what happens once the course is over?<br />
<br />
The basic gist of it is that we are all up in the mezzanine trying to get jobs. Once we have a job, then I guess its "officially" over?<br />
<br />
On the morning of our final presentations, Makers careers team organise a careers fair kinda deal. Makers clients pitched to us about their companies and positions, and then afterwards we have two hours of chit chatting with them. It is quite a lot to deal with knowing we had the presentations later on, and made it almost impossible to prepare properly the night before.<br />
<br />
It all seems rather odd, but I cant really think of another way that they would do it. There were about 10 companies ranging from big names such as The Financial Times, and the Economist, to medical themed ones based in Oxford and Cambridge (a deal breaker for most of us), to smaller companies with interesting ideas like automated translation or statistical lifecycle social marketing.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgKkA6Ep_FO3d_uCUBDUSolDbQMpwF9iH5iW7e-nXwo_PZ21nADpTlHp3ezMhnl4XatfZqC4zS89rEcbbDbBCEh7XBeWvx1TmSk3q7VgGITsfGpbpavGEC3vSmlrSFVaUX-JZcMh-CcDSr/s1600/AAEAAQAAAAAAAAI9AAAAJGFjZDllYmJmLTY4ZDAtNDcyYS1hZGEyLWVkN2M4YmVhNDU2MQ.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="350" data-original-width="500" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgKkA6Ep_FO3d_uCUBDUSolDbQMpwF9iH5iW7e-nXwo_PZ21nADpTlHp3ezMhnl4XatfZqC4zS89rEcbbDbBCEh7XBeWvx1TmSk3q7VgGITsfGpbpavGEC3vSmlrSFVaUX-JZcMh-CcDSr/s400/AAEAAQAAAAAAAAI9AAAAJGFjZDllYmJmLTY4ZDAtNDcyYS1hZGEyLWVkN2M4YmVhNDU2MQ.jpg" width="400" /></a></div>
<br />
<br />
We apply via Makers and then wait to hear back from them. I chose three but didn't get through it seems. With a lack of feedback as to why, it hard to analyse the situation and adjust. I assume my application/meet 'n greet wasn't enthusiastic enough and I didn't make enough of an impression.<br />
<br />
Technically I don't feel too confident. Its difficult to know how to split my time. Currently on my to do list is;<br />
<br />
<ul>
<li>Make a shortlist of companies I'd be interested in.</li>
<li>Email those companies, fill in applications if there are any.</li>
<li>Look for jobs via other means, through other websites or meetups.</li>
<li>Practice tech tests.</li>
<li>Get solid with Node JS.</li>
<li>Learn React.</li>
<li>Clean up my github projects. Improve my readmes.</li>
<li>Go through old projects and /or parts of the course I didn't finish</li>
</ul>
<br />
All I know is that coming in every day is going to be better then staying at home, I can get work done and its good motivationally to have people to talk to for support. Also, there's a ping pong table! I don't really mind the travel as I can just get out my laptop and code.<br />
<br />
On Friday I will fly to Hong Kong. I don't think I've been back to my motherland since 2010! I will be flying to Seoul on Monday for a week to visit my best friend. And since we will be stopping at Singapore, I think we are spending a few days there too on the way back.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_6L_IqKJLrphBTwJYbdA7PszZTnQKoEupsTyEjPOjGcaMx5FLAYSvt2ziADZemXZA5qLaYK6tCRIb3FHjHk-zYbIB4zzhnEZ3J1ZPP5xd4DLm-QpL9FTI7ZCtySP2KvgTlZIHuL9eYW8t/s1600/hong-kong.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="486" data-original-width="1296" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_6L_IqKJLrphBTwJYbdA7PszZTnQKoEupsTyEjPOjGcaMx5FLAYSvt2ziADZemXZA5qLaYK6tCRIb3FHjHk-zYbIB4zzhnEZ3J1ZPP5xd4DLm-QpL9FTI7ZCtySP2KvgTlZIHuL9eYW8t/s640/hong-kong.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">The motherland...</td></tr>
</tbody></table>
<br />
I look forward to the trip, but the guilt of not job-hunting plays on my mind. Coming back on the 24th, means that I will miss the career's fair and more opportunities. I've been told that December is a bad hiring month, but it will pick up again in January.<br />
<br />
But I'm sure there will be amazing memories from the trip. A wedding, meeting Aunties and Uncles and good friends, great food and sights, it will be interesting! I aint gonna stop coding though, as long as I have my laptop I'll happily be continuing my learning!<br />
<br />
Last week I found out I won the blogging competition for my cohort which was nice. They had no chance. No I'm not being cocky, literally they had no chance! No one else blogged so I won by default haha! In saying that, I have been blogging weekly since the pre-course so I think I can say that it wasn't the competition that motivated me!<br />
<br />
Next blog post looks like I'll be in Seoul, after a few days in Hong Kong, so look forward to that!<br />
<br />
BTW, if any of you guys need/know of someone who needs a junior developer, give me a shout! I would be supppper duuuuper thankful!Puyanhttp://www.blogger.com/profile/09602631459878268572noreply@blogger.com0