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.
This diagram illustrates wiring a GFCI receptacle and light switch in the same outlet box, a common arrangement in a bathroom with limited space. The hot source is spliced to the LINE terminal on the receptacle and to the bottom terminal on the light switch. The neutral and ground wires are spliced together and run to each device in the circuit.
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.
Here the source is at the fan/light and a switch loop runs to the wall switch. The source is wired directly to the fan and spliced through to the switch. With this arrangement the light is controlled with the switch and the fan is hardwired for pull-chain control.