This was the second version of the first project and I put in a lot of hours in this. If I had any doubts about pursuing this field, they were gone after I did this project. It was challenging and I thoroughly enjoyed doing it.
Even though the task at hand was fairly similar to the first version, there was an addition of the automatic grader. Now this was fun! Nothing like getting your work instantly checked.
So, we were given a design template and we had to reproduce it in HTML and ensure a fairly close resemblance to the design. The automatic grader gives a mismatch percentage between out HTML reproduction and the actual design.
It was a lot of iterations to finally make it below 8%. When I first submitted my code I got a 23% mismatch. I thought my HTML looked fairly similar to the template but since I got that much mismatch, I looked closely at my work and was able to identify some basics mistakes I was making. That brought my mismatch down to around 9% and after this point, it was quite a struggle to bring the mismatch down to 8%.
So I learnt a lot while I was going from 23% down to 9% and not so much after that. Most of what I changed to go from 9% to 7.8% were small pixel changes, padding, margins etc all increased a bit here or decreased here by. It was also a LOT of guess work and hours spent. It seemed like a waste of time to focus on such small changes and spend so much time on them and I wondered what were industry practices.
One 1:1 appointment session I realized that there is plenty of back and forth that happens between developers and clients and perhaps this is what a mismatch thresh hold of 8% aims to achieve.
Like I mentioned, most of my learning happened while going down from 23% to 9%. This is where I was able to identify mistakes in my basic grid structure, what percentage of the total page to allot to each of the columns/boxes.
Overall, I feel more comfortable working with CSS elements after doing this project.
So I am glad that along came version 2!
Even though the task at hand was fairly similar to the first version, there was an addition of the automatic grader. Now this was fun! Nothing like getting your work instantly checked.
So, we were given a design template and we had to reproduce it in HTML and ensure a fairly close resemblance to the design. The automatic grader gives a mismatch percentage between out HTML reproduction and the actual design.
It was a lot of iterations to finally make it below 8%. When I first submitted my code I got a 23% mismatch. I thought my HTML looked fairly similar to the template but since I got that much mismatch, I looked closely at my work and was able to identify some basics mistakes I was making. That brought my mismatch down to around 9% and after this point, it was quite a struggle to bring the mismatch down to 8%.
So I learnt a lot while I was going from 23% down to 9% and not so much after that. Most of what I changed to go from 9% to 7.8% were small pixel changes, padding, margins etc all increased a bit here or decreased here by. It was also a LOT of guess work and hours spent. It seemed like a waste of time to focus on such small changes and spend so much time on them and I wondered what were industry practices.
One 1:1 appointment session I realized that there is plenty of back and forth that happens between developers and clients and perhaps this is what a mismatch thresh hold of 8% aims to achieve.
Like I mentioned, most of my learning happened while going down from 23% to 9%. This is where I was able to identify mistakes in my basic grid structure, what percentage of the total page to allot to each of the columns/boxes.
Overall, I feel more comfortable working with CSS elements after doing this project.
So I am glad that along came version 2!
No comments:
Post a Comment