Skip to content

Commit f25c904

Browse files
committed
fix(blog): missing back ticks
Added code snippets for HTML binding and ViewModel to fix broken formatting
1 parent 79a57f7 commit f25c904

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

content/blog/2025/01/10/you-dont-need-a-phd-in-javascript.md

+6
Original file line numberDiff line numberDiff line change
@@ -16,12 +16,14 @@ Welcome to **Aurelia**—a framework designed to bring sanity back to web develo
1616
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:
1717

1818
### HTML-Driven Development
19+
1920
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.
2021

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

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

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

5052
HTML Template
5153

54+
```html
5255
<template>
5356
<h1>To-Do List</h1>
5457
<form submit.trigger="addTodo()">
@@ -62,9 +65,11 @@ HTML Template
6265
</li>
6366
</ul>
6467
</template>
68+
```
6569

6670
ViewModel (JavaScript)
6771

72+
```javascript
6873
export class TodoApp {
6974
newTask = '';
7075
tasks = [];
@@ -80,6 +85,7 @@ export class TodoApp {
8085
this.tasks = this.tasks.filter(t => t !== task);
8186
}
8287
}
88+
```
8389

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

0 commit comments

Comments
 (0)