(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
Nikia Shaw She-Codes
jasdeepkhalsa
/ longPolling.js
Last active
April 17, 2024 10:59
Simple Long Polling Example with JavaScript and jQuery by Tian Davis (@tiandavis) from Techoctave.com (http://techoctave.com/c7/posts/60-simple-long-polling-example-with-javascript-and-jquery)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Long Polling (Recommened Technique - Creates An Open Connection To Server ∴ Fast) | |
| (function poll(){ | |
| $.ajax({ url: "server", success: function(data){ | |
| //Update your dashboard gauge | |
| salesGauge.setValue(data.value); | |
| }, dataType: "json", complete: poll, timeout: 30000 }); | |
| })(); |
paulund
/ add-option-to-dropdown.js
Created
June 25, 2013 18:50
Add and Remove Options in Select using jQuery
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $("#selectBox").append('<option value="option6">option6</option>'); |
staltz
/ introrx.md
Last active
May 11, 2025 22:46
The introduction to Reactive Programming you've been missing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* bling.js */ | |
| window.$ = document.querySelector.bind(document); | |
| window.$$ = document.querySelectorAll.bind(document); | |
| Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); }; | |
| NodeList.prototype.__proto__ = Array.prototype; | |
| NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); }; |
jgravois
/ _webserver.md
Last active
January 9, 2025 09:27
a simple guide for getting a local web server set up
having a web server turned on doesn't necessarily mean you are serving pages on the world wide web. its what allows you to load your own static files (.html, .js etc.) in a browser via http://.
if you're not sure whether or not you have a web server running, no problem! its easy to confirm.
what happens when you visit http://localhost/?
jakebellacera
/ how-to-get-youtube-video-id.md
Last active
May 21, 2024 06:40
Learn how to get the ID of any YouTube video.
This article walks you through how to get the ID of any YouTube video.
You may be watching the video or just happened to visit a link to a video. The video ID will be located in the URL of the video page, right after the v= URL parameter.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "vars": { | |
| "@gray-base": "#000", | |
| "@gray-darker": "lighten(@gray-base, 13.5%)", | |
| "@gray-dark": "lighten(@gray-base, 20%)", | |
| "@gray": "lighten(@gray-base, 33.5%)", | |
| "@gray-light": "lighten(@gray-base, 46.7%)", | |
| "@gray-lighter": "lighten(@gray-base, 93.5%)", | |
| "@brand-primary": "darken(#428bca, 6.5%)", | |
| "@brand-success": "#5cb85c", |
juanbrujo
/ getLastRSSFeed.html
Last active
April 26, 2025 23:56
Get and display last feed from RSS using JavaScript (jQuery)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head></head> | |
| <body> | |
| <div class="noticia">CARGANDO</div> | |
| <script src="https://code.jquery.com/jquery-3.1.0.js"></script> | |
| <script> | |
| $(function(){ | |
| var url = 'https://www.domain.co/index.xml'; | |
| var news = $('.noticia'); |
andreasonny83
/ .gitignore
Last active
April 26, 2025 07:12
Gitignore template for JavaScript projects
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # See http://help.github.com/ignore-files/ for more about ignoring files. | |
| # compiled output | |
| /dist | |
| /tmp | |
| /out-tsc | |
| # Runtime data | |
| pids | |
| *.pid |
clemlatz
/ smooth-scroll.js
Created
September 6, 2017 08:56
Simple smooth-scroll animation in pure/vanilla javascript
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Smooth scroll animation | |
| * @param {int} endX: destination x coordinate | |
| * @param {int) endY: destination y coordinate | |
| * @param {int} duration: animation duration in ms | |
| */ | |
| window.smoothScrollTo = function(endX, endY, duration) { | |
| var startX = window.scrollX || window.pageXOffset, | |
| startY = window.scrollY || window.pageYOffset, | |
| distanceX = endX - startX, |
OlderNewer