Simple guide to deploy flask app in heroku

This is a very simple step-by-step guide to deploy a flask app in heroku:

http://virantha.com/2013/11/14/starting-a-simple-flask-app-with-heroku/

Great JS frameworks infographic

Here is a great infographic that is very useful when choosing an adequate JS framework for your projects: http://www.webdesigndegreecenter.org/choosing-javascript-framework/

error: command 'x86_64-linux-gnu-gcc' failed with exit status 1 installing gnureadline

I was getting the following error gen trying to install gnureadline via pip:

collect2: error: ld returned 1 exit status

error: command 'x86_64-linux-gnu-gcc' failed with exit status 1

----------------------------------------

Cleaning up...

Command /usr/bin/python -c "import setuptools, tokenize;__file__='/tmp/pip_build_root/gnureadline/setup.py';exec(compile(getattr(tokenize, 'open', open)(__file__).read().replace('\r\n', '\n'), __file__, 'exec'))" install --record /tmp/pip-1_fHxP-record/install-record.txt --single-version-externally-managed --compile failed with error code 1 in /tmp/pip_build_root/gnureadline

Traceback (most recent call last):

  File "/usr/lib/python2.7/runpy.py", line 162, in _run_module_as_main

    "__main__", fname, loader, pkg_name)

  File "/usr/lib/python2.7/runpy.py", line 72, in _run_code

    exec code in run_globals

  File "/usr/lib/python2.7/dist-packages/pip/__main__.py", line 5, in <module>

    exit = run()

  File "/usr/lib/python2.7/dist-packages/pip/runner.py", line 12, in run

    return pip.main()

  File "/usr/lib/python2.7/dist-packages/pip/__init__.py", line 235, in main

    return command.main(cmd_args)

  File "/usr/lib/python2.7/dist-packages/pip/basecommand.py", line 161, in main

    text = '\n'.join(complete_log)

UnicodeDecodeError: 'ascii' codec can't decode byte 0xe2 in position 66: ordinal not in range(128)

Turns out that is an issue generated by the use of older versions of pip: https://github.com/pypa/pip/issues/2667

The the version of pip in my server was 1.5.4 so I updated it:

sudo python -m pip install --upgrade pip

Downloading/unpacking pip from https://pypi.python.org/packages/py2.py3/p/pip/pip-7.1.2-py2.py3-none-any.whl#md5=5ff9fec0be479e4e36df467556deed4d

  Downloading pip-7.1.2-py2.py3-none-any.whl (1.1MB): 1.1MB downloaded

Installing collected packages: pip

  Found existing installation: pip 1.5.4

    Not uninstalling pip at /usr/lib/python2.7/dist-packages, owned by OS

Successfully installed pip

Cleaning up...

Mine was a new server so I installed some needed common libs: http://stackoverflow.com/questions/31508762/exception-using-pip-install

sudo apt-get install libffi-dev libssl-dev libxml2-dev libxslt1-dev libncurses5-dev

Then I tried to install gnureadline again and everything worked fine :)

Error installing MySQL-python on OSX

Tring to install mysql-python:

sudo python -m pip install MySQL-python

I was getting the error:

    sh: mysql_config: command not found

Traceback (most recent call last):

  File "<string>", line 17, in <module>

  File "/Applications/XAMPP/xamppfiles/htdocs/associate-fork-jhon-venv/build/MySQL-python/setup.py", line 17, in <module>

    metadata, options = get_config()

  File "setup_posix.py", line 43, in get_config

    libs = mysql_config("libs_r")

  File "setup_posix.py", line 25, in mysql_config

    raise EnvironmentError("%s not found" % (mysql_config.path,))

EnvironmentError: mysql_config not found

I solved the issue running:

brew install mysql

Reference:

https://stackoverflow.com/questions/1857861/libmysqlclient15-dev-on-macs/10855483#10855483

Backbone: handling templating by using HandlebarsJs

Here is the link for a very useful article about using Handlebars.js

http://www.9bitstudios.com/2013/05/using-templates-in-backbone-js/

Caching http resources for increasing page speed

I found there really interesting articles about caching http resources for page speed:

