Kurs Planlayıcısı. Temel olarak yapacağı işlem şudur. İzlemek istediğiniz kursların listesini tutan ve tamamladıklarınızı işaretlediğiniz bir vue uygulaması yapınız.
Kullanıcı listesinde bulunan kurslardan birini tamamladığında kursa ait olan checkbox elementine tıklar ve o kursun arka planı yeşil olur. Tamamlanmamış kursun arka planı ise kırmızıdır. Aynı zamanda kurs listesinin altında kaç adet kurs olduğunu belirten bir açıklama vardır. Eğer kullanıcı input elementinin içeriğini boş bırakıp kursu eklemek isterse kullanıcıya izin vermeyin ve bunu bir alert ile gösterin. Bu alert input elementinin altında çıkabilecek bir mesaj olabilir. Mesaj 5 saniye sonra kendi kendine kaybolacaktır.
Eğer isterseniz, kaç tane kursun tamamlandığını kaç tane kursun tamamlanmadığını da aşağıda açıklama olarak gösterebilirsiniz.
v-model, class binding, events, computed, v-for, v-if, watch
Course Planner. Basically, this is what it will do. Make a vue application that keeps a list of the courses you want to watch and mark the ones you have completed.
When the user completes one of the courses in the list, he clicks on the checkbox element of the course and the background of that course becomes green. The background of an incomplete course is red. There is also a description of how many courses there are at the bottom of the course list. If the user leaves the content of the input element blank and wants to add the course, disallow the user and show this with an alert. This may be a message that may appear under the alert input element. The message will disappear on its own after 5 seconds.
If you want, you can explain how many courses have been completed and how many have not been completed.
# CLUE ## Some structures you will use in this application; v-model, class binding, events, computed, v-for, v-if, watch