...read the first sections and skip the JavaScript examples for now 🎮 W3C Markup Validation Service — paste a document and have it list what is wrong with it Exercises
...directory for each exercise, inside the exercises repository. These are plain .html files — no server, no Rails yet. Open them in your browser with file://. Tip Your agent should work...
...staging: How to write custom email interceptors, check if you have a local mail server listening, and letter_opener to open mails in the browser instead 📄 Reaching the inbox: E...
Just like we use gems on the server, we use third party JavaScript libraries in the browser. These typically provide functionality like: General support libraries like Lodash Frontend Frameworks like...
...Look at The cost of JavaScript (2019, 2023) to figure this out. Understand the service Bundlephobia Try to add lodash to MovieDB Use yarn add lodash, then import it in...
...for, and why schema changes go through migrations instead of manual changes on a server. You can write migrations that change the schema and migrate existing data. You can explain...
Ask your mentor for a dump of the staging target — trainees have no server access — and load it into your local database. In the makandra cards app, load an...
...APIs versus "asynchronous" APIs? Why does fetch() not simply return the response from the server? Why is asynchronous code such a big issue in JavaScript (as opposed to the code...
You can either implement your own API backend or use the free service at api.random.org. If you chose the the latter, create an account for it and click...
Many features need data from third-party services. In this lesson you integrate geocoding, maps and a title-autocomplete API from JavaScript, and learn to test code that talks to...
...external services. Important Work on this lesson in builder mode. Learning goals You can explain what is involved when a browser talks to a third-party service: API keys, CORS...
What are their pros and cons? Under which conditions would one of them serve a project better than our process? Coding agents benefit from thorough pre-alignment. Does that...
...cut Ruby classes: each block does one thing. Neither extreme works: one god block serves no second screen, and blocks cut too small can't stand on their own without...
...and application logos next to the dynamically created images versions of uploaded files. To serve all of those with limited bandwidth and high quality, images formats and compression strategies have...
...files from their CDN so developers can get started quickly. However, we want to serve all CSS ourselves and don't want to depend on external sources. To integrate Bootstrap...
You can explain how JavaScript in the browser differs from Ruby on the server: it runs on the user's machine, has no implicit return, needs parentheses to call...
When you add or change an initializer you need to restart your Rails server or console for the changes to be picked up. Only changes in app are picked...
...explain in one or two sentences why this is dangerous in a long-running server process, and when this cache would ever be emptied...
...know from Rails? Practice Checkout the repo for the makandra blog Start the preview server Make some changes, review them on localhost:4567 Add a new page /animals/your-favorite-animal that has...
...how to add Stylesheets how to add images how to use the Webpack dev server One more thing about Yarn / npm There is one significant difference between JavaScript package managers...
Rails is our web framework. In this lesson you build your first two Rails applications: a small store by following...
Best results in other decks
...a new connection end end These three connections will remain connected to the database server after the threads terminate. This only affects threads that use ActiveRecord. You can rely on...
...outlined below. This may cause your application to open more connections than your database server allows. If you don't want to risk that, you can also manually release connections...
Maintenance mode is enabled on application server as soon as the file /public/system/maintenance.html is present. Note that the servers must be configured accordingly. Installation Add this line to your...
...application's web interface by writing a #{maintenance_basename}.html file to each web server. By default, the maintenance page will just say the site is down for "maintenance", and...