Tuesday
I looked at a drag and drop feature in JavaScript, personally I found the mathematical offset part quite difficult to wrap my head around, so I will definitely need to look at more w3schools to understand it more.
some of the methods used confused me a bit, such as getComputedStyle(), so i hope to practice with them more so that I can remember what each method I need for my assignments does.
thankfully at the end I managed to end up with a successfully working drag and drop website. I also additionally added some sounds corresponding to each Pokémon when the ‘click me’ button was clicked to display a new Pokémon.
in the future I’d like to bring myself to understand more switch case, as I’m currently more comfortable with else if– since I’ve heard from some sources that switch case is more efficient.
Wednesday
On Wednesday I looked at some more JavaScript concepts with Hannah, I was glad that some of the concepts in JavaScript were similar to some python concepts that I’ve already learnt previously. As a class we looked at more else if statements. However, whilst I knew some of the normal operators already, I didn’t know much about the operator combinations below. I’ll try and remember these because I can imagine that they are very useful and are a shorter version of typing than what I currently use (ie: num = num +1;)
afterwards I attended an interactive design lecture, i found it really informative but also very logical. I’ll use the layout techniques (such as using familiarity from other websites to create less confusion) from that lecture in my future websites
Thursday
on Thursday I made a start on my audio player. I did find many of the functions relatively complicated, mostly due to the amount of different constants and methods used, it did seem very logical to me though. Being able to have it explained to me in class really helped, and over the weekend I fixed my sound bar (after all the searching it was because I forgot a single semicolon!) and I also used my code from Tuesday to allow me to drag and drop my audio player anywhere on the website, however due to my layout it took me a while to solve the issue of my drag and drop not working.
currently, I’m not able to switch between songs, but I did manage to have a gif play whenever the song plays, which switches to a still image when paused. It was a bit confusing but now that I’ve implemented it I’m happy because I feel as though I’ve given my audio player a personalised touch. I’ve already gathered my next song and cover/gif images but I’m not sure how to implement them just yet. I’ll hopefully get around to doing that next week as well as fixing my cover image style (when I shrink my screen size, it is not centered within my box DIV)