How To Optimize Your Site With HTTP Caching
http://betterexplained.com/articles/how-to-optimize-your-site-with-http-caching/

HTTP caching
https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching

Static Asset Caching Using Apache on Heroku
http://www.xyu.io/2013/08/static-asset-caching/

Heroku: enable gzip compression

Add to your .htaccess file:

##################### GZIP COMPRESSION #####################

SetOutputFilter DEFLATE
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/x-httpd-phpBrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip
Header append Vary User-Agent env=!dont-vary

Reference:
http://stackoverflow.com/questions/12367858/how-can-i-get-apache-gzip-compression-to-work

HTML5/javascript: Prevent default a HTML5 tag redirect

Simply add return false; to onclick attribute:

<a onclick="return false;">Contact us!</a>

Resource:
http://tech-blog.maddyzone.com/javascript/prevent-default-behaviour-of-anchor-tag-by-jquery-and-javascript 

Python: ImportError: No module named mandrill

I installed mandrill using pip:

    (venv)Jhons-MacBook-Pro:venv jhonjairoroa87$ pip install mandrill

I got this result:

    Downloading/unpacking mandrill
    Downloading mandrill-1.0.57.tar.gz
    Running setup.py (path:/private/var/folders/x3/st96cn215h915kqwlcrmtspw0000gn/T/pip_build_jhonjairoroa87/mandrill/setup.py) egg_info for package mandrill
    Requirement already satisfied (use --upgrade to upgrade): requests>=0.13.2 in /usr/local/lib/python2.7/site-packages (from mandrill)
    Requirement already satisfied (use --upgrade to upgrade): docopt==0.4.0 in /usr/local/lib/python2.7/site-packages (from mandrill)
    Installing collected packages: mandrill
    Running setup.py install for mandrill
    changing mode of build/scripts-2.7/mandrill from 644 to 755
    changing mode of build/scripts-2.7/sendmail.mandrill from 644 to 755
    changing mode of /usr/local/bin/mandrill to 755
    changing mode of /usr/local/bin/sendmail.mandrill to 755
    Successfully installed mandrill
    Cleaning up...

But when I try to use it, fails:

    (venv)Jhons-MacBook-Pro:venv jhonjairoroa87$ python
    Python 2.7.6 (default, Sep  9 2014, 15:04:36)
    [GCC 4.2.1 Compatible Apple LLVM 6.0 (clang-600.0.39)] on darwin
    Type "help", "copyright", "credits" or "license" for more information.
    >>> import mandrill
    Traceback (most recent call last):
      File "<stdin>", line 1, in <module>
    ImportError: No module named mandrill
    >>>
    >>> import sendmail.mandrill
    Traceback (most recent call last):
      File "<stdin>", line 1, in <module>
    ImportError: No module named sendmail.mandrill

I solved it by uninstalling it

     pip uninstall mandrill

and reinstalling it using the python -m option:

    sudo python -m pip install mandrill

Now it works perfectly.

    (venv)Jhons-MacBook-Pro:python_mandrill jhonjairoroa87$ python
    Python 2.7.6 (default, Sep  9 2014, 15:04:36)
    [GCC 4.2.1 Compatible Apple LLVM 6.0 (clang-600.0.39)] on darwin
    Type "help", "copyright", "credits" or "license" for more information.
    >>> import mandrill
    >>>

Reference:
http://stackoverflow.com/questions/28032356/importerror-no-module-named-mandrill/28032480

Codeship - heroku continous deployment: Push failed: could not store slug!

Trying to deploy automatically form codeship to heroku I was getting the error:

-----> Compressing... done, 72.0MB
-----> Launching...!     
Push failed: could not store slug!     
If the problem persists, see http://help.heroku.com and provide Request ID 

I solved the issue by adding the heroku url project and enable the "force push" flag in the option: Project settings > Deployment > Heroku Deployment > more options.

Reference:
http://stackoverflow.com/questions/9794413/failed-to-push-some-refs-to-githeroku-com

Python: "command python setup.py egg_info failed with error code 1" while trying to install psycopg2

Using MacOSX I was trying to install psycopg2 by using the command,

