Skip to content

Instantly share code, notes, and snippets.

View abdulhannanali's full-sized avatar
💭
WUNDERWALL!!!!

Hannan Ali abdulhannanali

💭
WUNDERWALL!!!!
View GitHub Profile
@abdulhannanali
abdulhannanali / gist.js
Created May 14, 2015 22:26
My first gist
var x = "helllo world"
console.log(x);
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
// TODO IIFE To don't pollute the global scope
@abdulhannanali
abdulhannanali / loklak.js
Created December 22, 2015 16:18
loklak api module
// loklak.js api using request module
// Author : Hannan Ali (abdulhannanali@outlook.com)
// node flags required --harmony_default_parameters
const Promise = require('promise')
const request = require('request')
const LOKLAK_BASE_URL = 'http://loklak.org/api/search.json'
module.exports = function (minified=true, source='backend') {
@abdulhannanali
abdulhannanali / nodeapplicationideas.md
Last active December 27, 2015 19:32
These are some node express application ideas for this task in Google Code In. I will work on one of them. https://codein.withgoogle.com/dashboard/task-instances/6528011029446656/?sp-page=1

Some ideas for the node application I have to develop

  1. Students who code a site for under 17 girls and boys to know more about coding in an interactive way with all the goodness of open source included.

    Pros

    • Everything pro about it
# Twitter Movie Script
We'll be using the Loklak api cos of it's anonymity instead of the default twitter api
This is some draft for what the twitter movie script can do. It can be only good for a few things such as retrieving twitter movies.
A simple twitter movie script can retrieve tweets but there's a little value in it per say just showing the the movies getting tweeted.
so our script can retrieve tweets in real time and also let people see their description using **The open movie database** also
do some cool stuff such as if the movie is action play a like really dabang type tune or if the movie is super hero play the
avengers hort 3 to 4 seconds theme song.

LOKLAK Movie Tool

We'll retrieve the tweets using LOKLAK API and we'll use The OpenMovieDatabase in order to get the more information about the movie.

Configuring babel 6 for node with me

A little introduction to babel

Hi! If you are like me, you are tired of writing the same old ES5 JS Code in your node applications.

If yes, you can use the newer features of JavaScript ES6 and ES7 standards in your node applications today. ES6 and ES7 make the JavaScript development a cool breeze. But hey, not every ES6 feature is supported in our beloved Node.js.

This is where BabelJS comes to the rescue. BabelJS is a transpiler for JavaScript which transpiles your ES6 and ES7 code into ES5 and even ES3 code. In simple words it converts it into JavaScript that node.js can run and make you really happy.

Little Notice: If you just want ES6 features and don't want to babelify stuff. You can use --harmony flag before running your node application. In order to access more harmony flags for staging and experimental features run this command node --v8-options | grep harmony

@abdulhannanali
abdulhannanali / ossiuse.md
Created January 1, 2016 18:59
Open Source applications, softwares, frameworks and operating systems, I use, have used, or I am using. 😄 Hope you get something out of it :)

Some of the open source applications I use:

  • KDE Softwares
  • Kubuntu 15.10
  • Xubuntu 14.04
  • Mozilla Firefox
  • Chromium
  • Node.js
  • Express JS (a web application framework)
  • KoaJS (a web application framework)
@abdulhannanali
abdulhannanali / gulpfile.js
Created January 7, 2016 22:56
Gulp, Browserify, Babelify and React gulpfile. Don't use Watchify instead use gulp.watch. A personal tip. Watchify gives me problems
var gulp = require('gulp')
var browserify = require('browserify')
var watchify = require('watchify')
var babelify = require('babelify')
var plumber = require('gulp-plumber')
var buffer = require("vinyl-buffer")
var source = require("vinyl-source-stream")
var sourcemaps = require("gulp-sourcemaps")
var uglify = require("gulp-uglify")
@abdulhannanali
abdulhannanali / companion.html
Last active February 6, 2016 21:07
Horrible JavaScript code
<tr class="student">
<td class="name-col">Slappy the Frog</td>
<td class="attend-col"><input type="checkbox"></td>
<td class="attend-col"><input type="checkbox"></td>
<td class="attend-col"><input type="checkbox"></td>
<td class="attend-col"><input type="checkbox"></td>
<td class="attend-col"><input type="checkbox"></td>
<td class="attend-col"><input type="checkbox"></td>
<td class="attend-col"><input type="checkbox"></td>
<td class="attend-col"><input type="checkbox"></td>