While I was reading "The Emerging Field of Signal Processing on Graphs," I had a question about the graph Laplacian's quadratic form. The publication claims that

I am wondering how the left side of equation (sigma form) simplifies to $f^T L f$ (matrix form). How can I recognize similar patterns (sigma form to matrix form) in the future? Thank you.
I'm going to provide the definitions that I encountered in the publication to provide some context to your question. For the remainder of this answer, $G = (V, E, w)$ denotes a weighted graph and $\mathbf f$ a real-valued function on $V$ (referred to as a "signal" in the publication)
The local variation is supposed to give some notion of the "smoothness" of a signal near $i$.
I'm not very familiar with signal processing and I don't know what "sigma form" is, but the definition of the Laplacian matrix is actually based on the Dirichlet form. The Laplacian matrix is typically characterized as $L = D - A$, where $D$ is the degree matrix of a graph and $A$ the adjacency matrix, but its original definition was as a linear operator on the space of functions $V \mapsto \mathbb F$. For a function $\mathbf f: V \to \mathbb F$, the Laplacian is defined by the rule $$ [L \mathbf f](u) = \sum_{v \sim u} w(u, v) (\mathbf f(u) - \mathbf f(v)) $$ Reasoning that $$ \mathbf f^T L \mathbf f = \sum_{i \sim j} w(i, j) (\mathbf f(j) - \mathbf f(i))^2 $$ follows pretty easily. As for why the $1/2$ vanishes, $(i, j)$ and $(j, i)$ are counted as separate edges, so the $1/2$ term accounts for double counting each edge $i \sim j$.
The definition of $L$ as $D - A$ actually came after mathematicians had already defined the Laplacian as a product of boundary operators. There are several texts that explore these concepts further, I recommend the first chapter of Chung's Spectral Graph Theory or section 1.2.1 of the more recent Higher-Order Systems.