How can the first structure become the second structurethrough resonance in just one step?

Answer: This comes to bear because of what is known as resonance effect Or mesomeric effect In chemistry.

Explanation:

The concept of resonance effect reveals about the polarity induced in a molecule by the reaction between a lone pair of electron and a pi bond. It also occurs by the interaction of 2 pi bonds in the adjacent atoms.