Understand how asynchronous JavaScript works: Read Henning's presentation about asynchronous Javascript (there's also a German video presentation...
In a web application you often need to move data between the client (HTML, Javascript) and the server (Ruby, Rails...
Exercise 1: Maps In MovieDB, add a new field “Principal filming location”. In a movie’s show view, geocode that...
You can include files from app/assets or from the public folder with javascript_include_tag. The subtle difference that tells...
There is no single place to look up documentation for our stack. This card includes some hints where you can...
Free Bootstrap theme resembling Material Design. Bootswatch offers Sass and Less files, so the theme can easily be integrated into...
Web security basics Einführung in die Web Security 🇩🇪 provides essentials for the topic of this card. Read following chapters:
Stepping forward from JavaScript Basics, the goal of this card is for you to be able to read and write...
A common task in web applications is to add client-side JavaScript behavior to existing HTML elements.
Jasmine comes with two matchers that test for equality. The first is toBe: expect(first).toBe(second) toBe passes when...
The easiest way to freeze or travel through time in a Jasmine spec is to use the built-in jasmine.clock...
If you are writing any amount of Javascript, you are probably using closures to hide local state, e.g. to have...
tl;dr: Use event.currentTarget unless you are absolutely certain that you need event.target. Since it hasn't been written down...
Get an idea of the varying support for HTML/CSS/JavaScript features in different browsers like Chrome, Firefox, Internet Explorer, Edge...
CSS (+ some Javascript) framework, implementing Google's material design for static web pages. Can be used for plain websites without...
JavaScript is a scripting language supported by all browsers. Browsers don't speak Ruby, so if we want to implement...
Understand at least the following CSS concepts: Classes Selecting elements for styling Basic styling (color, typography, spacing)
Disabling auto-complete in login forms is probably a bad idea, since it encourages weak passwords. If you are still...
SmartUnderline is an open-source JavaScript library which uses clever tricks to draw underlines in a more beautiful and readable...
Insanely detailled guide about controlling copy & paste behavior using web technology in 2015. Note that you can now trigger a...
Developing complex regular expressions quickly blows my mind. Here are some online regex editors that help you by highlighting matching...
Note: Making a reverse proxy with nginx is much more straightforward. A reverse proxy is a "man in the middle...
When you register a delegated event using on (or the deprecated delegate / live), it is somewhat hard to manually trigger...
All major browsers (IE8+, FF3.5+, Safari 4+, any Chrome) support sessionStorage, a JavaScript storage object that survives page reloads and...