There is no single place to look up documentation for our stack. This card includes some hints where you can...
Understand at least the following CSS concepts: Classes Selecting elements for styling Basic styling (color, typography, spacing)
JavaScript is a scripting language supported by all browsers. Browsers don't speak Ruby, so if we want to implement...
JavaScript code can access and manipulate the browser's DOM tree. Using JavaScript we can add interactive behavior to our...
When your code does not behave as expected, you can use a debugger statement ("breakpoint") at any point in your...
We use Selenium WebDriver integrated with Cucumber/Capybara for full-stack integration testing. Try and use it Your forked MovieDB should...
You have the following HTML structure:
If you want to run Javascript code whenever someone clicks on a ...
..., you...
A common task in web applications is to add client-side JavaScript behavior to existing HTML elements.
What is a Cookie? Google it if you do not know. How are cookies transferred between your browser and...
Web security basics Einführung in die Web Security 🇩🇪 provides essentials for the topic of this card. Read following chapters:
Understand how nested attributes appear in the params. See how the Rails form helpers encode the names of nested...
Resources RubyGuides: Mastering Ruby Regular Expressions Using regular expressions in JavaScript Testing regular expressions visually Regular Expressions: Quantifier modes...
Get an idea of the varying support for HTML/CSS/JavaScript features in different browsers like Chrome, Firefox, Internet Explorer, Edge...
While working on a Rails application, your code base will grow a collection of different file types including: Ruby (business...
The asset pipeline is one of Rails' two mechanisms how stylesheets, javascripts and images from your /assets folder are processed...
Stepping forward from JavaScript Basics, the goal of this card is for you to be able to read and write...
Understand how asynchronous JavaScript works: Read Henning's presentation about asynchronous Javascript (there's also a German video presentation...
Just like we use gems on the server, we use third party JavaScript libraries in the browser. These typically provide...
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...
Jasmine is a great tool to unit test your JavaScript components without writing an expensive end-to-end test for...
Web technology is a broad field and you cannot be an expert in all aspects. However, it is useful to...
Rails ships with two separate build pipelines: Sprockets ("asset pipeline") and Webpacker. Webpacker has many more moving parts, but allows...