If it's not fun, it's not JavaScript.
Programming languages like BASIC, Python, C has boring machine-like nature which requires developers to write extra code that's not directly related to the solution itself. Think about line numbers in BASIC or interfaces, classes and patterns in Java.
On the other hand JavaScript inherits the best traits of pure mathematics, LISP, C# which lead to a great deal of expressiveness (and fun!).
Hello there! This is a sample post for gist.io, a super-lightweight writing soapbox for hackers.
Now look up. Further. Above the post title. See that grey text with the gist ID?
Now back to me. That grey text is a link! Open that sucker in a new tab to see the source for this post. Also, I'm on a horse.
If you peek at it with a web inspector, you'll see that it is a second-level heading. You can use first level headings, but they'll look just like the second level ones, and the gods of the HTML5 outlining algorithm will frown upon you.
| // include gulp | |
| var gulp = require('gulp'); | |
| // include plug-ins | |
| var gutil = require('gulp-util'); | |
| var concat = require('gulp-concat'); | |
| var uglify = require('gulp-uglify'); | |
| //var imagemin = require('gulp-imagemin'); | |
| <!doctype html> | |
| <html> | |
| <head> | |
| <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> | |
| <script type="text/javascript" src="paste.js"></script> | |
| <meta charset="utf-8"> | |
| <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> | |
| <title>paste.js</title> | |
| <link href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.0/normalize.min.css" media="screen" rel="stylesheet" type="text/css" /> | |
| </head> |
| <script type="text/javascript"> | |
| $(document).ready(function () { | |
| var sf = $.ServicesFramework(-1); | |
| // Send an AJAX request | |
| $.getJSON(sf.getServiceRoot('eTailer.NewProducts') + "NewProductsAPI/GetNewProducts?CategoryId=2&Top=10", | |
| function (data) { | |
| // On success, 'data' contains a list | |
| $.each(data, function (key, val) { | |
| // Format the text to display. |
| var pageres = require('pageres'); | |
| pageres(['todomvc.com'], ['1366x768', '1600x900'], function () { | |
| console.log('done'); | |
| }); | |
| //via node.js command |
| /** | |
| * Track JS error details in Universal Analytics | |
| */ | |
| function trackJavaScriptError(e) { | |
| var errMsg = e.message; | |
| var errSrc = e.filename + ': ' + e.lineno; | |
| ga('send', 'event', 'JavaScript Error', errMsg, errSrc, { 'nonInteraction': 1 }); | |
| } |
| $.ajax({ | |
| url: '/echo/error/', | |
| async: true, | |
| // retryCount and retryLimit will let you retry a determined number of times | |
| retryCount: 0, | |
| retryLimit: 10, | |
| // retryTimeout limits the total time retrying (in milliseconds) | |
| retryTimeout: 10000, | |
| // timeout for each request | |
| timeout: 1000, |
element = document.querySelector(selectors);var select = document.querySelector;
var el = select("#id");
var el2 = select(".myclass");