C’mon part two of phase two

So, so close to being done with the first part of Skillcrush’s phase two. Phase two is where you choose a developer or design track. There’s required courses for both tracks, and after you’ve done them, you have a counseling session, and then can continue on with some specialization courses. Since I want to learn ALL THE THINGS, I have signed up for some specialization courses (WordPress, Ruby, Ruby on Rails, etc.)

To get to my career counseling session, I needed to get done a “client project,” which for me turned into re-vamping a friend’s website, using stuff I’ve learned in Bootstrap. Took longer than I thought (why am I surprised by this?!) but I am thisclose to getting it up on a hosted Github page.

I also made a mock-up of the site using a template from one of the many mock-ups found online. Have wanted to fiddle with one of these for some time, so nice to actually get a chance to do it:

FANCY

Once it’s up, I can have my counseling session – talk one on one with a Skillcrush instructor – and move on the 2nd part of phase two, the specialization courses.

(And shout-out to Ann, one of the Skillcrush teachers who answers questions on the Git/Github Slack channel, for helping to me to figure out git weirdness – apparently I’d managed to put git on my main users file. How I managed to do that, not quite sure ….)

Also shared a bit in the Fears Slack channel about how I am sometimes overwhelmed by thought of – will I ever feel ready/confident to job hunt? Assuming I actually look, will anyone actually hire me? How can I learn ALL THE THINGS first?

This is by no means a new fear never expressed before; imposter syndrome comes up not infrequently in the channels in Skillcrush. Still pretty paralyzing while you’re in it, though. And really, all I can do is keep on keeping on. Here I go!

Progress

Have made some progress and am feeling good about it. Felt quite stuck with where I was in the Responsive Web Design class on Skillcrush, but went back into and moved forward quite a bit. This is the re-do of the class with flexbox incorporated, and not just as an add-on at the end. It’s been great (and of course frustrating as I am still learning) to build another site. The last version of the class had a website called Unplugged, about music. After messing with it for such a long time, I was SO sick of looking at it, and truly not looking forward to seeing the images/code again. But, huzzah, they have now changed it to a website for a corporate retreat place called Unplugged. Did a little happy dance when I realized it was going to be different.

Want to finish the three remaining projects in the Bootstrap class I’m taking online at Udemy (I finished the second but didn’t blog about it), hoping I can bang the next one out tomorrow.

I built a website for a friend ages ago on Wix. She has some exciting stuff coming up – a new online course in writing memoir! – and she’d gotten a promo video from the company to share. I went into her account to upload it, and while I was there basically did quite a bit of change, all in a couple of hours. This time around I knew to think about making the font size actually legible, and to take a keen look at the mobile version to make sure it looked good.

She’s pleased; I’m pleased.

I want to code the site from scratch at some point, but that hasn’t happened yet! https://www.emilyrappblack.com/

Watched a super cool video today about variable fonts, about which I know very very little, but this makes me want to learn more! It also for sure makes me want to learn about animation.

LoopLAB – 1st Bootstrap project complete

So, huzzah, I’ve been busting my ass powering through the Udemy Bootstrap course and have completed the 1st project, a website for a fictitious company called LoopLAB.

Bummed it contains regular lorem ipsum and not kitty ipsum but ok. Hopefully Emmett will get on that soon.

Very happy this morning in that I figured out why some things weren’t working. Happy to have figured it, but also feeling like a dope as to what the problem was.

The cool jQuery stuff won’t work if you inadvertently delete your link to jQuery. Duh.

Two of those cool things are scrollspy and smooth scrolling. Very fancy.

Now to back it up to Github and off to the second project!

Hey there, 2019

Goodness, can’t believe it’s been almost a month since I’ve posted! Yay for 2019!!

I am unbelievable lucky in having a day job that gives two weeks off (for everyone) over xmas and new year’s. This is awesome in many ways, not the least of which is that you’re not the only one NOT working, so there’s less of that feeling of – omg, when I get back, I am going to have SO much to catch up.

