Today we start a new format on Devdactic called “Devdactic Challenge”, and this will be exactly what it looks like: A challenge for everyone around here to apply the learned skills and actually use them on real projects.
By starting to develop our own code and using the material we have read, we are much more likely to keep those things present and learn them for a long time. Therefore, this challenge aims to help you, give you little projects and the chance to become rapidly better at what you are doing.
FAQ
Types of Challenges
The series will start with Ionic Challenges, but it might evolve over time. If you have ideas for challenges, let me know them by email or Twitter! In general we will focus on mobile development and building great apps.
The Rules
The rules for the challenges are pretty easy. After I post the challenge, you can start to work on your solution for the challenge and upload your result to Github. Once you are done just send me the link to the Github repo!
If you don’t know how to use Git, this is a good point in time to get comfortable with it as well. You will need Git in your future career pretty much for sure. Anyway, it’s free to signup and you can have open repositories, so I can take a look at every submission.
You project also needs a little readme file telling everyone how to start the app (even if it’s only ‘ionic serve’)!
That brings us to the next point: For now I will pick the winner of the contest. I will take a look at the submitted solutions and announce the one who has done the best job in my eyes. If you are not the winner of a challenge, you can still get a lot out of it:
- You apply skills in a real app
- You can compare your solution to the winners solution
- You can build up a Github repository which might become your future portfolio
So it’s a win-win-win situation for everyone around here! The challenges can be solved quite simple, but you can also put in more effort then needed if you just feel this helps you pushing forward.
After announcing the winner I also pull your app into a repository for this challenge series so all solutions and winners can be found in one place.
The Prize
With every challenge there will be little prizes. They will differ and I will announce the prize for every challenge individually. This is just a small incentive and additional benefit to what you already do for yourself and your career!
Open Questions
If you have any other questions or ideas, just leave them below this post! I am always open for constructive feedback and ideas.
Devdactic Challlenge #1: Build a Calculator
So let’s get to it, the first challenge!
You have to build a simple calculator using the Ionic Framework.
Sounds easy?
Well, here are some general features our calculator should have:
- Numbers from 0 to 9 like a classic calculator
- Add, subtract, divide, multiply
- Field for equation and result
- BONUS: If you feel like this was to easy, also add floating operations
You are free to pick Ionic 1 or 2, that’s completely up to you.
Also the UI can be made just as you want. Use only buttons, maybe use images, classic design or more modern approach. Whatever you like!
The winner of this challenge will get free access to my Ionic 2 in One Hour Course, his name will be announced here and I will also put the winning code into a Github repository which I will link here once we have a winner.
Deadline
The challenge is over.
The winner of this challenge is Pavel Hodek, you can find the winning app inside the repository that will later contain all winning apps.
Thanks for all the submissions, it was a pleasure to see you put in the effort and I hope everyone got something out of it!
Happy Coding,
Simon
The post Devdactic Challenge #1: Build a Calculator with Ionic appeared first on Devdactic.