Run the cable through the clamp and tighten it down. Splice the cable wires to the fan wires using a pigtail splice and a wire nut. Connect the ground to the grounding terminal in the connection box and the ground wire from the fan, if there is one.
The black wire is splice to the output on the speed controller and to the black, fan wire at the other end. The red wire is spliced to the output on the dimmer and to the blue, light wire at the other end. The neutral from the source is spliced in the switch box with the white wire, and to the neutral wire on the ceiling fixture at the other end.
Here a gfci receptacle is added at the end of a row of duplex receptacles for single-location protection. The first outlet is connected to the source and 2-wire cable runs from box to box. All wires are spliced with a pigtail at the devices to pass current from one to the next. The load terminals on the gfci are not used and it does not protect the other receptacles in the circuit.
This page contains wiring diagrams for ground fault circuit interrupter (gfci) receptacles. Included are diagrams for multiple gfci’s, a protected standard duplex receptacle, and a protected light fixture. Wiring for a switch and gfci receptacle in the same box is also shown to protect the switch and light or to protect other receptacles in the circuit. To wire a gfci circuit breaker see this link and wire a gfci switch combo at this link.