100 Days of Code: Day 1

Home / Technology / Web Development / 100 Days of Code: Day 1
During Day 1 of 100 Days of Code, I discuss my goals and accomplishments for the day, including my chosen development environment and slight frustrations with Bootstrap.

[vc_row][vc_column][vc_progress_bar values=”%5B%7B%22label%22%3A%22Progress%22%2C%22value%22%3A%221%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:

  • Set up playground.blissfullemon.com subdomain for coding projects to be hosted directly on my domain
  • Create new GitHub account and set it up
  • Install CodeColorer WordPress plugin and modify it with custom CSS
  • Finish section 6 of The Complete Web Developer Course 2.0, which focuses on Bootstrap
  • Start working on the app landing page project

The Good:

I am still really excited about this challenge. I spent several hours today just setting up my subdomain, new GitHub account, git client, and researching and installing new plugins for my website to better display my code snippets and anything else I may want to include in my blog and portfolio posts.

The Bad:

Despite my best efforts, I did not accomplish everything I set out to do today. It really came down to a bit of a snag I hit with modal components in Bootstrap 4. The tutorial that I was following was for an older version of Bootstrap that used tether.js instead of popper.js, which really doesn’t work anymore.

tether.js — used with Bootstrap 4 alpha 6 and earlier
https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js

[/vc_column_text][vc_column_text]

popper.js — used with Bootstrap 4.1 (most recent)
https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js

It took me over an hour to figure out what was going on, after which I admittedly felt like a bit of an idiot because the Bootstrap documentation was telling me all along that I was following an outdated guide. Oops. In any case, even this “bad” thing wasn’t really all that bad. A big part of coding is learning how to research and troubleshoot issues, which I did. So, bravo to me.

In any case, I will be spending more time tomorrow pushing through the last few videos of section 6 in The Complete Web Developer Course 2.0 and I’ll also try to get a significant portion of the landing page complete as well. It should be a bit easier to stay on track now that the bulk of my setup is complete. I still want to make a few tweaks to my new code formatting plugin, but that can wait until I am a little more ahead of schedule.

Notes/Comments:

I originally planned to use CodePen to create my websites, but after careful consideration, I decided that I wanted more access to the guts of the code. I want it to be more like a professional development environment and less like what you might find in an educational setting.

As a result, I created a new playground subdomain for my website, which I will develop from scratch over the next 100 days. This is where I plan to house the bulk of my code and coding projects.

I will also be sharing code snippets in my portfolio and blog, as well as pushing most of my projects (barring any that I might want to continue to develop professionally) to GitHub. Working with GitHub is a bit redundant, I admit, but in a professional environment, code management software is a necessity. So, for that reason alone, I want to become more comfortable with GitHub and there is no better time to start learning than the present.

As for my development environment, I tend to usually stick with the simplicity of Notepad++, but I thought I might try something new and take advantage of my Adobe Creative Cloud subscription and the Adobe Dreamweaver software that comes with it. I happen to like the idea of working with a more robust application, and I would be lying if I said the idea of being able to save and reuse code snippets does not entice me.

Important Links

[/vc_column_text][/vc_column][/vc_row]

Let's chat!

%d bloggers like this: