Category: Computer Coding & Web Design

Computer screen with computer code. Javascript and HTML.

My journey as I learn computer coding to become a web designer after I retire from teaching. Join me as I share my successes and my obstacles. I’ve been working on tutorials with FreeCodeCamp. Hopefully, I will reach my goal within the next few years.

Hijacked by the “White Screen of Death!”

Computer Coding & Web Design / Featured Posts / Life Lessons2 Comments

How can a weekend that started with a 1.5-hour massage and a relaxing graduation party end up crappy? Well, thanks to the “White Screen of Death” my relaxing weekend turned into an endless puzzle. First, let me say that my blog silence was not planned this weekend. It happened because …

#100DaysOfCode : Cheatsheets!

About Me: Bovary / Computer Coding & Web Design / Featured Posts

I love Web Coding Cheatsheets! However, I always lose track of where I’ve bookmarked them. So, when I found these two with embed codes, I decided to share them in a post. Of course, now I’ll know where to find them. The first one is an HTML5 Tags Cheatsheet. HTML5 …

R1Day7: Playing with Flexbox Froggy

About Me: Bovary / Computer Coding & Web Design / Featured Posts / FreeCodeCamp

My #100DaysofCode R1ReDo has been moving slowly, but at least it’s moving. I tried out CSS Grid Garden in January. However, I put my coding aside to deal with a health issue. Now that I’m recovering on medical leave, I’m more determined to be consistent with learning how to code. (Well, at least for these next two weeks.) Today, Day 7, I decided to play around with Flexbox Froggy. Then, I worked on my JavaScript tutorials on FreeCodeCamp.org. I needed to review the basics before I started working on my projects again. Flexbox seemed like a great place to start. Those little frogs were very helpful!

Stuck in Grid Garden: Day3ReBoot #100DaysOfCode

Computer Coding & Web Design / Featured Posts / Life Lessons

Bitmoji of Black Woman with locs sitting at a desk with papers saying she doesn’t get it.

I should’ve known today would be tough. As I started my CSS Grid Garden puzzles, my WiFi went out. (My account said it was working, my devices said Nope!) I had 5 more puzzles left (#25-28), so of course, my modem would act up. After ten minutes of restarting my modem and Roku (was watching Midsomer Murders), I was ready to code my grid garden. My fun didn’t last long. I got stuck on Puzzle 26. I understood and completed puzzles 25 and 27. However, for 26, I couldn’t get the pixels (px) and fractional (fr) parts correct to water everything except for the top 50px of the garden. I’m still stuck! Hopefully, I’ll be able to figure it out tomorrow, so I can move on to #28.

Grid Garden – A game for learning CSS grid

Computer Coding & Web Design / Featured Posts

A game for learning CSS grid layout

Source: Grid Garden – A game for learning CSS grid

I spent Day 1 of my #100DaysofCode Reboot reviewing CSS Grid.  This game helped me to get back into coding after stopping for a few months. I had fun playing this game, watering my carrots and killing my weeds. (The easiest garden I’ve ever maintained.) I’ve read the articles on Medium and on different websites. They’ve all been informative and helpful. However, as a visual learner, I needed just a little bit more reinforcement. I found it easier to understand the code as I was moving water and weed killer between the columns and rows. Today I finally got it! I made it through Level 6 today. Hopefully, by the end of the weekend, I’ll finish all 24 levels. Then, I’ll be ready to start some new projects on Codepen. If you need me, I’ll be playing in my garden.

 

JavaScript Round 2: #100DaysOfCode ReBoot

Computer Coding & Web Design / Featured Posts / FreeCodeCamp / Lifestyle

It is not wrong to go back to that which you have forgotten.— West African proverb It’s been awhile since I’ve talked about my progress in with coding. In fact, when I checked into FreeCodeCamp almost two weeks ago (01/07/18), my last visit was in August. That was the last time I …