Tag Archives: meetup

Yay for new peeps!

Have you ever read the Alchemist? There’s a famous line from it that goes something like

“And, when you want something, all the universe conspires in helping you to achieve it.”

The past 24-hours kinda feel like that.

So, this week I decided to venture out a little. Since I’ve been going through the FreeCodeCamp curriculum, I decided to see if there was a Facebook group in my area and joined it. One of the organizers sent me a friend request and we started chatting about the curriculum. He invited me to the group’s Slack chat (man you’re just not a legit group of developers unless you have a slack chat). A lot of the members were online and someone mentioned something about RSVPing to an event. I clicked through a few links and it turns out it was that night! After coordinating with my husband, and rushing home to get my laptop, there I was sitting in a new-to-me software development MeetUp group.

The people were super friendly. Ironically, the group started because of 3 people who were *also* accepted to the Grow With Google program— but they were doing Front End Web Development while I was working on Android. One of the organizers made a very good presentation on hosting, domains, and DNS and the group was actually engaged! People were asking good questions and they led into really good sidebars.

I left early because I had to run to my parents’ house, but I’m so fucking jazzed about this. My husband has been pushing me to venture out and go to meetups like I did in Chicago, but I had been avoiding it because of time and, tbh, my spirit has been a little crushed lately. For the past year, I’ve worked 7 days a week, averaging 56 hours/week. I’m still working this schedule and I’m pretty tired all the time. It makes me moody and generally unfit for human consumption. I do it because it takes these two jobs to make anywhere close to the same amount of money that I was making in Chicago.

Going through the FreeCodeCamp curriculum and logging my time/lessons has helped me find pockets of time to continue to study. Finding *this* group of straight-up nerds is a fucking godsend and I cannot wait to see what we make and learn from each other.

Speaking of learning, here are my notes from this week’s FCC lessons:

Applied Accessibility
17-Mar 8:45 10:00 1:00 11

“The goal is to make the web more accessible to everyone regardless of abilities. To do this, website content must make semantic sense.

<div> – groups content
<section> – groups related content
<article> – groups independent, self-contained content

Photos need alt text for images that don’t load and for people who are visually impaired and use screen readers. Audio needs alt text for clips that don’t load and transcripts for people who are hard of hearing/deaf. (mind blown)”

18-Mar 21:00 22:01 1:01 11 
date & time tags.”.sr-only {” creates things in the CSS that are only accessible to screen readers and not visually visible to website visitors. contrast ratio for text readability is 4.5:1 contrast for normal text. this is calculated by comparing relative luminance values. white against black creates the strongest contrast @ 21:1. A good way to achieve this is by declaring w/ hsl(). Tabindex tells the visitor’s keyboard what to focus on when tabbing through a website.

Responsive Web Design Principles
19-Mar 18:03 19:03 1:00 4

Responsive Web Design Principles: Create a Media Query (UGH……………. this was difficult to understand. I think I need to realize that I’m given very direct and explicit directions. there are no inferences to make. JUST DO IT EXACTLY AS YOU’RE TOLD.)

The 4 different viewport units are:
vw – viewport width- ie: 10vw – would be 10% of the viewport’s width
vh – viewport height – ie: 3vh – would be 3% of the viewport’s height
vmin – viewport minimum – ie: 70vmin – would be 70% of the viewport’s smaller dimension ( height v width)
vmax – viewport maximum – 100vmax – would be 100% of the viewport’s bigger dimension (height v width)”

CSS Flexbox
20-Mar 21:15 21:55 0:40 17

“Flex, flex-direction/ row, column.
Justify content:
flex-start aligns items to the start of the flex container (row default left, column default top)
flex-end aligns items to the end of the flex container (row default right, column default bottom)
space-between aligns items to the center of the main axis with extra space placed between the items.
space-around similar to space between, but first and last items are not locked to the edges of the container. flex-shrink controls the size of the items when the container shrinks. The flex-grow property controls the size of items when the parent container expands. flex-basis specifies the initial size of the item before CSS makes adjustments with flex-shrink or flex-grow.

ALSOOOO There is a shortcut. The flex-grow, flex-shrink, and flex-basis properties can all be set together by using the flex property. For example– flex: 1 0 10px; will set the item to flex-grow: 1;, flex-shrink: 0;, and flex-basis: 10px;.

align-self : adjust each item’s alignment individually. useful since other adjustment techniques using the CSS properties float, clear, and vertical-align do not work on flex items.

FYI SELF, YOU ARE 22 LESSONS AND 4 PROJECTS AWAY FROM JAVASCRIPT ALGORITHMS

::breathing intensifies::

CSS Grid
22-Mar 22:43 23:17 0:34 10 
“fr : sets the column or row to a fraction of the available space
auto : sets the column or row to the width or height of its content automatically
% : adjusts the column or row to the percent width of its container
grid-gap is a shorthand property for grid-row-gap and grid-column-gap from the previous two challenges that are more convenient to use. If grid-gap has one value, it will create a gap between all rows and columns. However, if there are two values, it will use the first one to set the gap between the rows and the second value for the columns.

Refer to CSS Grid: Use grid-column to Control Spacing for 3×3 grid example… trust me, it’s much better than trying to figure it out in your head.”
—————————–

Wish me luck and lots of sleep.

Code on peeps,

Alex

Advertisements

General Assembly’s Day in the life of a UX Designer

This holiday season, I decided to get into as many intro-to-tech events as I could before the year was up. The second event that I found was hosted by Chicago Startup Community, a meetup group which is focused on helping its members get more involved in the local entrepreneurial scene. The event was a Day in the life of a UX Designer (UXD). The event was hosted at the relatively new General Assembly downtown office. Upon arrival, I could tell that this event was different and it was mostly because of the crowd who attended. A lot of attendees were already in a design-y field or company (mostly on the product or sales side) and they were interested in moving over to UX. For those who don’t know, UX stands for User Experience which involves a person’s behaviors, attitudes, and emotions about using a particular product, system or service. User Experience includes the practical, experiential, affective, meaningful and valuable aspects of human–computer interaction and product ownership (thanks Wikipedia!). While UX has been around under other names such as Information Architecture and User Interface (UI is usually used in when it comes to user-product interactions in the physical world) it is one of the quickest growing fields that touts some of the highest salaries out there.

The panel was composed of people who are currently working in the field– most of which did not have a traditional background in design. For instance, there was only one person with a background in visual design, but others had their backgrounds in electrical engineering, video production, and geology! Of course, now there are opportunities to seek out UX on an academic track, but for the most part they followed their interests within their former positions which is what led them to where they are now. A few takeaways I got from the panel are:

  • UX is a mindset: UXDs are “empathetic problem solvers”.
  • The user is never wrong: There may be a flaw in the design, or perhaps you do not have a grasp on who your true primary user is.
  • There are two main UX work environments: As a UXD you might work at a company whose product is UX design services, therefore you will work with other designers. On the other side of the house, you may work at a company whose product requires UXD maintenance. In that case you might be a department of one and you will work cross departmentally with other people to support the product. Ideally, you would at least be a department of two so that you can bounce ideas off of another UXD
  • You do not need to know how to code: However, the more knowledgeable you are about how code works in the first place, the easier it will be for you to communicate ideas to the developers.
  • Not every project begins with talking to users: There is a process to good UX design, however if you’re working with clients that are coming to you for a service, they might have already done the research and the only thing you’ll have is the data. In other instances, you won’t even have data, you’ll have someone who is supposed to know the users inside and out. The world isn’t perfect, but being able to work these scenarios will make you a much better UXD in the end.
  • Transitioning to UX is like other tech transitions: Read your face off. Make side projects. Repeat. If you’ve got the money and think it’s valuable attend a boot camp.

A final point that was made was that UX Design is a big deal. More and more, companies are paying attention to how it affects the bottom line. Even the C-Suite is a part of meetings regarding UX and business decisions are starting to be made with the data. This is a big deal as it ups the value of the UX department and its staff.

From what I gather to be a full-stack developer it would behove you to have a grasp on what make UX design better than others so while this isn’t my main focus it wouldn’t hurt to keep an ear to the ground for happenings in this field.

This lady has two dates with Ruby!

Typically, I never get my hopes up when I am waitlisted for something (colleges, classes, videogame releases) but THIS time it totally paid off to sign up anyway!  Tomorrow night and all of Saturday I will be joining Bridge Troll for Rails Bridge Chicago, a two-part Ruby on Rails event.  Friday night will be spent doing an install fest and making sure that my laptop is prepped for Saturday–which will be an in-depth introduction to Ruby on Rails. This will be an 8-hour workshop that will hopefully make me smarter than the average bear when it comes to making web apps. Wish me luck!