...quite frustrating to come back to a coding agent after a while only to see that it needed user input only 10 seconds into the task. You can set up...
...notification hooks to trigger a Desktop notification (or similar) whenever the Claude Code agent halts. Clicking the notification will open your configured IDE in the correct project directory.
When debugging slow SQL queries, it’s helpful to understand the database engine's query plan. Whenever you execute a declarative SQL query, the database generates a "query plan" that...
...outlines the exact steps the engine will take to execute the query. Most of the time, we don’t need to worry about this plan because SQL engines are highly...
Sass variables disappear when the stylesheet is compiled. CSS custom properties stay in the browser: they follow the cascade, can be changed at runtime, and let one value drive a...
...theme. This card teaches you when to reach for which, and how to turn scattered CSS values into a small set of named variables. Important Work on this lesson in...
...behavior, you can explicitely tell ActiveRecord how to preload associations with either JOINs or separate queries. This card gives an overview of the different options to preload associations, but
...for preloading! Please have a look on on our card why you should be super careful with complex eager_load or includes queries. Thus, as a general guideline.includes or .eager...
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...
Wysiwyg (What You See Is What You Get) HTML editors Datepickers Sliders Tooltips Dialogs ... Important Work on this lesson in builder mode. Learning goals You can explain how a...
...configured timeout. This can become an issue if you rely on the timeout to strike precisely...
...when they chose MongoDB?” But what you may not realize is that you are seeing the application as it exists today. When the previous developer (or team) had to develop...
...cloak of opacity. You are cursed with the knowledge of the present, so the system seems like a hackjob of bad decisions...
...the everyday use without any parameter tweaking I'm using a collection of tiny scripts in my ~/bin folder that can then be used as bash functions. And: It's...
...video-to-audio /path/to/cake.mp4 cake.mp3 audio-to-audio /path/to/cake.mp3 cake.aac image-to-image /path/to/cake.png cake.jpg stateDiagram-v2 text --> image: Dall-E 3 text --> audio: GPT TTS image --> text: GPT Vision...
We are using the BEM pattern ("Block, Element, Modifier") to structure our CSS in all new projects. We try to migrate legacy projects to BEM, block-by-block. Important
Learning goals You can explain why unstructured CSS becomes hard to maintain — global scope, cascading side effects, selectors coupled to markup — and what a naming convention like BEM does...
...event. However, this is not defined by the W3C. Most importantly, Firefox does not support it, neither do recent versions of IE. You should completely avoid accessing the global event...
If your railscomplete-deployment uses the net-ssh-gem please ensure you use version 5.2.0 or newer to ensure you can deploy via Capistrano. It's best to use...
...completely remove the old host key on the client run: SERVER="appserver.makandra.de" # remove host entry ssh-keygen -f "$HOME/.ssh/known_hosts" -R "$SERVER" # remove IP entry ssh-keygen -f "$HOME/.ssh/known_hosts" -R "$(getent...
Many applications let users upload files. This lesson covers storing uploads as model attributes with CarrierWave, generating image versions, and testing uploads. Important Work on this lesson in advisor mode...
You can explain how an uploaded file travels from the browser to the server (a multipart form post) and where a Rails app can store it.
With gem dependency it is possible to check the dependencies for your gem before you install it.
...records of a Ruby on Rails ActiveRecord model to be organised as a tree structure (or hierarchy). It uses a single, intuitively formatted database column, using a variation on the...
...materialised path pattern. It exposes all the standard tree structure relations (ancestors, parent, root, children, siblings, descendants) and all of them can be fetched in a single sql query. Additional...
An unresponsive service can be worse than a down one. It can tie up your entire system if not handled properly. All network requests should have a timeout.
...You should avoid Ruby’s Timeout module. The default is no timeout, unless otherwise specified. Enjoy...
Ruby's standard library is in the process of being gemified. It will soon - Ruby 2.5 - consist of RubyGems, which can be updated independently from Ruby. This might mean smoother...
...Ruby upgrades in the future. If breaking API changes happen in standard gems, we can update these before upgrading Ruby...
The Bullet gem is designed to help you increase your application's performance by reducing the number of queries it...
The The U.S. Digital Services Playbook is pretty amazing (context...
...to the Polymer project's paper elements collection. Our goal is to provide a set of AngularJS-native UI elements that implement the material design system...
Holly Schinsky from Adobe shows some of Bootstrap's capabilities. The combination of explanation, screenshots and source code makes it easy to understand
...users will receive update notifications in April offered through the browser’s internal updating service that will update the version to the latest stable build of the browser...
Building on Software design basics, this lesson covers more principles and code smells, technical debt, and architecture antipatterns, using real repos to find examples. Important Work on this lesson in...
Learning goals You can explain what a code smell is and recognize the common ones in Ruby code, e.g. feature envy, objects reaching deep into other objects, classes...
In some projects we use Simple Form to write boring forms more quickly. Important Work on this lesson in builder mode. Learning goals You can explain what Simple Form does...
...pays off, and where plain form helpers are the better choice. You can configure Simple Form's generated HTML to match a project's markup, e.g. with its Bootstrap wrapper...
So you want to know if you are on natty, precise, quantal, or something else? Check /etc/lsb-release. $ cat /etc/lsb-release DISTRIB_ID=Ubuntu DISTRIB_RELEASE=12.04 DISTRIB_CODENAME=precise DISTRIB_DESCRIPTION...