Build a course academy app-Part-I

Reading time

3 min

Section

Section D : Learning & Education

3 min left0%

build a course academy app-part-i0%

3 min left

Tools: Bubble [Part:1] Guide on how to build a course academy app using Bubble. It has been said, “the teacher appears when the student is ready”! And when the teacher is ready his knowledge and wisdom will just flow! Today’s web technology allows for the teacher to record his knowledge and put the effort once for it to be distributed widely and consumed endlessly while he is enjoying the passive income! This is what we will be trying to build in this exercise: a platform to share educational videos and courses.

About the Exercise and Tools 😎 In this exercise, we will experiment with one of the most powerful and most well-known no-code tools: the Bubble.io platform, which allows you to design responsive UI, build your database and add workflows which is the one core specification of the no-code/low-code technology that equals the code in traditional programming languages. In addition, you can add plugins to power up your web apps.

Why? > You have valuable information as well as a good learning style and you are dreaming of communicating this knowledge to your community and anyone who can benefit from it. Let us take the first step into realizing this dream and put in the first basic structure for your educational academy. >

Skills - A landing page using the Bubble.io tool. - Adding Data types. - Adding plugins

Steps 1. Design a nice logo for your academy app 2. Make an account on Bubble.io 3. Choose ''New app'' 4. Fill the form with information due to your app 5. Choose ''start with a blank page'' 6. Place the header and start editing it (add a logo, change the colours of the buttons from properties or from Style) 7. Add proper sections (intro, hero, features,..). 8. Go to ''Data''. 9. Create ''New type'' and name it ''videos''. Of course, it can be better to design your database in such a way that it has Courses, and each course can have multiple Videos. But for simplicity, we will just create one type for now. 10. Create new fields: title, description, rating (a number), and video link. 11. Go to ''App data''. 12. Add a new record for Lesson Videos and fill in all fields. 13. Go back to ''Design'' 14. Add a repeating group (the element that will dynamically display the data records) and link it to the video data (from the Data Source). 15. Add a video plugin (from Plugins) ''videojs'' and add it as an element within the repeating group and identify its source to be linked to the video files that you added in Data. 16. Add a text element to the repeating group and link it to the title (name) data field. 17. Add the star rating plugin and place it within the repeating group, then link it to the rating field in the data. Hit the Preview button and enjoy the amazing feeling of building your own thing! Don’t harness your imagination at this point and let it take you to envision how you can further build this project! Now you have a good backbone of a platform to offer educational courses. Surely this is not all. Taking this further would still require loads of work, but a good start can trigger your energy to go on!

About the Exercise and Tools 😎 In this exercise, we will experiment with one of the most powerful and most well-known no-code tools: the Bubble.io platform, which allows you to design responsive UI, build your database and add workflows which is the one core specification of the no-code/low-code technology that equals the code in traditional programming languages. In addition, you can add plugins to power up your web apps.

Why? > You have valuable information as well as a good learning style and you are dreaming of communicating this knowledge to your community and anyone who can benefit from it. Let us take the first step into realizing this dream and put in the first basic structure for your educational academy. >

Skills - A landing page using the Bubble.io tool. - Adding Data types. - Adding plugins

Steps 1. Design a nice logo for your academy app 2. Make an account on Bubble.io 3. Choose ''New app'' 4. Fill the form with information due to your app 5. Choose ''start with a blank page'' 6. Place the header and start editing it (add a logo, change the colours of the buttons from properties or from Style) 7. Add proper sections (intro, hero, features,..). 8. Go to ''Data''. 9. Create ''New type'' and name it ''videos''. Of course, it can be better to design your database in such a way that it has Courses, and each course can have multiple Videos. But for simplicity, we will just create one type for now. 10. Create new fields: title, description, rating (a number), and video link. 11. Go to ''App data''. 12. Add a new record for Lesson Videos and fill in all fields. 13. Go back to ''Design'' 14. Add a repeating group (the element that will dynamically display the data records) and link it to the video data (from the Data Source). 15. Add a video plugin (from Plugins) ''videojs'' and add it as an element within the repeating group and identify its source to be linked to the video files that you added in Data. 16. Add a text element to the repeating group and link it to the title (name) data field. 17. Add the star rating plugin and place it within the repeating group, then link it to the rating field in the data. Hit the Preview button and enjoy the amazing feeling of building your own thing! Don’t harness your imagination at this point and let it take you to envision how you can further build this project! Now you have a good backbone of a platform to offer educational courses. Surely this is not all. Taking this further would still require loads of work, but a good start can trigger your energy to go on!