Skip to content

Commit

Permalink
fix(blog): missing back ticks
Browse files Browse the repository at this point in the history
Added code snippets for HTML binding and ViewModel to fix broken formatting
  • Loading branch information
Vheissu committed Jan 12, 2025
1 parent 79a57f7 commit f25c904
Showing 1 changed file with 6 additions and 0 deletions.
6 changes: 6 additions & 0 deletions content/blog/2025/01/10/you-dont-need-a-phd-in-javascript.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,12 +16,14 @@ Welcome to **Aurelia**—a framework designed to bring sanity back to web develo
At its core, Aurelia embraces a **"developer-first" philosophy**. Its intuitive design empowers you to focus on solving real problems, not on deciphering convoluted APIs or patterns. Here's how it makes life easier:

### HTML-Driven Development

Aurelia extends native HTML in a way that feels natural and fluid. Forget arcane DSLs or complicated syntax—you can bind data, react to events, and build dynamic UIs using plain, declarative markup.

**Example: Binding Made Simple**
```html
<input type="text" value.bind="user.name">
<p>Hello, ${user.name}!</p>
```

This simple binding syntax automatically synchronizes the user.name property between your JavaScript and the DOM, reducing boilerplate and making your intentions clear.

Expand Down Expand Up @@ -49,6 +51,7 @@ Let's see Aurelia in action. Here's a simple to-do app that demonstrates how cle

HTML Template

```html
<template>
<h1>To-Do List</h1>
<form submit.trigger="addTodo()">
Expand All @@ -62,9 +65,11 @@ HTML Template
</li>
</ul>
</template>
```

ViewModel (JavaScript)

```javascript
export class TodoApp {
newTask = '';
tasks = [];
Expand All @@ -80,6 +85,7 @@ export class TodoApp {
this.tasks = this.tasks.filter(t => t !== task);
}
}
```

That's it! No external state management libraries or unnecessary scaffolding—just clean, readable code.

Expand Down

0 comments on commit f25c904

Please sign in to comment.