The lives and learning experiences of high school students are increasingly intertwined with online activities. With the global trend of Education 4.0, equipping students with digital skills is essential, including the capacity for online social-emotional skills. Someone with social-emotional skills knows how to turn social media into a useful tool, providing opportunities for personal development. This study focuses on developing social-emotional competence for high school students in the context of the Education 4.0 trend. The project has developed a learning program consisting of 6 common social-emotional skill themes for both virtual and real environments and implemented a test on 34 students. Using experimental evaluation methods, classroom observation, and quantitative methods were employed to assess the effectiveness of the program. The results indicate a significant improvement in students' social-emotional competence, with an average score post-experiment of 3.7397. Our experimental model also achieved 63.6% of CASEL criteria for organizing social-emotional competence. Therefore, the study has strengthened the findings and achievements in the development of social-emotional competence training in the fields of educational psychology in Vietnam.