Når vi er færdige med projektet vil man kunne lave omfattende markup i stil med:
html do
button 'Open modal', class: 'btn btn-primary', data: {action: 'click->modal#open'}
div class: 'modal fade', data: {target: 'modal.modal', modal: {form_url: users_path}} do
h5 'Edit user', class: 'modal-title'
div class: 'modal-content' do
form do
input type: 'text', name: 'fullname'
input type: 'hidden', name: 'bio', id: 'trix'
tag :trix_editor, input: 'trix'
end
tag :blog_post, 'v-for' => 'comment in comments', 'v-bind:key' => 'comment.id'
end
div class: 'modal-footer' do
button 'Close', class: ['btn', 'btn-secondary'], data: {action: 'click->modal#close'}
button 'Save', class: ['btn', 'btn-primary'], data: {action: 'click->modal#save'}
end
end
end
Vi starter i det små, og bygger lidt oven på, uge for uge.
Oprindeligt var der en noget længere introduktion. Hvis man vil læse den igen, findes den her.
Håber at I har lyst til at give det et skud! 🙂 Happy coding ⌨️
Hver uge lægger jeg flere tests i test/weekly/
som stiller nye krav til vores gem.
- Week 1: Nested elements and attributes
- Week 2: Inline content and block-level text content
- Week 3: Multiple root level elements and siblings
- Week 4: Self-closing (void) elements
- Week 5: Custom elements
- Week 6: TBA
Kør test suiten med rake test
.
Tilføj alle de tests I har lyst til under mapperne test/unit/
og test/functional/
Brug TDD, og lad testene fortælle jer hvad I mangler at lave, så I ikke kommer til at gøre det mere kompliceret end det behøver at være, eller kommer til at lave features der måske først er nødvendige om mange uger.
I kan starte en interaktiv konsol med bin/console
hvor I kan eksperimentere og prikke lidt til jeres kode.
De ugentlige challenges er designet til at kunne løses uden at bruge tredjepartskode.
Det er selvfølgelig tilladt at bruge hele Ruby's standard library!