I want to understand quotient of a graph (also called quotient graph), my teacher says that the terms quotient of a graph and a modulo of a graph should be synonyms (even though modulo of a graph returns something unexpected). I found this definition about the quotient graph
"Let $G = (V, E)$ be a graph. Let ∼ be an equivalence relation on $V$. The quotient graph of $G$ with respect to ∼ is a graph whose vertex set is the quotient set $V/∼$ and two equivalence classes $[u]$, $[v]$ form an edge iff $uv$ forms an edge in $G$."
What is the quotient of graph?
What is the quotient set $V/\sim$?
1.1. In comparison, the quotient set on integers such as $\mathbb Z\ /\text{ division}$ consists of the quotient classes about the remainders. What are equivalent to "remainders" with graphs?
1.2. What are the equivalence classes of a graph?
How is the quotient defined for a digraph?

I'll try to illuminate the definition you quoted with an example. Consider this graph of the subway map of Vienna:
By User:My Friend - Own Work, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=7684906enter image description here
The vertices of this graph are the stations.
Define an equivalence relation on the set of vertices by
$v_1 \sim v_2 \mbox{ iff } v_1 \mbox{ is on the same subway line (e.g. U1, U2,...) as } v_2$.
Here, we need to modify the graph slightly and treat stations where you can change between lines (for example Westbahnhof) as two different, but connected vertices, i.e. Westbahnhof-U3 and Westbahnhof-U6 (you can think of these as different subway platforms instead of stations).
Then there are exactly five equivalence classes (as many as there are subway lines). These equivalence classes are sets of stations, e.g.
$$[\mbox{Heiligenstadt}]= \{\mbox{Heiligenstadt, Spittelau-U4, Friedensbrücke,}\dots\}.$$
Every stop on a given line is a member of the equivalence class associated with this line.
The definition of the edges on the quotient (that $[u][v]$ if $uv$) ensures the following: For two given equivalence classes of edges (i.e. subway lines), if there is a station which where you can switch between these lines (e.g. Westbahnhof-U3 and Westbahnhof-U6), then these equivalence classes are connected.
The resulting graph describes the connectedness of the subway lines, not the stops.
This results in a graph where U1 has an edge with U2, U3 and U4; U2 has an edge with U2, U3 and U4; U3 has an edge with U1, U2, U4, U6; U4 has an edge with U1, U2, U3 and U6; U6 has edge with U3 and U4. It should look like this, except the $5$ represents U6.
By Hafenbar from german Wikipedia, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=15737112
Note that equivalence classes don't need to be connected, which is the case here.
For directed graphs, I cannot give more information, but my guess is that the definition of the (directed) edges carries over from the undirected case.