Web Development Guide 2017 by Globby Vision

globby-vision-1-safe

Globby Vision’s 23 minute video “Web Development Guide 2017” is super helpful for visually organizing all the programming language buzzwords you have going on in your head as well as getting the latest update about how these languages are trending for 2017.

It starts off with basic web development, then Front End and Back End, and ends with Dev Ops.  Definitely a video I’ll be re-watching throughout the new year.

Advertisements

Fun Skillcrush Responsive Design Activity

As discussed in a previous post I am currently making my way through the second course of my online WordPress bootcamp (Skillcrush), Responsive Web Development.  After learning enough of the basics in the first course to launch a static site (melindagordon.online), I knew that I’d have to finally tackle responsive design next and I was (a bit still am but less so) pretty intimidated.  In the first week Skillcrush introduced a simple exercise that made the topic a lot more approachable for me, and I want to share that with you.

The Skillcrush explanation in a nutshell is that the current approach is to design a site “mobile first.”  Basically create a site specifically for the smallest screen your users will have.  Then, use “break points” representing a jump in screen size like mobile to tablet, tablet to laptop, and laptop to desktop.  You modify your design as needed for the new screen type, translate it to CSS, and then stick it at the end of your existing CSS for mobile.  Set that segment of your CSS to kick in only when the user’s screen size hits a specified break point.  Rinse and repeat.

If you want to know what I am talking about just minimize your browser window so it looks the size of your smartphone, then stretch it out and watch things happen (assuming you are looking at a responsive site of course).

Anyway so to make their point clear they had us to do an activity where we divided the web page into different colored blocks and then change the blocks to a different set of colors for each of the major breaking points.  Very simple but also very cool for a newbie to get to see.  Here is my example:

Mobile

mobile

Tablet:

tablet-safe

Laptop:

laptop-safe

See how the “site” goes from one column, to two columns, to three?  This is something I had seen many times before with actual websites but stripping out the content and just looking at the colors made it seem a lot less scary – hope it does for you too!

Code Newbie Podcast Goal

code-newbie-podcast-safe

As I neared completing all of the available episodes of the Learn to Code with Me podcast I started to become concerned about what I would listen to when I was all caught up.  There are still new Learn to Code with Me episodes being created, but not at the rate that I was consuming them.  Thankfully this happened:

ltcwm-safe

Laurence had a guest on her show named Saron Yitbarek who apparently has a podcast of her own.  I crossed my fingers that I would like it and really lucked out.  I LOVE the code newbie podcast.  I love it so much in fact that I had barely finished a couple episodes before booking a ticket to the Codeland conference in New York in April.  It is the first Code Newbie conference (you can still make plans to go!) and I could not be more excited.

So I just finished by 50th episode of the Code Newbie podcast.  As of today there are 118 episodes with a new one published every Monday.  My goal is to be completely caught up by the time I show up to the Codeland conference in April.  That’s a lot of podcasting!  Wish me luck 🙂

P.S. One of the best things about the Code Newbie podcast is the way Saron ends every episode with “Shoutouts.”  Both Saron and her guest name a few cool resources they love.  Saron publishes the shoutouts in the episode show notes along with any other resources that came up during the course of the episode.  These resources are always so cool and interesting that my OTHER goal is to eventually go through each one and test them all out for myself, while also doing some research to find out what those guests are up to today (while posting about it here of course!).  Stay tuned!

Watch This! CSS-Only Christmas Lights

I love this video!  It is soooo hard to find a YouTube video these days that is a straight to the point, no-time-wasted-yet-still-clear walk through of something and this one by The Net Ninja totally delivers.  I am a subscriber of The Net Ninja but I haven’t watched too much of his stuff yet.  After this video I definitely will!

Check out his first video in a CSS Tips & Tricks series for a fun 15 minute demo of making a string of flashing Christmas lights using just HTML and CSS.

Galvanize: Intro to JavaScript

galvanize-safe

Tonight I went to a free Introduction to JavaScript course courtesy of Galvanize Seattle.  Free for everyone, not me in particular, just in case you thought I had that kind of pull in this town 🙂

This is my third visit to the Seattle Galvanize campus.  The first time I popped in during an art walk hoping they’d let me take a look around (they didn’t)  and the second time I went to an info session for their Web Development Immersive.  I realize they do these free sessions for business reasons and not just out of the kindness of their hearts, but I still think it is a really cool thing for the community and I am happy to take advantage of it.

As expected we learned the very, very basics of JavaScript, but what wasn’t expected was the level of support in the room – the community evangelist (I think that is the right title) was there to give us an intro and there was also an instructor and three student helpers.

We walked away with a scrappy but fun rock, paper, scissors application and knowledge of some basic syntax and variables.  Also there was free coffee and snacks.  If you are in Seattle go check out one of their many free events!  Galvanize has campuses in other U.S. cities so if you are in Austin, Phoenix, New York, etc. you could also check them out.