The asset pipeline is one of Rails' two mechanisms how stylesheets, javascripts and images from your /assets folder are processed...

To safely transport an arbitrary string within a URL, you need to percent-encode characters that have a particular meaning...

As the web is being used for more and more tasks, expectations rise. Not only should web pages offer rich...

makandra Curriculum

Understand how nested attributes appear in the params. See how the Rails form helpers encode the names of nested...

You have the following HTML structure:

If you want to run Javascript code whenever someone clicks on a ...

..., you...

makandra dev
blog.getbootstrap.com

Moved from Less to Sass. Bootstrap now compiles faster than ever thanks to Libsass, and we join...

We use Selenium WebDriver integrated with Cucumber/Capybara for full-stack integration testing. Try and use it Your forked MovieDB should...

hacks.mozilla.org

Unfortunately, Web APIs haven’t provided the functionality to copy text to the clipboard through JavaScript, which is why visiting...

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...

makandra dev
bootswatch.com

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...

jasmine.github.io

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...

makandra Curriculum

Learn Enough Command Line to be Dangerous (it's in our library => Google Drive) CLI tricks every developer should...

makandra dev
getmdl.io

CSS (+ some Javascript) framework, implementing Google's material design for static web pages. Can be used for plain websites without...