[vc_row][vc_column][vc_progress_bar values=”%5B%7B%22label%22%3A%22Progress%22%2C%22value%22%3A%222%22%2C%22color%22%3A%22blue%22%7D%5D” title=”100 Days of Code, Round 1″ percentage_value=”27″ title_color=”#3e3e3e” bar_color=”#1b7da9″ track_height=”20px” track_color=”#e7f6fc” m=”20″ extra_class=”” units=”%”][vc_column_text]
Goals For Today:
- Finish section 6 of The Complete Web Developer Course 2.0
- Start working on the App Landing Page project
I had a much easier time with Bootstrap today. Once I saw what the video was about, I pulled up the documentation and worked through it myself without watching the step-by-step instructions. It took a little bit longer than I expected, thanks in part to my accidentally placing my jQuery script before the library scripts. I caught it pretty quickly, though, so, fortunately, I didn’t waste too much time on that.
I also finally got started on the app landing page project, though I don’t have much to show for it yet. I am looking forward to finishing that tomorrow or Saturday so I can move on from Bootstrap. I think I may be too much of a control freak to enjoy leaving my code in the hands of external libraries that I don’t know enough about. Perhaps someday I will have more time to dive deeper into it.
I was lacking motivation today. I wasn’t disinterested in coding, per say, but I am really tired after a poor night’s sleep, so not very motivated. But that’s the awesome thing about a challenge like this – I am encouraged to do it anyway, despite not being very motivated, because I know others are going to be holding me accountable. I can’t just sleep all afternoon and not get anything done.
The primary focus today was, once again, on Bootstrap components, including modals, popovers, tooltips, and scrollspy. I decided to recycle the content from an old blog post to practice working with these components. In the end, I think it worked out rather nicely. I didn’t spend a lot of time customizing the CSS. I wanted to mostly just focus on the Bootstrap components and styles specified from the Bootstrap CSS source.
I added my HTML file to my playground so you can see it live. I’ve also included the source code in its entirety at the bottom of this post. I won’t be adding this project to GitHub has it really isn’t big enough to warrant going through the trouble.[/vc_column_text][vc_single_image image=”4147″ img_size=”full” alignment=”center” style=”vc_box_outline” onclick=”custom_link” img_link_target=”_blank” link=”http://playground.blissfullemon.com/affirmations.html”][vc_column_text]
- Live Webpage: http://playground.blissfullemon.com/affirmations.html