Tuesday, June 30, 2015

Week 1 Day 2

Today, I continued with my amateur sports app that I began yesterday. I chose this app idea because I thought that it would be less graphically challenging as it would just be a series of menus,  but it would have some interesting data concepts and many directions for expansion. Instead of talking about the app overall, I thought that I would talk about some of the problems I ran into because of my lack of experience in JavaScript. If nothing else, I have come to understand how webpage development can take a long time.
The first thing that I wanted to do today was to make my "rosters" persistent. The rosters are a key aspect to my program, as the whole point of the program is to track players and their progress over the season. For this task I decided to use local storage as I read about it in this tutorial. http://www.openbookproject.net/tutorials/fxos/. I store all of my rosters in a JavaScript object, and as soon as I implemented local storage, everything became undefined. I eventually realized that local storage did not store objects as objects, but as strings, so I had to use the stringify and parse methods to save the data.
Next I wanted to make my newly persistent rosters appear in an unordered list. As of now I have barely any css so keep in mind this is all pretty bare. I was able to do this fairly easily until I wanted to be able to delete rosters as well. I was having issues here until I realized that I was mutating a copy of my local storage roster object not the object itself. For a fix I just made a setter method that was easy to use.
By the end of today, I have a method to add and delete rosters, with the ability to add members to a current roster as well.
The next couple steps are:
Figure out the right way to switch pages using JavaScript and HTML, as currently I use the show and hide methods, and I am almost positive that this is one of the worst possible ways to do it, but it works for now.
Get the project up on github
Enable editing individual names and deleting individual names in a roster
Begin to add terms and scoring methods
Add styling to the app.
See you tomorrow.

Monday, June 29, 2015

Week 1 Day 1

Hello,

This is my first day learning about FXOS applications. I have limited knowledge of HTML and css, as I have taken a Codecademy class and started a Khan Academy class about JavaScript, HTML and css integration in web pages. I have programmed an application for android in Java, and followed along with an Artificial Intelligence class in python through the website EDX. I made a very simple connect four game using canvas and JavaScript, but have never officially made an HTML, css and JavaScript application. I am very excited to learn how to code on this emerging platform, as this experience will translate into experience in web app development as well. Today I started out going through a tutorial created by a fellow student about programming an application at http://www.openbookproject.net/tutorials/fxos/index.html. I had a little trouble understanding the end of the tutorial, however I plan to start to design an application that will allow me to apply what I learned to an application of my choosing. I am excited to start and I will see you next time,

Eric