Build a Meteor App

Following Meteor tutorial, I created a todo app at linxea.note.meteor.com . I like the short and easy tutorial. The todo app however takes roughly 3 seconds to fetch data from server, thus I added a page loader. TODO: Find out why it takes so long.

Next, Velocity seems to be the best choice for meteor unit testing. Under that there are mocha and jasmine and other frameworks, know more here.

I added Mocha framework. Solved some errors that stopped the app from running like node version should be in 0.10.33 else there will be error with fibers, only one app is running mocha at a time.

Deploying the app after adding Mocha is not possible because of "Error: not a tracked temp dir". So far, the easiest solution is to remove mocha package, deploy the app and then add back mocha package.

meteor remove mike:mocha
meteor deploy app.meteor.com
meteor add mike:mocha

Done.

Now to find a good structure or boilerplate to begin building the app. 

Build a simple HTML Email

• Use table attributes: <table> <tr> <td> 
• Don't use margin or padding; substitute with empty <table> or empty <tr> with height
• CSS doesn't work anyway.
• Use inline styling : style="display:block;"
• Make it responsive by setting width="100%" and max-width="600px" in inline styling.

Check out Awesome Tutorial by tutsplus

Build a simple blogger template without puking blood

Finally

3 days of intense googling and scanning through 'simple blog', I came out with a simple working layout that consists of only section and widgets.

Next I will customise the layout. I made a few mistakes in the beginning. So building it up again from this template. It will be up soon. 


Break down of Bare blogger template 

I added Bootstrap, jQuery, fontawesome.

// Header Widget
<b:section id='header' class='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' type='Header'/>
</b:section>

// Blog Posts 
<b:section id='main' class='main' showaddelements='no'>
  <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

// Profile Widget
<b:section id='footer1' maxwidgets='3' showaddelement='yes'>
  <b:widget id='Profile1' locked='false' title='' type='Profile'/>
</b:section>

// Label Widget
<b:section id='footer2' maxwidgets='3' showaddelement='yes'>
  <b:widget id='Label1' locked='false' title='Tag' type='Label'/>
</b:section>

// Blog Archive Widget
<b:section id='footer3' maxwidgets='3' showaddelement='yes'>
  <b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'/>
</b:section> 

Get it 

Download or check it out at https://github.com/linxea/bare-blogger-template 

Preview

Best Practice

It's funny how I do everything except the work I set out to do.  Time to leech some knowledge from random pro people online.

Today I found this tutorial platform. Reading it now. Hmm "16 years of experience in the software development industry" sounds exciting already.

All about C++

What do signed and unsigned means in C++ ?

Answers: 
- Signed integer can be negative, unsigned integer cannot.
- Signed integer has undefined behaviour if overflow while unsigned integer wrap around using
   modulo.

E.g signed char has size 1byte = 8bit =  2⁸ = range of values from -128 to +127

What is C++ used for in 2014?
- still the most widely used programming language
- still drive much of technology of small devices
- best compatibility with C of any language
- not just client side development, also widely used for server side applications
- used to develop system software, application software, high-performance server, video games, client applications

say this and that.

How to pronounce Bjarne Stroustrup?
'Be-ar-neh Strov-stroop' according to him. 
Check him out here. He is still ALIVE. 


Interview Questions

Found a lot of boring questions. I going to build and learn instead.

Today I made some animal stickers! :) 

How to compile C++ on Mac

Create a C++ Project on Mac

1. Open XCode
2. Choose Command Line Tool under OX S Application
3. Choose type c++

Voila.

Video tutorial here.
Found an awesome C++ cheat-sheet here.
Another good tutorial to kickstart C++;

That's all.