Web Based Learning, is based on presenting the content on the web and opening it to the online users. ADDIE approach, which follows system design, consists of Analyze, Design, Development, Implementation and Evaluation, widely adopted while designing the Web Based Learning environment. Microcontrollers Class takes an important position among the lessons studied on the field of electrical and electronics technology of Vocational High Schools. Nevertheless, there are some difficulties in teaching this lesson and keeping up the retention level of students. Arduino platform, teaching the technology and engineering with the help of in- and out- of class activities and Maker movement, allows students and researchers to make projects easily by developing of IoT (Internet of Things) which is one of the greatest technology trend and STEM (Science Technology Engineering and Mathematics) which is education trend. The ultimate goal of this research is to determine the effects of microcontrollers class prepared through web-based learning environment on the academic success of vocational high school students. For this purpose, a quasi-experimental study applied to the two different groups of totally 40 students studying in 11th grade at the department of electricity and electronics in a Vocational High School in Ankara. Within the scope of the research, four experiments with subtopics of digital and analog operations with the Microcontrollers applied to the control and the experimental group in the class and on the web based environment for four weeks interactive course. As a result of experimental study, t test method was used on the SPSS program to determine whether there is a significant difference between experimental and control groups’ mean score or not. Results showed that experimental group students significantly increased their level of success compared to the control group students. The results of this study shows that Microcontrollers class prepared through Web-Based Learning Environment is a remarkable factor to increase academic achievement.