Usually during this break, there’s holiday craziness and associated holiday travel. This year was no exception, and all the learning-to-code work that I thought I was going to get in over the break – well, HAHAHAHAHA.

BUT I have two days left and I am digging in.

Took a stab at doing the bootstrap version of my friend’s business site, and realized while I get it all in theory, I was not sure how to actually begin. I’ve signed up for a Udemy course on Bootstrap, “Bootstrap 4 From Scratch with 5 Projects,” by Brad Traversy of Traversy Media. (In addition to authoring a bunch of courses on Udemy, Traversy Media has a YouTube channel, which looks like it has a ton of helpful videos).

The course basically drills you through all the things that Bootstap can do, broken up in 4 different categories – Utilities, CSS Components, Grid & Flexbox, and JavaScript Widgets, broken down into various items – basic typography, sizing, navbar, alerts & progress, cards, etc. When I’m done I’ll have great reference code of all the classes etc. I’m about halfway through the CSS Components category.

The course has felt a little tedious with all the drilling, but I know it will be very helpful to me to learn and to get it into my brain. I can see how this course might not work for someone who doesn’t already have an html/css background and doesn’t really understand where all the classes etc. are leading to. But I’m really glad to have found it, and on sale, too!

We’re using Visual Studio Code for the text editor, which is great as I haven’t used it before. In working with the re-do of the “Coding Responsive Websites” course over on Skillcrush, I’ve been working with Brackets, just to try and test all the text editors out. More on the Responsive class in a future post …

I’m also psyched that there are 5 projects of different kinds and complexity. I may start the first one just to give myself a break from all the drilling ….

Another piece that will be in one of the projects in working a bit with SASS, which I want to know/learn more about it. Apparently one of the things we will do with SASS is to change the default color scheme of primary, danger, warning, info, etc. This is great in that I am getting SO sick of looking these colors:

can’t wait to change these dudes ….

Flex boxing & Boot strapping

So this happened:

screen-shot-2018-12-06-at-9-35-10-pm-e1544220215933.png
yes, it’s animated

Whoo-hoo! And then two other exciting/interesting things happened as well –

  1. The biggest portion of the class was working with a PSD and coding it out responsively. After that, there were a few sections on working with flexbox. The flexbox stuff was great – more on that in a min – but it was weird that it didn’t come BEFORE the main project, so that you could include flexbox in replicating the PSD. Just as I was wrapping up the course, a message came in through Slack that they are revamping a big chunk of the course – specifically to spend time on flexbox BEFORE the big project, and apparently other changes as well. I haven’t logged in yet to the new course but am excited to see what’s there now and to learn MORE OF THE THINGS.
  2. In the last class of the above course, there was a one hour video with Laurence Bradford, talking about Bootstrap and how to use it. And I gotta say, it got me kind of pumped. I really liked how Laurence pointed out that this might be a helpful resource for non-designer dev types – that you get to prototype something rather quickly as you can spend less time on doing every little bit of css from scratch. Which I find appealing as I don’t think design is my strong suit – at least not with a totally empty canvas. If I can get a bit of a layout and what goes where I’d feel better about then trying to make it look pretty.

Basically there are a ton of things I want to do and not sure which to do first and how to keep my enthusiasm up.

Re: #1, in the flexbox portion of the class, you work with a pretty basic template that could be used as a starter point for a site, that looks decent and just gets it done. I want to use said template to fix my personal site, which is in a sorry non-responsive state and doesn’t say much of anything. I need to GET ON IT and stop overthinking what it says and just get it done and up.

Need to take round two of responsive class, very psyched to see what’s in there now. After the class, there is an assessment for phase two, which I am kind of chomping at the bit to take now, although it probably makes sense to do after class re-do.

