Pages

Sunday, January 29, 2017

Day 24

Current Project: Local Weather App
Today's Progress: Did some "Intermediate Algorithm Scripting" challenges on FCC and some 'Kata's' on Codewars the last couple of days. Getting better at writing functions.
Thoughts: Yes, you noticed correctly, it's already day 24! I actually didn't stop coding but haven't written a post since Wednesday (day 20). I somewhat forgot about it and haven't felt the need to write something, since there wasn't much going on. I was a bit bored of the weather app so I temporarily switched to the scripting part (on FCC as well as on Codewars). Before moving any further on scripting now I'll first finish the Weather App, to get it off my mind asap.

I think I'll continue to only post an update if I really learned something worth mentioning or finished a project or the like. It'll be more interesting for you and less work for me. ;-)
My plans for the next days:
  • Fulfill the whole user story of the Weather App (2 points left)
  • Work through all "Intermediate Algorithm Scripting" challenges
  • Head First JavaScript Programming" - Continue with Chapter  9

Follow my Pens on Codepen
Follow me on FreeCodeCamp

Wednesday, January 25, 2017

Day 20

Current Project: Local Weather App
Today's Progress: Worked on the "Real Battleship Game". It's almost finished!

Feel free to give it a try: https://codepen.io/pennyJack/full/WRjqyy/
Thoughts: Didn't make it through the chapter since I took my time trying to code everything myself first. It wasn't quite as eloquent as the solution but at least most of it worked!
My plans for the next days:

Follow my Pens on Codepen
Follow me on FreeCodeCamp

Tuesday, January 24, 2017

Day19

Current Project: Local Weather App
Today's Progress: Did mostly theory stuff today, but couldn't make it through chapter 8 entirely. Still trying to code the examples in the book upfront to better internalize the content.
Thoughts: I'm going to finish the current chapter tomorrow and then put the book aside for a moment to seriously continue practicing, primarily with FreeCodeCamp's curriculum. I think the following chapters (i.e. 9 to the end) aren't of much value yet, since I can't put them to use right now and when I'm going to need the knowledge someday, most of it will probably be gone by then (as it is almost always the case with stuff you learn in advance). So I'll continue reading when the time has come.
My plans for the next days:

Follow my Pens on Codepen
Follow me on FreeCodeCamp

Monday, January 23, 2017

Day 18

Current Project: Local Weather App
Today's Progress: Back to business after a weekend "away from keyboard". I was visiting an old friend so it would have been a bit rude if I would have coded at his place. ;) But still managed to read a bit about the "Document Object Model" and "type conversion" (chapter 6 and 7 of the Head First book below). Started with chapter 8 today: Building a Real Battleship game! Woohoo! Also made my Weather App work, that is successfully receiving JSON (which actually wasn't very hard, after all the experimenting with my Random Quote Machine). But it's still not complete yet.
Thoughts: Feels great to wrote some actual code again!
My plans for the next days:

Follow my Pens on Codepen
Follow me on FreeCodeCamp

Thursday, January 19, 2017

Day 17:

Current Project: Local Weather App
Today's Progress: Read a few pages of my book and tinkered with flexbox. That's basically it for today!
Thoughts: Progress is slow. I somehow lost my pace a bit. That sure bugs me ...
My plans for the next days:

Follow my Pens on Codepen
Follow me on FreeCodeCamp

Wednesday, January 18, 2017

Day 16

Current Project: Local Weather App
Today's Progress: Finally finished all the exercises in chapter 4 of the "Head First" book (see below) and tried to further abstract the code. I always try to come up with an answer myself before looking at any examples or solutions! If you did it yourself, on the one hand it actually feels better and on the other hand you probably remember a lot more. Also read about flexbox but I'm not finished yet.
Thoughts: Good night and see you tomorrow! :)
My plans for the next days:
  • Finish guide on flexbox (there are a bunch of spelling mistakes in it, but he's pretty good at getting to the point!)
  • Lay out the basic page design for the Local Weater App (using flexbox)
  • "Head First JavaScript Programming" - Chapter 5
  • Refactor code of RQM (optional)

Follow my Pens on Codepen
Follow me on FreeCodeCamp

Tuesday, January 17, 2017

Day 15

Current Project: Local Weather App
Today's Progress: Coded a bit on some old projects of mine, nothing special. Unfortunately I hadn't much time to really dive into the Weather App today, but guess coding at least something is better than not coding at all. ;)
Thoughts: Well, my plans basically haven't change much due to my lack of time today. Tomorrow is going to be a lot better and I can finally focus on my to-dos.
My plans for tomorrow:
  • Lay out the basic page design for the Local Weater App (either using Bootstrap or flexbox (if not too cumbersome to pick up) or even maybe both (if possible?))
  • Begin reading the guide about flexbox
  • Continue a bit on theory ("Head First JavaScript Programming")
  • Refactor code of RQM (optional)

