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.
Read the chapter "Taming Stylesheets" from our book Growing Rails Applications in Practice (in our library).
Talk with a colleague about the reasons for the naming conventions we use:
.block
.block--element
.block.-modifier
Why are elements preceded by a double dash?
Why is it important modifiers start with -?
Feel the…
Just like we use gems on the server, we use third party JavaScript libraries in the browser. These typically provide functionality like:
Take a look at the popular lodash library.
Understand all the terms in How Ruby method lookup works, in particular:
includeextendDo you understand why object.extend(SomeModule) is the same as object.singleton_class.include(SomeModule)?
How does include and extend work together with inheritance?
ActiveSupport::Concern works.On the Movie DB index, show a random actor who was born today:
Automatically retrieve the year of a movie for any new movie entered into MovieDB, using the themoviedb.org API. For the UI this means that there is no longer a "Year" field when creating a movie. It is automatically fetched a…
git diff and git diff --cached.git reset and git reset --hard
add -p
checkout -p
git rebase.git rebase --onto.git rebase -i
git commit --amend do?
Read the following chapters from our book Growing Rails Applications in Practice:
Discuss each chapter with your mentor.
In a web application you often need to move data between the client (HTML, Javascript) and the server (Ruby, Rails).
Add a find-as-you-type search to MovieDB. Above the list of movies there should be a text input that updates the list with the search results as the user is typing in the query. The user should not have to press a "Search" button (hint: you can bind to the [input](https://makandracards.com/makandra/33699-input-a-dom-event-that-is-fired-whenever-a-text-field-cha…
Movies in MovieDB should have one of the following workflow states:
draftpendingacceptedrejectedA movie always begins as a draft and then transitions through the states as it's getting reviewed. This could be a typical state flow for a movie:
draft => pending => rejected => pending => accepted
Change the visibility rules (Consul powers) so:
.png) and vector images (like .svg).pnggifjpgsvgBrowse the internet in order to:
Read the following material:
Discuss what you took away with your mentor.
Look at 3 r…
Understand how we're approaching applications that are either old or adapted from a different team:
bundle && rake db:create db:migrate)Also have a look at our homepage.
Browse the internet to answer the following questions:
$.ajax not simply return the response from the server?Read the following Rubymonk articles:
Write a Cucumber feature that tests that the map shows the correct location. Hint: Use execute_script to talk with the Javascript that creates and centers the map.
Read Deliver Paperclip attachments to authorized users only
Add the following feature to MovieDB:
Create two implementations of this requirement:
RAILS_ROOT/public/system, but incl…Many of our clients can't or don't want to design their user interfaces. In the absence of a good UI design, you should always be able to come up with a default. Since the user interface makes up 70% of a typical web application, this is closely related to requirements analysis and cost estimation.
Talk with your mentor about the following topics:
Find out some differences between PostgreSQL and MySQL. At the very least you should look at differences in: