Brandon Does a Coding Bootcamp at Tech Elevator - Columbus, OH

Day 51 Responsive Design and Review

23 Mar 2020

In class today, we covered responsive design. Responsive design simple means designing our we applications so that they will look good on mobile, tablet, and computer screens. Steps to acheive responsive design:

  1. Design for mobile first
  2. Avoid fixed dimensions
  3. Design for specific devices
  4. Prioritize content differently for different devices
  5. Use em or rem for sizing instead of px
  6. Use min-width or max-width, but not both

There are also plenty of javascript frameworks that utilize responsive design and make it easy to implement responsiveness in your applications. We will learn one–Vue.js–later on.

The other aspect of responsive design we covered is the CSS Media Query. This is simply conditional CSS which is applied for different size devices. We achieve this by designing first for mobile, and then setting breakpoints where the CSS should change. An example breakpoint: @media only screen and (min-width: 768px) { *tablet specific css here* }

We spent the rest of class designing a simple pirate ship game that allows a user to move a boat around a grid, avoiding pirate ships until it found the treasure. Essentially a simple maze game all using javascript, css, and event listeners. This was great practice and showed how we are ready to start building cool stuff!

I don’t know if I’ve mentioned job seach stuff here much, but it’s time. Ever since I learned about the Coronavirus, I’ve been concerned about how that might effect our job searches. The result is that I’ve been applying to a lot of companies and trying to move forward in my job search independently of Tech Elevator.

Today I had my final round interview with Accenture. I had to prepare a technology showcase and explain how an up and coming technology might help Accenture provide value to a client. Then came there was a round of strengths-based questioning and a few client scenario questions. Overall, the interview was 75 minutes.

Accenture is a global technology consulting company and in Columbus, they work out of an “Innovation Hub” which is structured almost like a small startup inside of a huge company. I’m excited to hear back!

Related Posts