sudo pip install psycopg2

And I was getting this error:

command python setup.py egg_info failed with error code 1

I solved the issue by installing http://brew.sh/ and running following commands:

brew install python
brew install postgres

References:
http://stackoverflow.com/questions/5420789/how-to-install-psycopg2-with-pip-on-python

Auth0: Configuring facebook error : Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains.

Configuring the auth0 - facebook access I was getting this error:

"Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains."     

I solved that issue going to the Facebook App page, click "edit App" then click "Advanced" in the left-hand navigation. Then for "Valid OAuth redirect URIs" add the auth0 app domain ie: (jhonapp.auth0.com).

Resources:
http://stackoverflow.com/questions/20910576/how-can-i-add-localhost3000-to-facebook-app-for-development   

Nearpy - Scypy installation error on Mac OS: library dfftpack has Fortran sources but no Fortran compiler found

Run the following commands:

1. install homebrew:

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"


2. Install GCC: GNU Fortran is now provided as part of GCC, and can be installed with: brew install gcc.

brew install gcc

That's it, now try to install Scypy again, everything should work smoothly.

Resources:
http://stackoverflow.com/questions/14821297/scipy-build-install-mac-osx
http://penandpants.com/2012/03/01/install-python-2/

Angularjs update migration : getting function parameters from template

Using angular 1.2.0-rc.3 with this code

// html 
...
<div ng-repeat="row in rowdata">
   <a ng-click="getDetailedListing('{{row._id.$oid}}');">Details</a>
</div>
...

//angular js controller
$scope.getDetailedListing = function(listingId) {
        console.log(listingId);
}

When the user clicks the 'a' element, in the console is printed the listingId ie. 54613ed26fb36f26e5ab41a8

But when we upgrade the angular version to 1.2.26, the same code printed {{row._id.$oid}} instead of the listing id. So the fix was changing the a element a little bit:

<a href="javascript:;" ng-init="listingId=row._id.$oid" ng-click="getDetailedListing(listingId);" >Details</a>

Reference
http://stackoverflow.com/questions/18694827/calling-a-scope-function-from-an-ng-include-template-passing-template-value-as-p

Pycharm: exit code 69 trying to run git command

I was getting the error:

exit code of #69 Additional error details: Agreeing to the Xcode/iOS license requires admin privileges, please re-run as root via sudo.

I solved it by installing Xcode, running it, accept the user agreement, let it install everything and reload Pycharm.

Source:
http://nielsvanrongen.com/bower-exit-code-of-69/

Angular JS: directives executing controller methods

There is a nice and pretty straightforward example:

https://thinkster.io/egghead/directives-talking-to-controllers/

python - PIP : ImportError: cannot import name IncompleteRead

I got the error:

ImportError: cannot import name IncompleteRead

The solution was reinstalling pip:

sudo easy_install freeze
sudo apt-get remove python-pip
sudo apt-get autoremove
wget https://raw.github.com/pypa/pip/master/contrib/get-pip.py --no-check-certificate
sudo python get-pip.py

Resource:

http://suanfazu.com/discussion/140/pip-install-importerror-cannot-import-name-incompleteread/p1

Angular js: re render directive dinamycally

Here is a great and simple example of how is done:

http://jsfiddle.net/7Waxv/2/

Share data among controllers

Use $ rootScope

var app = angular.module('mymodule',[]);
app.controller('Ctrl1', ['$scope','$rootScope',
  function($scope, $rootScope) {
    $rootScope.showBanner = true;
}]);

app.controller('Ctrl2', ['$scope','$rootScope',
  function($scope, $rootScope) {
    $rootScope.showBanner = false;
}]);

Source:
http://stackoverflow.com/questions/20181323/passing-data-between-controllers-in-angular-js

Python nested classes json encoder

Json pickle will do the trick : http://jsonpickle.github.io/

## import lib
import jsonpickle

## create class
class Thing(object):
    def __init__(self, name):
        self.name = name

## create class instance
obj = Thing('Awesome')

## from obj to json string
frozen = jsonpickle.encode(obj)

## from json string to obj
thawed = jsonpickle.decode(frozen)