Bootstrap! Would like to start playing with it for a re-do of a friend’s website – they did it in WordPress very quickly and are not happy with it. Think I could make some good improvements to it and learn bootstrap at the same time, and they will be happy to yaaaaay!

Once my personal site is done, and hopefully after I’ve finished said re-do of website and can talk about it on my personal page, I want to complete my profile on Upwork. There’s been some chatter in Slack about students with not very much experience finding work there – small projects – and I’d love to get in on that if I can because why not? Part of this issue, honestly, is getting a decent headshot of myself that isn’t weirdly pixely and also doesn’t clearly indicated that I’ve had to crop someone else out.  I hate looking at pictures of myself, although looking in the mirror is totally fine. As above, though, I just need to GET IT DONE as I don’t want it to be the thing that holds everything up.

And then onto additional phase two courses, yay! on WordPress and Ruby and other things.

Haven’t gotten to a dang meet-up yet, but have one in the calendar in about a week and a half, on I-can’t-even-remember-now but something cool.

Things I’ve Learned: 2 Monitors Are Better Than 1

Kudos to the folks in the general channel of Skillcrush’s Slack channel for having a thread about working with two monitors. At my day job I have two monitors, everyone does, and we’re mostly just doing boring Word/Excel/internet stuff. Switching between Chrome, photoshop, Atom and iTunes and others was really annoying and slowing me down on my (pretty small) MacBook Pro. Found an Acer monitor for less than $100 online, conferred with a friend on getting the right adapter, got them both, and it’s MUCH much better. Yay!

IMG_4790
Note as well sweet neon cactus sale purchase from Target.

Things are going more slowly than I would like, classwork-wise, although I also feel like I keep saying that. I was super excited for this Responsive class – still am – but am just slogging. I partly blame weather (winter, grey skies, less sun) and the holiday crazies. This time of year is really hard for me to stay motivated with so little sun (hence, neon cactuses and other light sources that I try to keep blaring into my face practically at all times.)

But I am 63% done – lesson 9 of 15 – of the Responsive class, and I have got to get back into the groove. Really hoping the dual monitor situation will help out a bit.

Have been thinking as well about what comes after this class. For the next project we are supposed to find a simple project that we get paid for, somewhere around $50 – $75. Not sure at all how I will approach that just yet. I think when this class is done I want to revisit my own website, start from scratch, and make it responsive.

Bummed that I have not yet made it to a meet-up. The next one I was planning to go to early next month was on the changes in ES6 for Javascript. Have realized that I have a conflict with an event with my kiddo, which comes first.  Hoping that they offer it again!

Friends don’t let friends code tired

And I’ve been lots of tired lately. Kind of bummed about my not-so-speedy progress, but progress is at least being made.

Finally wrapped up JavaScript class and all projects in it. Without a doubt I need to do more practice/study in it to feel like I have a handle on it. Heading to two JavaScript related meet-ups next month – I hope – the one I’d hoped to do this month got cancelled – to get more comfortable in it.

Went ahead started the responsive class while still wrapping up JavaScript as just super interested to jump in. First big project is to take a site we all coded in the HTML intro course and make it mobile-first and then also responsive. I think I’ve accomplished the mobile part, but first attempts at media queries for tablet and desktop were no so successful. Need to get back in to give it another whack, but, see above title.

I’ve also signed up for a course through Udemy on using Chrome Dev Tools. We for sure have talked about it in the Skillcrush classes, but I’m not sure I’m using it to it’s full potential (while googling for some info on the topic, I did watch a brief video about using Dev Tools to debug JavaScript which, hey, is good to know if I ever feel like I’ve gotten the hang of coding in that. )

Another reason I wanted to take a Dev Tools course is that it seems like the most often given piece of advice from the teachers of this class when folks ask a question is: Test it out in Dev Tools! Which I can appreciate, sure, but it also seems like just answering a question or two in a straightforward manner would be occasionally really helpful.

It’s like: I can’t turn on my computer, what do I do? Test it out in Dev Tools! …… no.