学习路径
无论你是前端专家、后端开发者,还是编程新手,Nex 都能让你快速上手。请根据你的背景选择最适合的学习路线。
🌱 零基础入门路线
如果你刚开始接触 Web 开发,Nex 是一个完美的起点,因为它屏蔽了现代前端工程化(Node.js, Webpack, Bundlers)的复杂性。
- HTML/CSS 基础:了解基本的 HTML 标签和 Tailwind CSS 类名(Nex 默认内置)。
- Elixir 入门:掌握基础语法、Map、List 和模式匹配。
-
Nex 三板斧:
-
学习
mount/1:如何初始化数据。 -
学习
render/1:如何编写模板。 -
学习
Action:如何处理点击和表单。
-
学习
- 动手实践:跟着教程写一个简单的“个人名片”或“计数器”。
🐘 有后端经验路线 (Rails, Django, Go)
如果你习惯于服务端渲染(SSR)和传统的 MVC 架构,你会发现 Nex 就像是“插了翅膀”的传统开发模式。
- 交互模型:理解 Nex 如何通过 HTML 属性(默认使用 HTMX)发送异步请求并进行局部替换,从而避免编写繁琐的 JavaScript。
-
文件路由:适应没有
routes.rb或urls.py的日子,文件夹结构就是你的 API。 -
状态隔离:理解
Nex.Store是如何基于page_id进行页面级状态管理的,这与传统的 Session 不同。 - 进阶:探索如何使用 Nex 构建标准的 JSON API 供其他客户端使用。
⚛️ 有前端经验路线 (React, Vue, Next.js)
如果你厌倦了管理复杂的客户端状态、数据同步和巨大的 JS 包体积,Nex 将带你回到“零包体积”的时代。
- 心态转变:放弃“客户端管理所有状态”的想法。在 Nex 中,状态通常保存在服务端或 URL 中。
-
Locality of Behavior (LoB):观察交互逻辑是如何直接写在 HTML 标签上的(hx-*),而不是散落在
useEffect或methods中。 - Alpine.js 集成:如果你确实需要复杂的客户端动画或即时 UI 状态(如打开模态框),学习如何使用 Alpine.js 辅助 Nex。
- 性能对比:感受没有虚拟 DOM 的“原始 HTML 替换”有多快。