There is no single place to look up documentation for our stack. This card includes some hints where you can...
Rails is our web framework. Goals Be able to write a simple Rails application. Understand how Rails talks to the...
Understand at least the following CSS concepts: Classes Selecting elements for styling Basic styling (color, typography, spacing)
JavaScript code can access and manipulate the browser's DOM tree. Using JavaScript we can add interactive behavior to our...
Learn to read and write Haml. Understand the different attributes syntaxes (curly braces vs. round parentheses) Exercises Convert MovieDB...
Understand what Memoization is and when it can be useful. Understand the @variable ||= computation pattern. Learn how to use...
Understand why we use pagination Exercises Create 7500 movies in MovieDB (hint: Doing it in a single transaction is...
Learn to treat files as an ActiveRecord attribute type, like :string or :integer Research Look at the README for...
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.
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...
We are using the BEM pattern ("Block, Element, Modifier") to structure our CSS in all new projects. We try to...
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...
Jasmine is a great tool to unit test your JavaScript components without writing an expensive end-to-end test for...
If you've stumbled over display: grid while reading the Flexbox material of the previous card - we've got you...
Resources Rails Guide: Internationalization API Guide to localizing a Rails application Locale-aware helpers in ActionView::Helpers::NumberHelper
Action Mailer Basics and Previews Chapter "Task H1: Sending Mail" from Agile Web Development with Rails 7.2 (in our...
We've already learned how to integrate user-provided images uploads to our application in 205 basic file uploads and...
Best results in other decks
Here is a workaround for when you want to use text-wrap: balance but must also render nicely for browsers...
DirectUpload allows you to upload files to your file storage without having to wait for the form to submit. It...