Day 17 – Devil is in the details & Page 3 of Personal Portfolio Page

Today I built page 3 of my portfolio page.

I encountered so many roadblocks, and many of them in the tiniest things. How come I can’t change the color of the h4 tag? (turns out text-color vs color makes a difference) How do I get rid of the underline of the a tag? How come I can’t put the h tag in the next column?

The last question took me the longest time, I made sure I used the grid system, and some texts was supposed to be the second column … ah … ! That drove me crazy, and I was scratching all over my head trying to figure it out.

Turned out, instead of class=”col-md-6″, i put something like class-“col-md-6”. Of course it won’t work!

Again the devil is in the details. Coding really taught me how to be exact on the small things.

Anyway, couldn’t believe I spent 2 hrs on a friday night coding. Now I think I finally earned me some legitimate youtube video hours!!

Screen Shot 2017-04-28 at 10.58.46 PM

Day 16 Built page two of Personal Portfolio Page – FCC

Today I built page two of my portfolio page! I was able to concentrate more, and get distracted less. At one point, I got so sleepy at 10pm that I just wanted to take a long nap.

But I reminded myself: if it’s not hard, anyone can do it. Train your relentlessness muscle, Joy. Then I got up.

And as I predicted, it only took me 5 min to get back on track again. Because as had happened before, once I got started, I simply couldn’t stop — I just had this strong desire to make things beautiful. And that led me to google, experiment, adjust … I was in the moment.

Screen Shot 2017-04-27 at 11.45.19 PM


Day 14-15 Built Page One of Personal Portfolio Page – FreeCodeCamp

Today is Day 15. I spent day 14 watching youtube videos and felt really empowered to build my own page. But day 15 didn’t happen until almost a week later, and it was always so hard to regain momentum after that long of a break.

I procrastinated. Watched some youtube videos. Read some facebook articles. Baked some yummy kale chips. Even took a 30 min nap at 10pm … ahaha.

But then I started coding again … ! So many questions one after another. How do I keep this background image appear?? Please, can you stay there, just not move while I move the h1 tag? Wait, seriously, just don’t move, I’m adding margin to the block element, not you, background image!

After a lot of googling and creative problem-solving, I somehow made it work! I felt soooo in love with the process in the end, because now my mind was all about making the site pretty, and I loooove making things look pretty! It just felt great having the freedom to assign whatever color, margin, width I want to any element of the website.

So here it is, page one of my portfolio website. It’s far from perfect, but I’m really content for now!

Screen Shot 2017-04-27 at 12.09.24 AM

Day 12-13* Finished the “Build a Tribute Page” Challenge

So time has elapsed quickly … the last post was written back in Nov 2016!

What happened between “Day 11” and “Day 12”? Lots of confusion, doubts and fear.

Confusion of how to apply what I’ve learned to the real challenge of building a page.

Doubts of whether I’ve mastered what I’ve learned on FCC.

Fear of not being able to finish the challenge. Fear of giving up.

When I kept hitting roadblocks of not being able to figure out how to center an element correctly, when I had questions about the grid systems etc., I finally let myself relax into the comfortable zone of procrastination, and let myself sit on the challenge for too long that I lost momentum to continue.

But then I somehow magically regained this momentum one random April day in 2017 (it’s an awfully long time to recover from a defeat, I know). I somehow stumbled upon a self-help book that talked about how a lot of times it’s our belief that we can’t achieve something‘, instead of our actual capabilities, that prevents us from achieving those things that matter in our lives. I realized resetting my mindset is key to continuing my coding quest. So I decided to pick everything up again.

I asked myself, “what is the quickest way for me to restart coding, and finish the challenge?”

The answer turn out to be incredibly easy – youtube it. See how other people are doing it, then learn, copy, and modify.

And that’s exactly what I did. Watching how other people accomplish the challenge helped tremendously. It answered lots of questions, and the challenge suddenly seemed doable again.

I also came across a discussion about the key to learning to code, and one comment mentioned “don’t ever try to be perfect. it won’t get you anywhere at the beginning stage of coding. Just google, make things done, and let a lot of the pending questions to be solved eventually by time.”

I realized my high expectation of doing everything right at the beginning was exactly what impeded me from taking quick actions. So I readjusted my expectation, and decided to accept the fact that as a beginner, I’m supposed to have imperfect codes, imperfect solutions, as well as tons of questions.

But that’s ok. What matters more is to keep the momentum going, and to get things done.

And that’s exactly what I did. I compared the solutions from three different people/youtubers, compared and combined their approaches , and coded my own way into finishing the first FCC challenge.

So here it is, my answer to the first FCC Challenge.

Screen Shot 2017-04-15 at 5.49.11 PM