Follow my Pens on Codepen
Follow me on FreeCodeCamp

Monday, January 16, 2017

Day 14

Current Project: Local Weather App
Today's Progress: Didn't do much refactoring and "pimping" like I planned. In fact, I spent more time digging for more ways to implement an API. But that is going to end as of now, because it doesn't add much value anymore. I also decided to skip the "pimping part" for the RQM for the moment and better start off with the Local Weather App to keep the current traction.
Thoughts: If it comes to laying out a page (like a simple one for the Local Weather App or the RQM) I would like to know more about "flexbox", as it seems to be one of the futures' mandatory css toolkits (probably in conjunction with "Grid"). Just a couple of days ago a camper actually released quite a comprehensive guide to flexbox. I'll probably check it out!
My plans for tomorrow:
  • Refactor code (RQM)
  • Lay out the basic page design for the Local Weater App (either using Bootstrap or flexbox (if not too cumbersome to pick up) or even maybe both (if possible?))
  • Begin reading the guide about flexbox
  • Continue a bit on theory ("Head First JavaScript Programming")

Follow my Pens on Codepen
Follow me on FreeCodeCamp

Sunday, January 15, 2017

Day 13

Current Project: Random Quote Machine
Today's Progress: I already made the RQM work, but a nagging question remained. What if CORS doesn't work, either because it isn't supported by an older browsers or the server simply doesn't allow a cross-origin request (i.e. the header 'Access-Control-Allow-Origin' isn't properly set server-side)? So I toyed around with different approaches to circumvent the same-origin policy (also played with jQuery methods and their parameters), like JSONP or a regular Pen as a rescource. Both worked pretty well, that is I got at least a successful respone from the server which I could console.log (didn't build the full app each time).

Important note: If you want to test my RQMs, make sure that your URL uses the proper protocol (http://codepen.io/pennyJack/...) Since the APIs I found both use 'http' but the application is run on codepen using 'https' by default, it will result in an error, like this:

"Mixed Content: The page at 'https://codepen.io/pennyJack/pen/GrqOdV' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&_=1484558978794'. This request has been blocked; the content must be served over HTTPS."

By the way, using the proxy 'https://crossorigin.me' as a workaround didn't work at all (see this article). Maybe you got an idea? Please share it in the comment section below (or any other thougths)!
Thoughts: That's it for now. I'll continue working on my layout, since it still looks pretty shitty and maybe trying to refactor some of my code by looking at some JS of other campers' RQM code.
My plans for tomorrow:

Follow my Pens on Codepen
Follow me on FreeCodeCamp

Saturday, January 14, 2017

Day 12

Current Project: Random Quote Machine
Today's Progress: Added the Twitter Button today and thus finally completed the project. It's not particularly pretty yet but it's fully fuctionally. Check it out on Codepen and leave a comment below what you think. Feedback on code is highly appreciatd!!!
Thoughts: Best feeling when you finally nailed it! ;)
My plans for tomorrow:

Follow my Pens on Codepen
Follow me on FreeCodeCamp

Friday, January 13, 2017

Day 11

Current Project: Random Quote Machine
Today's Progress: Worked on my layout and better functionality.
Thoughts: Progress is slow (at least it pretty much feels that way) but somewhat steady.
Would appreciate if you'd leave a comment below! :)
My plans for tomorrow:
  • Implement the Twitter Button
  • Pimp my layout
  • Further develop a better understanding
Follow my Pens on Codepen
Follow me on FreeCodeCamp
See my older posts on GitHub 

Thursday, January 12, 2017

Day 10

Current Project: Random Quote Machine
Today's Progress: Still confused, trying to figure out what's going on behind the curtain. Actually I made the Random Quote Machine work today, by finding a proper API on Quotes on design. I think I'll stick with it and continue coding on my project.
Thoughts: The main problem I have been grappling with has something to do with the so called Same-origin policy, which basically doesn't allow some script of one webpage to access data on another, unless is has the same "origin". Since my application is going to eventually run on Codepen (i.e. another page with a different origin than the API), I had to fix it. Apparently there are some ways to work around this issue, like using JSONP or having an API that supports CORS (at least that's my understanding). I don't fully comprehend why it's working now, but since it does I can finally proceed.
Would appreciate if you'd leave a comment below! :)
My plans for tomorrow:
  • Continue coding
  • Further develop a better understanding (found some good resources)
Follow my Pens on Codepen
Follow me on FreeCodeCamp
See my older posts on GitHub