This second project was a great learning experience. We had to develop an online version of our resume and most of the action came from JavaScript. Our main index.html was just a skeleton file and most of the page was being populated by JavaScript functions that were reading JSON data.
Resume data is stored in JSON format which provides a key-value pair from of data structure, with the addition that 'values' can hold functions in them.
We used JQuery to access DOM elements and append formatted JSON data into them.
I tweaked the CSS layout a little bit to give the resume a better look and feel.
I explored the d3js library a little bit to add a 'skills chart' to my resume. The d3.js library enables data to be represented in a graphical form. I used a simple example included in the tutorials and modified it to make a bar chart to represent my skills. A higher bar represents a higher command on the particular skill.
Before I started this Nano-Degree, I had bought a Web Development course at Udemy. The course had a good introduction to common javascript and jquery functions and made my course experience for the same at Udacity all the more easier!
Resume data is stored in JSON format which provides a key-value pair from of data structure, with the addition that 'values' can hold functions in them.
We used JQuery to access DOM elements and append formatted JSON data into them.
I tweaked the CSS layout a little bit to give the resume a better look and feel.
I explored the d3js library a little bit to add a 'skills chart' to my resume. The d3.js library enables data to be represented in a graphical form. I used a simple example included in the tutorials and modified it to make a bar chart to represent my skills. A higher bar represents a higher command on the particular skill.
Before I started this Nano-Degree, I had bought a Web Development course at Udemy. The course had a good introduction to common javascript and jquery functions and made my course experience for the same at Udacity all the more easier!
No comments:
Post a Comment