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

The Importance of Git and GitHub

Today is the first day of my coding boot camp, and so far it had been a fun challenge. The concept for today was to learn how to use Git and GitHub.

As a prospecting developer, the instructors stressed the importance of learning how to traverse and read our file system within the computer. There are two types of methods that we can use to navigate our file system: Graphical User Interface (GUI) and command line interface (CLI). If you own a Microsoft laptop, you would find that you can navigate your files via GUI simply by clicking on a Document folder or even a Music folder. However, on the other hand, you use CLI via the terminal to access these files as well. “The CLI provides a text-based interface that utilizes a special programming language called “Bash.” The CLI is considerably more powerful than Finder, and most programmers prefer it for managing projects and for interacting with tools like Git” (The Iron Yard).

Since I was used to Graphical User Interface, it was time to use the command line interface and make that second-nature to me in terms of using it and writing codes.

As it turned out, Git is a program where it allows people to create codes on their local repository. When the code meets the developer’s satisfaction, then they can push that code to the remote repository which is where GitHub comes in. Keep in mind–any changes we do to the codes within Git, it does NOT affect what happens to the codes in GitHub. GitHub is a great tool to use for developers to collaborate on a single project. It not only allow us to push our code into the remote repository, it also allows us to pull that code from the remote repository into our local repository to see what we can work with.

The Iron Yard not only uses us the ways of using Git and GitHub via terminal, they also teaches us the best practices of how to handle collaboration. That’s why when I learned how to create my own local and remote repositories–I also learned to collaborate with others using my local repository to a single repository that other developers are using as well. We needed to learn how to communicate the technicality of pushing, pulling, adding, deleting files and folders.

It made me feel good knowing that there is a website that serves to make collaboration between developers a smooth ride. Sure–there will be a stumble here and there, but that’s the point of collaboration–we just need to step away from the computer and discuss with other developers in person to see what we can do to make it work!

There’s several more concepts that I learned regarding Gits and GitHubs but I will get to those in later post as well.

Otherwise, this post would’ve become an extremely long post!