Under the concert of student-centered and outcome-based, in this paper the teaching problem of electromagnetic field and wave course is discussed. Taking the teaching of electrostatic field as an example, the effect of order and direction is an achievable goal through hierarchical core knowledge system. The story-based guidance make abstract knowledge rely on the specific process, avoid the abrupt and boring feeling and arouse curiosity and thinking. Guided learning skills by refining the logic of knowledge with structure diagrams. Engineering cases are used in the teaching to integrating theoretical knowledge with the practical problems so that the sense of harvest is created in this way. Gradual case with gradients can break down complexity and increase student’ confidence. Finally, the use of online course classroom is discussed to continue the stimulation of students’ potentiality. This method that considers teaching from the students’ perspective improves the students’ participation and the sense of harvest, and also cultivates their potential.