Work that Flexbox!

The last few days we’ve been working with CSS coding and learned the art of FlexBoxing the webpage. I will have to get this off my chest:

Flexbox is not my to go to coding for web design.

Perhaps I will use it strictly for navigation bar or perhaps an image gallery (although I think that can get complex really, really fast). As far as I understand–this new method of creating a layout of the webpage is new and will have some glitches here and there. Perhaps in time, the developers who designed Flexbox will improve its usability or it may be done away.

However, I am extremely happy with the outcome of my  first weekly project that definitely contained the use of Flexbox. I had to create a webpage base on the mockup that the instructors provided for us. While in the middle a fight with flexbox layout, I somehow stumbled and realized I had the images accurately ratio-sized and at the height I was attempting for to replicate the way the mockup was designed. I had to go back and re-read what I just did until I understood what I did. It was a thrilling moment to have when I had the “ah-ah” moment after some serious coding (especially when I did a complete redo of the weekly project!).

I do admit that Flexbox was a fun challenge and it was also great to learn a new way to style a webpage. While I haven’t learned the Grid layout–I think I just may prefer that over the Flexbox

Coding Terminology

I am still doing some pre-work assignments provided by the Iron Yard. So far, it had been an easy ride until I hit some bumps. I’m noticing some various terms being used in the coding world that I’ve heard of but never really knew the meaning behind it.

  • What is API?
  • What is node.js?
  • What is the difference between Java and Javascript?

Knowing how I am, I knew I would go crazy with the research on the three questions I had so far–but I will take it all in a stride. I eventually will understand what they are. After all, I studied and practiced how to do SQL–so, I knew I can figure this out.

Right now, I’m reading up on Atom, a text editor, recommended by Iron Yard. From what I’ve read–it seems like it would create a smooth ride for me to learn how to code using Atom while avoiding issues I could have had with other text editors like browser compatibility. On the plus side, it is open source!

Now…I’m going to learn how to install the Atom text editor and see where that gets me.