• If possible, add icons to applicable elements. (i.e. figcaption elements in the list)
• Have all completed task as links so that if anyone wants to see what exactly I did they can go to it or at least try it for themselves.
• Have a real nav bar that will not only send you to specific days, but also to a project section, social media section etc...
• Find Icons for social media contacts (Twitter*, linkedIn, codepen, etc)
• Want to have a tutorial list with links to the video and to my version of it
• Instead of calendar style day navigation, a scrolladex might be eaiser.
• Add project tiles to completed repositories and code pens.
• Change list to tables to make this shorter
• wrap text around images.
• wrap list around images.
• see if is possible to add gif/videos in github

Day's Navigation:

My commitment Tweet

Summary: Currently I am using a chrome extension called "100daysof.codes" (https://100daysof.codes/). This extension allows you to Set a main goal of your journey and then set specific goals for each day; you can also set subtasks for that day's goal. The first day is always the hardest, but once you get over that hump the rest seems easy. Out of my 4 subtasks set I only finished about 3 of them. Fatigue set in and I didn't want to go any further. I noticed that setting a small amount of task is better than setting a whole bunch for the sake of getting something done.

My commitment Tweet

Summary: Nothing was really done today due to hardware issues, but an attempt was tried.

My commitment Tweet

Summary: For the 100th time, I restarted my progress in Freecodecamp just to have a fresh start. So far all I did was the HTML & HTML5 section in freecodecamp. A good note taking note app to use with coding is remnote (https://www.remnote.io/knowledge-base). You can create a code section that color codes and indents any code you put inside it. This is my first time using it so we will see if it comes in handy further down the line.

My commitment Tweet

Summary: I only did the freecodecamp "Basic CSS."

My commitment Tweet

Summary: First, I was accepted to Resilent Coders Bootcamp for their co-hort of 2021. Even though I will be getting trained how to be a software engineer I will still be updating my 100 days of code. Today showed me that copying code might not always yield the same result. For the first project apart of the "10 Mega Websites" wasn't working for me even though I copied the code exact. The first error on my part was putting the script outside of the body but even with that things still were not working properly. On top of that I completed some of Freecodecamp's "Applied Visual Design."

My commitment Tweet

Summary:

My commitment Tweet

Summary: I don't remember much of the work I completed, but it was more of the freecodecamp "Responsive Web Design" modules. I also watched this video on entrepreneurship on Udemy . If you are new to entrepreneurship this course is worth picking up.

My commitment Tweet

Summary: Even though Freecodecamp was detailed in their explanation of the flexbox and grid, I know have to dive deeper into those subjects before I feel comfortable using these new techniques.

My commitment Tweet

Summary: I finished the tribute page for freecodecamp and got started on the survey page, but since I was on vacation I didn't get much done.

Tribute Page

Survey Page

My commitment Tweet

Summary: Finished the product landing page for FCC (freecodecamp) and branched out to software engineers on LinkedIn and Twitter (of all places). Learned a few things that gave me the confidence to keep going with my journey.

• Don't Give Up.
• Once you are building fullstack apps, you are job ready, whether you think you are or not.
• Try 100 devs
• When it gets hard, just remind yourself that it will all make sense eventually.
• Coding is 90% not giving up and 10% pushing yourself.

My commitment Tweet

Summary: Got my certificate for the Responsive Web Design. Even though I spent hours obtaining this, I still need to go back through my notes on the modules and update my projects. Other than that it feels good to see my work paying off.

ADVICE: Even if your projects look like a baby did, be proud of them because they are 10,000 steps you will take to mastery

My commitment Tweet

Summary: Did 10 modules of the "Basic JavaScript" for FCC. Planning on going thru the #100Devs discord and working on some projects they have done and getting feedback from that community on my work and what could use improving.

My commitment Tweet

Another day of doing the freeCodeCamp (I see why they spell the name out like this, IYKYK) basic JavaScript modules and did some reading of simple JavaScript from "If Hemingway Wrote JavaScript". I finished the day off with a YouTube video on Front-End engineering just to get a lay of the land. Hopefully by my next log in I will have a navbar at the top of this repository that will allow navigation to all days. This not gives me practice on making navigation bars, but also confindence in my abilities.

• Divide One Number by Another with JavaScript
• Increment a Number with JavaScript
• Decrement a Number with JavaScript
• Create Decimal Numbers with JavaScript
• Multiply Two Decimals with JavaScript
• Divide One Decimal by Another with JavaScript
• Finding a Remainder in JavaScript
• Compound Assignment with Augmented Addition
• Compound Assignment with Augmented Subtraction
• Compound Assignment with Augmented Multiplication
• Compound Assignment with Augmented Division
GitHub
• Updated GitHub 100DaysOfCode repository
If Hemingway wrote JavaScript
• Ernest Hemingway

• Chapter 1
• Chapter 2 (incomplete)

• So, You Want to be a Front-End Engineer

My commitment Tweet

Summary: Read "The Great Divide" from Chris Coyier. It seemed as though that just knowing HTML and CSS is not enough to be a front-end web developer, but having some mastery over JavaScript is more valuable than having a properly built website. To me, JavaScript seems like a typical programming language like python, but it doesn't seem like that when I do the modules from freeCodeCamp. The plan right now is going through some changes and by tommorow I can show a detailed approach I will take from here on out.

• Declare String Variables
• Escaping Literal Quotes in Strings
• Quoting Strings with Single Quotes
• Escape Sequences in Strings
• Concatenating Strings with Plus Operator
• Concatenating Strings with the Plus Equals Operator
• Constructing Strings with Variable
• Appending Variables to Strings
• Find the Length of a String
• Use Bracket Notation to Find the Nth Character in a String

• 2.2 - Front-End Job Titles

• The Great Divide

My commitment Tweet

Summary: Did my usually 10 JavaScript modules and decided to do Colt Steele's Web Developer 2021 Bootcamp course on udemy. I bought this course awhile ago, but felt overwhelmed by all the content, but now that I feel more comfortable with web development I think its time to tackle this course.

• Understand String Immutability
• Use Bracket Notation to Find the Nth Character in a String
• Use Bracket Notation to Find the last character in a string
• Use Bracket Notation to Find the Nth to Last Character in a String
• Word Blanks
• Store Multiple Values in one Variable using JavaScript Arrays
• Nest one Array within Another Array
• Access Array Data with Indexes
• Modify Array Data with Indexes
• Access Multi-Dimensional Arrays with Indexs

• CSS: The Very Basics

My commitment Tweet

Summary: Did 30 more modules of freeCodeCamp's Basic JavaScript. Hopefully, I can learn all the basics of JavaScript and start planning out apps that only need the 3 core technologies

My commitment Tweet

Summary: Did more JavaScript basics, still have 20+ modules to go thru, but once thats done I can move on to building projects using the 3 core technologies.

• Golf Code
• Selecting from Many Options with Switch Statements
• Adding a Default Option in Switch Statements
• Multiple Identical Options in Switch Statements
• Replacing If Else Chains with Switch
• Returning Boolean Values from Functions
• Return Early Pattern for Functions
• Counting Cards
• Build JavaScript Objects
• Accessing Objects Properties with Dot Notation
• Accessing Object Properties with Bracket Notation
• Accessing Object Properties with Variables
• Updating Object Properties
• Add New Properties to a JavaScript Object
• Delete Properties from a JavaScript Object

My commitment Tweet

Summary:

• Using Objects for Lookups
• Testing Objects for Properties
• Manipulating Complex Objects
• Accessing Nested Objects
• Accessing Nested Arrays
• Record Collection
• Iterate with JavaScript While Loops
• Iterate with JavaScript For Loops
• Iterate Odd Numbers with a For Loop
• Count Backwards With a For Loop
• Iterate Through an Array with a For Loop
• Iterate with JavaScript Do...While Loops
• Replace Loops using Recursion
• Profile Lookup
• Generate Random Whole Numbers with JavaScript
• Generate Random Whole Numbers within a Range
• Use the parseInt Function
• Use the parseInt Function with a Radix
• Use Multiple Conditional (Ternary) Operators
• Use Recursion to Create a Range of Numbers

• Let's Learn JavaScript
• Introduction to the course
• HTML CSS and JavaScript
• Adding in a button a function
• Scaling Functions
• Changing the text in JavaScript

Here is my Code Pen

My commitment Tweet

Summary: Started doing projects using the core technologies. I still feel like I don't know what I am doing, but the more projects under my belt the more confidence I can build. This is also the time to review old modules from new voices, meaning that instead of going directly back to the freeCodeCamp modules to re-learn a topic, I can go to another e-course and start from there. It sounds reductive to go to another course to get the same information, but hearing another person's explanation on a topic can help you reinforce a subject/topic.

• Explore Differences Between the var and let Keywords
• Compare Scopes of the var and let Keywords
• Declare a Read-Only Variable with the const Keyword
• Mutate an Array Declared with const
• Prevent Object Mutation

• Project Intro
• Initial Cards
• Expanding Effect

• Project Preview
• Create and Customize Landing Page
• Create and Style Navigation
• Create and Customize Progress Bars

Here is my Code Pen

My commitment Tweet

Summary: Did one youtube tutorial today and read a article nothing much after that. My project doesn't work exactly like the video so I am planning on going over the documentation tomorrow.

• Navigation Tiles
• My Navigation Tiles

Here is my Code Pen

My commitment Tweet

Summary:

• Section 5: HTML: Forms & Tables
• Section 5: HTML: Forms & Tables - What Matters in This Section
• Section 5: HTML: Forms & Tables - Unit Goals
• Section 5: HTML: Forms & Tables - Introducing HTML Tables
• Section 5: HTML: Forms & Tables - Tables: TR, TD, and TH Elements
• Section 4: HTML: Next Steps & Semantics
• Section 4: What Matters in This Section
• Section 4: What Exactly is HTML 5?
• Section 4: Block vs. Inline Elements - Divs and Spans
• Section 4: An Odd Assortment of Elements: HR, BR, Sup, and Sub
• Section 4: Entity Codes
• Section 4: Coding Exercise 4: Snowman Logo Exercise
• Section 4: Intro to Semantic Markup
• Section 4: Playing with Semantic Elements
• Section 4: Screen Reader Demonstration
• Section 4: VSCode Tip: Emmet

Here is my Code Pen

My commitment Tweet

Summary:

• All 32 Levels

Here is my Code Pen

My commitment Tweet

Summary:

• Student Bio

Here is my Code Pen

My commitment Tweet

Summary: Today was a day of reflection. Updating this repository still counts as coding.

Here is my Code Pen

My commitment Tweet

Summary: Used github pages to host my main portfolio website which you can checkout in the completed tasks section. The confidence to build more sites has been sparked so going thru tutorials and Colt's Bootcamp is the plan.

• Portfolio

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Summary: Started @wesbos CSS Grid course. This will be my refresher on CSS since for the last few weeks I been learning JavaScript. In my studies I found that trying to memorize everything in code is impossible. Even the small things like declaring a variable. So an idea I had was creating a repository that will house all of the coding languages and techniques. Basically, there will be folder named "So you forgot "blank" " and the corresponding folders will have specific lessons I can refer to those folders for guidence. Hopefully, I can have a dedicated hosting page on firefox to have my own coding playground.

Here is my Code Pen

My commitment Tweet

Summary: Finished section 24 of Colt's bootcamp and plan on making more projects while still reviewing older modules. I feel like memorizing code isn't a effective way of learning, (for me) so my current plan is taking more time to learn a technique before learning a new one. The way this would go is say that I watch a video that is 12 mins long, instead of coding along (stopping and pausing to match code) I will watch the video thru and just listen. Then I would watch the video again and take notes of steps and syntax; the video will be put on a higher speed. Then, on the final watch, I will code along with the instructor seeing if I full understand how this new technique and old ones work together. I'm still fleshing out the process.

Here is my Code Pen

My commitment Tweet

Completed Projects/Exercises

Background randomizer

• What Matters in this Section
• Intro to Events
• Inline Events
• Coding Exercise 59; Know Thy Enemy Exercise
• The Onclick property
• addEventListener
• Coding Exercise 60: Click Events Exercise
• Random Color Exercise
• Events & The Keyword This
• Keyboard Events & Event Objects
• Form Events & PreventDefault
• Coding Exercise 61: Form Events
• Input & Change Events
• Coding Exercise 62: Input Event Practice
• Event Bubbling
• Event Delegation

Here is my Code Pen

My commitment Tweet

Summary: Today was tough to get thru, but I made it out on the other end. The main concepts that I am currently lost on are Form events. This concept will require more research to understand, rewatching lectures to hammer down certain points, and trying out the concept without the guided code; I am looking forward to this. Tried the 50 days project 1 over again with my new found knowledge of the DOM made leaving notes in the code much more concise than before. I plan on implementing this project in my portfolio. which is getting updated this weekend.

• Score Keeper pt 1
• Score Keeper pt 2
• Score Keeper pt 3
• Score Keeper pt 4

• Project Intro
• Initial Cards
• Expanding Effect

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Summary: Today was packed with information ranging from Async JS to AJAJ (Asynchronous JavaScript and JSON). Most of the information completely went over my head, but I presisted through. I plan on going back over the videos tomorrow while still continuing learning new information. Not much coding was done today (after this commit, some coding was done), but that is apart of my learning process. The first viewing of a section, I will only take notes and save the actual coding for the second viewing. Many of udemy courses recommend this approach with e-courses. Instead of calling this approach time consuming, I will embrace it until the end of the course and see how much information I retained. Another section is getting to my daily reports and that is the stats section. This section will hold my time spend learning today along with how long I was coding in VScode.

Today's Stats

Today's Roadmap

• The Call Stack
• WebAPIs & Single Threaded
• Callback Heck
• Demo: fakeRequest Using Callbacks
• Demo: fakeRequest Using Promises
• The Magic Of Promises
• Creating Our Own Promises
• The Async Keyword
• The Await Keyword
• Handling Errors in Async Functions

• Intro to AJAX
• Intro to APIs
• What is JSON
• Using Postman
• Query Strings & Headers
• Making XHR's
• The Fetch API
• Intro to Axios

Here is my Code Pen

My commitment Tweet

Today's Roadmap

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Here is my Code Pen

My commitment Tweet

Summary: I finally found my rhythm with studying and still progressing foward with learning. In order for me to retain all of the information I learned the day prior, I make that the first thing I review before starting new material. Notes go first then flashcards to finish it off. After today I am adding the "Certification" section to my post to show my creditals on certain topics. On Linked Learning I started the learning path "Become a Front-End Web Developer" just to reinforce older topics I getting further from.

Today's Stats

Certificate(s) of Completion

Here is my Code Pen

My commitment Tweet

• What matters in this section
• Why JavaScript is Awesome
• Primitives & The Console
• JavaScript Numbers
• WTF is NaN
• Varialbe & Let
• Updating variables
• const & var
• Booleans
• Variable Naming and conventions

Here is my Code Pen

My commitment Tweet

Summary: Got my flashcard system setup on anki and remnote

• What matters in this section
• Why JavaScript is Awesome
• Primitives & The Console
• JavaScript Numbers
• WTF is NaN
• Varialbe & Let
• Updating variables
• const & var
• Booleans
• Variable Naming and conventions

Here is my Code Pen

My commitment Tweet

Summary: Decided to do more projects solely based on HTML and CSS since I am re-learning JS.

• What matters in this section
• Decision making with code?
• Comparison operators
• Equality: Triple Vs Double Equals
• Console, Alert & Prompt
• Running JavaScript from a script
• If statements
• else-if
• else
• Nesting conditionals
• Truth-y & false-y values
• Logical AND
• Logical OR
• Logical NOT
• The Switch Statement is... a lot

Here is my Code Pen

My commitment Tweet

Summary: Got my study plan all set and will share it in tomorrow's summary.

Today's Stats

• What matters in this section
• Introducing Arrays
• Array Random Access
• Push & Pop
• Shift & unshift
• concat, indexOf, includes & reverse
• Slice & splice
• Reference Types & Equality testing
• Arrays + const
• Multi-Dimensional Arrays

Here is my Code Pen

My commitment Tweet

Summary: Now that I finally figured out how I will study I comfortable with sharing that information with the people. The course I am currently working on is the colt's "The Web Developer Bootcamp 2022" and it has 61 sections with about 70+ hours (including quizzes) of content. There is two ways you can approach this course, take about 4 hours mon thru fri and finish the course in about a 2 (3 max) weeks or you could take each section day by day; I choose the latter. Once you get past the HTML and CSS sections, taking it slow is a better way to ingrain JS (if you never worked with a standard* programming language). With each section I create at 10 to 20 flashcards based off of the information given and use flashcard apps like anki to study with. So my day would look like

1. Review prior material,
2. Review flashcards,
3. Learn new section,
4. Review today's notes.

• What matters in this section
• Introducing Object Literals
• Creating Object Literals
• Accessing Data Out of Objects
• Modifying Objects
• Nesting Arrays & Objects

Here is my Code Pen

My commitment Tweet

Summary: Only did one section of my coding bootcamp today. Hopefully, this week I get the call about a potential job where I'll learn C# (c sharp). So in the meantime I am going to take some courses on C# and get a basic understanding on the language.