Choose your level of advancement
Follow the tutorials (if needed)
Solve the tasks and create your project
Submit your work and share it with the world
Step 1 Choose your level of advancement
Beginner
Here you can learn the basics of web development and develop your skills related to technologies such as HTML, CSS, JavaScript and Bootstrap
StartIntermediate
Here you will learn how to create hands-on projects and how to improve the quality of your code. At this stage, we have prepared a series of tutorials for you that will teach you how to create projects such as Admin Dashboard, Portfolio, Blog, eCommerce or Landing Page.
StartAdvanced
At this stage, you can fully expand your wings. We have prepared a number of advanced tutorials for you, such as creating your own Facebook, Gmail, Trello or Instagram, but it really all depends on you and your creativity.
StartStep 2 Follow the tutorials
We have prepared dozens of tutorials to help you develop your coding skills and thus meet the challenge you have taken.
Take a look at the levels in step 1 and choose the tutorials that are relevant to your knowledge and skills
Step 3 Solve the tasks and create your project
Use the knowledge you have acquired through our tutorials and use the free MDB tools to create projects for your challenge.
Beginner level task example
Create a simple HTML page and use JavaScript to show you how:
- Insert the result of the equation containing the sum of any numbers into the paragraph
- Insert the result of the equation containing the difference of any numbers to the alert
- Insert the result of the equation containing the product of any numbers to the consoles
Intermediate level task example
Create an admin dashboard in which you can visualize data such as:
- List of orders
- Website traffic
- Compare sales from two different periods
- Division of users according to the browser used
Advanced level task example
Create an app design that helps users maintain a healthy lifestyle. Include aspects such as:
- Help people switch or partially replace production heavy products (like red meat).
- Design a filter feature for calorie count app to help people reduce consumption of red meats.
- Design a filter feature of a recipe app to help people find recipes that require raw products with a low carbon emission production cycle.
- Design a card spent history for a banking app to help people avoid wasted food in the fridge.
Step 4 Submit your work and share it with the world
After solving the task submit your project to the MDB platform and share it with the world.
Do not stop! Keep developing and solve new tasks.