From f25c904d3f6db7a0263d0c0c050f84909c104c3c Mon Sep 17 00:00:00 2001 From: Dwayne Charrington Date: Sun, 12 Jan 2025 13:31:57 +1200 Subject: [PATCH] fix(blog): missing back ticks Added code snippets for HTML binding and ViewModel to fix broken formatting --- .../blog/2025/01/10/you-dont-need-a-phd-in-javascript.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/content/blog/2025/01/10/you-dont-need-a-phd-in-javascript.md b/content/blog/2025/01/10/you-dont-need-a-phd-in-javascript.md index 090c41f..dfb33f4 100644 --- a/content/blog/2025/01/10/you-dont-need-a-phd-in-javascript.md +++ b/content/blog/2025/01/10/you-dont-need-a-phd-in-javascript.md @@ -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

Hello, ${user.name}!

+``` This simple binding syntax automatically synchronizes the user.name property between your JavaScript and the DOM, reducing boilerplate and making your intentions clear. @@ -49,6 +51,7 @@ Let's see Aurelia in action. Here's a simple to-do app that demonstrates how cle HTML Template +```html +``` ViewModel (JavaScript) +```javascript export class TodoApp { newTask = ''; tasks = []; @@ -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.