100 Days Of Code: Web Development (Round 1)

Main Commitment: I will make projects to develope front-end develoment skill.

Start Date: 2017-12-06

Rules

  1. I will code to make projects from FreeCodeCamp for at least an hour every day.
  2. I will tweet my progress every day, with the hashtag #100DaysOfCode #GoogleUdacityScholars #GrowWithGoogle #freecodecamp and note which day of the challenge I’m on.
  3. I will track my progress here and push to GitHub.
  4. My daily job is not related to front-end development. All time spent on working on web development will count towards the challenge.
  5. I will only skip a day if something important comes up. And when I resume, I won’t count the day I skipped as one of my 100 days.
  6. I will encourage and support at least two people each day in the #100DaysOfCode #GoogleUdacityScholars #GrowWithGoogle and #100DaysOfCode #freecodecamp challenge on Twitter. I can read at most 5 tweets about #100DaysOfCode #GoogleUdacityScholars #GrowWithGoogle #freecodecamp each day. Less is more. Don’t spend more than enough time on the social networking website.

    3 Options

    • Like tweets
    • Leave a comment
    • (optional) Looking at their projects and giving them feedback (no more than 10 minutes per day)

Rule Updates

  • 2018-01-11: I got Grow with Google Challenge Scholarship today. Hence, I added #GoogleUdacityScholars #GrowWithGoogle to the hashtag list.

Some important additional considerations

  • Don’t skip two days in a row, and try not to skip more than 1 day in 2 weeks.

Milestones

  1. 1 Day (Day 1: 2017-12-06 Wednesday)
  2. 7 Days (Day 7: 2017-12-12 Monday)
  3. Day 18 (2017-12-25 Monday): Make the first personal project Project 9: Awesome Shiny Apps for Statistics and get over 10 stars on GitHub within one day
  4. 30 Days (2018-01-07 Sunday)
  5. 60 Days
  6. 90 Days
  7. 100 Days

Project list

Template for Log

1
2
3
4
5
6
7
8
9
10
11
### Day :

**Link**: [Github Repo]() | [Project :]()

**Today's Progress (achievements and frustrations)**:

**Thoughts and Emotions:**

**Tomorrow's plan**

<hr>


LOG

Day 1: 2017-12-06 Wednesday

Link: Github Repo | Project 1: Tribue

Today’s Progress (achievements and frustrations):

  • finished the first project “Build a Tribute Page”.

Thoughts and Emotions:

I finished the tutorials of Bootstrap and jQuery. After that, I started the first project “Build a Tribute Page”.

Zhuge Liang is a historical figure that I admire. I feel excited to make a tribute page to him.

Today is the first time I use Bootstrap though I heard it a lot in the past. This tool is awesome.

It’s an intense work. Luckily, all questions along the way were solved by myself. It took around 3 hours.


Day 2: 2017-12-07 Thursday

Link: Github Repo | Project 2: Personal Portfolio

Today’s Progress (achievements and frustrations):

  • Started the second project “Personal Portfolio”.
  • Worked on toggle button and scrollspy for at least 4 hours. Finally solved. Thank @keller0 Cai and @meitounaoqiao 殷蔚乔 for help in FreeCodeCamp/chinese.

Thoughts and Emotions:
I already have had a personal website, and my daily job is not website development. But I want to have a fancy project page.

My purpose to do the “Personal Protolio” project is to list my projects in all fields I am interested in, such as data science, web development. In the future, the list of fields will increase. The project page is ready for it.

Today is a tough day. “Personal Portfolio” is a difficult project. I spent several hours in navigation which uses scrollspy and toggle button. There are some differences in scrollspy between Bootstrap 3 and Bootstrap 4.

I felt discouraged and wasted time. Then I decided to seek help online. This is a right decision.

FreeCodeCamp/chinese is the channel most suitable for me.

Reference:


Day 3: 2017-12-08 Friday

Link: Github Repo | Project 2: Personal Portfolio

Today’s Progress (achievements and frustrations):

  • edit the first section
  • add 100-DAY CHALLENGES section
  • change Awesome Font Icon from 4 to 5

Thoughts and Emotions:

I am a little bit depressed today. The whole day I searched one content on iPad lying in bed. At night I got up, had dinner, took a shower, and did laundry. And then I started resuming doing the yesterday’s work.

Even if I made big progress yesterday, I spent almost all day to work the project. It is very bad. Other important things are pushed away, and this will increase my stress level. The result is that I will burn out more easily and the probability of quitting the 100-day challenge will increase.

I promised myself at around 6 that I would do the project for one hour. To make it work, I set a timer. Sadly, I broke the promise and worked much longer than I promised. It is 3 a.m. now.

Today I almost finished the 2nd project Personal Portfolio except for one problem: collapsable menu. This is an example from w3 school. When the screen is small, the menu is collapsed. When I open the menu, the menu is overlapped with the content below.

I posted the question in the gitter of FreeCodeCamp. I will go to sleep and hope that the answer will appear tomorrow.


Day 4: 2017-12-09 Saturday

Link: Github Repo | Project 2: Personal Portfolio

Today’s Progress (achievements and frustrations):

  • changed color scheme
  • added jump to top button
  • asked yesterday’s question in FreeCodeCamp forum because I got no answer in the gitter
  • Finished Project 2: Personal Portfolio

Thoughts and Emotions:

I started coding at 12 a.m. because I spent a lot of time during the day in freeing up space for Mac Air to install Mac OS High Sierra.

Initially, I planned to finish project 2 in one hour and spend two hours in fact. The final color scheme of the website still looks strange. After I learn following courses in FreeCodeCamp in the future, I can polish the website. Finishing one not-perfect product is better than a never-finish product.


Day 5: 2017-12-10 Sunday

Link: Github Repo | Project 3: Random Quote Machine

Today’s Progress (achievements and frustrations):

  • Project 2 “Personal Portfolio” amendment
    • added padding to the right of icons
    • added icons in front of titles of sections
  • Started Project 3 “Random Quote Machine”

Thoughts and Emotions:

There are lots of JavaScript tutorials before project 3 in freeCodeCamp. If I start projects until finishing tutorials, I will forget much knowledge I have learned so far, and it will be harder to continue 100DaysCoder challenge. I plan to complete CSS part of projects and started Javascript part until I studied all JavaScript tutorials.

Today’s plan was 2-hour tutorial and 1-hour coding. Studying tutorials for 2 hours was as planned. However, I spent much more time in coding than one hour. It is hard to start and harder to stop. It happens to all aspects of my life. I do not know how to solve it. Happiness was generated when one-hour coding was completed. Stress increased as time came by after one hour.

I am happy that I found a useful Atom plugin Auto-live-server . It refreshed the local webpage when web development related files are saved.

There is one problem I asked in the gitter.

Button’s border style is not consistent with different browsers. Here is my code.

1
2
3
4
5
6
7
8
9
10
button {
color: white;
background-color: pink;
box-shadow: 0;
border:none;
}

button:focus {
border:none;
}
  • Chrome has a border around the button after I click it.
  • Safari and codepen do not have the border.

Tomorrow’s plan

  • study tutorial for 1 hour (not count towards the challenge)
  • Project 3 Random Quotes Machine
    • move CSS to main.css
    • rethink how to structure css file
    • adjust the width of border of quotes
    • adjust the size of social media icons
  • Project 2 Project Portolio
    • look for a picture for Project 2
    • change Project 2 status from Ongoing to Complete
    • add Project 3 and set it Ongoing
    • create a new challenge

Day 6: 2017-12-11 Monday

Link:

Today’s Progress (achievements and frustrations):

  • completed the plan set yesterday!!
  • Project 2 Project Portolio

    • move CSS to main.css
    • move JavaScript to /scripts

Styling using pure CSS takes a lot of time. Adding a graph is simpler and more beautiful.

Thoughts and Emotions:

Before learning in freecodecamp, I thought front-end development incorporated designing websites. I like coding part but not designing. Two parts are knitted together during the process of learning. Projects showing from other students in freecodecamp are more beautiful than my page. This made me feel bad.

It is satisfying to change project status from “ongoing” to “complete” and add new projects to my project portfolio page.

Again, when I started doing projects, it is hard to stop. Now is 12 a.m.

Tomorrow’s plan

  • study tutorial for 1 hour (not count towards the challenge)
  • Start to do the html part of Project 4: the Local Weather for one hour only. Don’t overdo.

Day 7: 2017-12-12 Tuesday

Link: Github Repo | Project 4: the Local Weather

Today’s Progress (achievements and frustrations):

I finished all items on the todo list created yesterday.

Thoughts and Emotions:

It is the 7th day!! I have been doing this challenge for one week. It is the 2nd milestone 😃

Though HTML part of Project 4 is simpler than that of Project 3, I was amazed that I finished building it in one and half an hour including time of seeking help in gitter. The files of HTML and CSS are clean, and the logic of codes are clear. I am satisfied with what have been done today.

I will start to code HTML part of Project 5 tomorrow. The project is cool because of both functionality and design.

One hour per day is devoted to learning tutorials in FreeCodeCamp. The progress will be slow. I am overwhelmed by the number of lessons needed to learn before I can touch JavaScript part of Project 3-5. Basic algorithm scripting based on FreeCodeCamp can require around 50 hours!!!

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Work on suggestion from gitter
  • Start to do the HTML part of Project 5: Build a Wikipedia Viewer for one hour only. Don’t overdo.
1
2
3
4
5
6
7
Sorin Ruse @sorinr 22:05
@huyingjie add also in css background-repeat: no-repeat; to the body selector

@huyingjie and also background-attachment: fixed; to make the img full width/height even when you resize the screen

Sorin Ruse @sorinr 22:12
@huyingjie you may also look into positioning the background and apply the one that fits your needs <https://developer.mozilla.org/en-US/docs/Web/CSS/background-position>

Day 8: 2017-12-13 Wednesday

Link: Github Repo | Project 2: Personal Portfolio

Today’s Progress (achievements and frustrations):

  • Study tutorial for 1 hour (not count towards the challenge)
  • Work on suggestion from gitter
  • Start to do the HTML part of Project 5: Build a Wikipedia Viewer for one hour only. Don’t overdo.
  • Add Project 4 to project page

Thoughts and Emotions:

The time spent on adding new projects to project page was longer than I expected. The list of projects is formatted by decks with Bootstrap 4. I feel the design is a little bit uncomfortable but don’t know why. At the end of today’s task, I asked the question in FreeCodeCamp forum.

There is no time to touch project 5 today. It will be tomorrow’s task.

Basic algorithm scripting based on FreeCodeCamp can require around 50 hours. This makes me feel nervous. The best way to remove the negative emotion is to have a try. I did one algorithm and learned the format of algorithm scripting. The problems in the section are to use JavaScript array methods learned in the last section. Array methods are similar to Swift I learned 2 years ago. Even though I forgot the details of Swift, familiarity can help me learn counterparts in JavaScript.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Start to do the HTML part of Project 5: Build a Wikipedia Viewer for one hour only. Don’t overdo.
  • Read answers in FreeCodeCamp forum.

Day 9: 2017-12-14 Thursday

Link: Github Repo | Project 2: Personal Portfolio

Today’s Progress (achievements and frustrations):

I read the reply to Personal Portfolio site feedback in FreeCodeCamp forum.

The reply gave 6 points needed to improve.

  • 5 points I solved today

    • Make sure the items have a bit of space around them on smaller screens. On a mobile they go right to the edge of the screen, which looks a bit cramped.

      Solution: add padding: 80px to .section

      1
      2
      3
      4
      5
      6
      section {
      border-style: solid;
      border-width: 0px 0px 0px 0px;
      box-shadow: 0px 2px rgb(160,160,160);
      padding: 80px;
      }
    • Make sure the images align - the ‘Ongoing’ header seems to push the image down a bit further than the ones on completed projects.

      Originally, I used <span class="fa-layers fa-fw fa-2x">. After deleting fa-2x, it became <span class="fa-layers fa-fw"> and the problem solved.

      1
      2
      3
      4
      5
      6
      <span class="fa-layers fa-fw">
      <div class="fa-3x">
      <i class="fas fa-certificate text-danger"></i>
      <span class="fa-layers-text fa-inverse text-warning" data-fa-transform="shrink-11.5 rotate--30 right-5">NEW</span>
      </div>
      </span>
    • The sections could do with a bit more vertical spacing at the bottom
      Solution: add padding: 80px to .section

      The same with the first one.

    • It’s Code not Codes

      Solution: replace Codes with Code

    • There’s a broken link to style.css

      Solution: delete the link

  • 1 point I did not solve

    • On intermediate screen sizes the items get very narrow - maybe reduce the number of items per row sooner

Thoughts and Emotions:

Making small adjustments or improvements to the website can take as much time as making one. I spent over 1 hour in correcting Project 2: Personal Portfolio only.

It is a little bit discouraging because I have included starting Project 5 in tomorrow’s plan for two days, but there is no time left for this project.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Start to do the HTML part of Project 5: Build a Wikipedia Viewer for one hour only. Don’t overdo.

Day 10: 2017-12-15 Friday

Link: Github Repo | Project 5: A Wikipedia Viewer

Today’s Progress (achievements and frustrations):

  • Started project 5

Thoughts and Emotions:

I finally started Project 5. Among the only 5 projects, this is the first project which uses jQuery. I am excited to see the page has animation; if a user clicks the search icon, the search bar will appear and the search icon will disappear. It is fun.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Project 5: A Wikipedia Viewer
    • Adjust the style of search bar
    • Make the search icon and the search bar the same height
    • Change action field to search button
    • Adjust animation
      • If search bar is empty, click search button, the search bar will disappear and the search icon will appear.
      • If search bar is not empty, searching action is activated
  • Add footer to Project 3: Random Quote Machine
  • Add footer to Project 4: the Local Weather

Day 11: 2017-12-16 Saturday

Link: Github Repo | Project 5: A Wikipedia Viewer

Today’s Progress (achievements and frustrations):
I finished 4 items in yesterday’s plan.

frustration:

  • alignment of footer
  • How a search button is put inside a search text bar?
  • How positions of the search button and search text bar are not change when screen size changes?

I will questions tomorrow in gitter.

Thoughts and Emotions:

Today is the toughest day. I struggle with several things in my personal life. During the day, I tried putting dynamic graphs generated by R package on the blog. There are no JavaScript library link and JavaScript code block containing data, then I cannot paste them to a Markdown or HTML file. R community including statistics community lacks good documentation and coding quality is poor. My knowledge of R never seems sufficient to find the solution to them. I feel constricted and frustrated all the time.

Yesterday I thought I could finish the Basic Algorithm Script today. It is more difficult than I expected.

  • If a function has lots of argument without argument name, use Array.prototype.slice.call(arguments, 0) to get all arguments
  • array.slice()‘s second argument is the end index - 1, not the number of characters to be sliced.

I guess writing pseudocode before programming will help.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Project 5: A Wikipedia Viewer
    • ask in gitter
      • alignment of footer
      • How a search button is put inside a search text bar?
      • How positions of the search button and search text bar are not change when screen size changes?
    • Adjust the style of search bar
    • Make the search icon and the search bar the same height
    • Adjust animation
      • If search bar is empty, click search button, the search bar will disappear and the search icon will appear.
      • If search bar is not empty, searching action is activated

Day 12: 2017-12-19 Tuesday

Link: Github Repo | Project 3: Random Quote Machine

Today’s Progress (achievements and frustrations):

  • Study tutorial for 1 hour (not count towards the challenge)
    Project 3
  • Created a JSON file containing ancient Chinese sayings
    1. Generate a random integer to select which sayings to show
    2. Get JSON data from the JSON file
    3. Calculate length of the JSON data
    4. Get the first element of the first element in the JSON data

Thoughts and Emotions:

  • I skipped two days because I prepared a presentation for today’s seminar.
  • I did not follow the plan created on 2017-12-16 because I finished “Basic Algorithm Scripting” part (accumlatively around 7 hours) and started learning “JSON APIs and Ajax”. I want to apply the knowledge learned today to today’s work.
  • I finished 5 things under Project 3 in Today’s progress. Each thing requires me searching online. They are not easy tasks for a newbie. Hence, they created a lot of frustration.

I am a little bit discouraged by the slow process. When I thought of the fact that they were done in 1 hour, it created more hope.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Do Project 3 for 1 hour:
    • Make each element in JSON data appear in HTML
    • Click button to change the quote

If there is time left,

  • Create a JSON file of colors
  • Generate random number for colors
  • Edit HTML to change color

Day 13: 2017-12-20 Wednesday

Link: Github Repo | Project 3: Random Quote Machine

Today’s Progress (achievements and frustrations):

  • Finished “JSON APIs and Ajax” section.
  • Started “Intermediate Algorithm Scripting” section.
  • Within one hour, I finished items on the yesterday’s plan and addition plan.

Thoughts and Emotions:

It is fun.

I like animation very much. Learning Making animation using Adobe Animator requires a lot of energy and time. Animation provided by JavaScript gives me enough joy, and its complexity is not overwhelming. In the future, I want to learn more.

I like to create interactive graphs of data. It is also related to my major. Tomorrow I will start learning data visualization on the beta website and suspend “Intermediate Algorithm Scripting” part until projects from data visualization are completed. After finishing Project 3, I will start data visualization projects.

Joe Warren wrote a post on freeCodeCamp medium, How to Transform Your #100DaysOfCode Log Into a Visual Experience. He gave a lot of good advice on how to create a good log of 100 days challenge. He used his log as an example. In the comment, I asked whether he could give some advice on my log. He kindly gave me a long reply.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Project 3: Random Quote Machine
    • Enlarge quote icon
    • Add tumblr share action
    • Add twitter share action
    • Add quote: animation
      1. show quote icon
      2. wait for 1 second
      3. show the quote

Day 14: 2017-12-21 Thursday

Link: Github Repo | Project 3: Random Quote Machine

Today’s Progress (achievements and frustrations):

  • Started learning D3.js
  • Added Twitter share action

Thoughts and Emotions:

Adding Twitter share action took more time than I expected. I like to read examples in the process of learning but Twitter API website has few examples.

I am depressed today. I don’t know why.

I spent a lot of time trying how to change the style of outputs from R notebook made by RStudio. A lot of time was spent on editing existing CSS file. At last, I found I did not need to touch any existing stylesheet. It is enough to create a new sheet and to include it after existing sheet. This is the fastest way to change the style from other people’s CSS.

Tomorrow’s plan

  • Studied tutorial for 1 hour (not count towards the challenge)
  • Project 3: Random Quote Machine
    • Add tumblr share action
    • Add quote: animation
      1. show quote icon
      2. wait for 1 second
      3. show the quote

Day 15: 2017-12-22 Friday

Link: Github Repo | Project 3: Random Quote Machine

Today’s Progress (achievements and frustrations):

  • Learned Data Visualization on Freecodecamp Beta website
  • Opened and closed an issue in GitHub
  • Completed Project 3: Random Quote Machine

Thoughts and Emotions:

  • I met a lot of arrow functions in the Data Visualization tutorials. Arrow functions from ES6 are taught in the Beta, not on the main website. I did not know the name of the function. When I searched closure function, tutorials online gave the normal functions.

    Then I asked this question in gitter. One person kindly answered it.

    I will learn arrow functions tomorrow first.

  • I opened one issue on freecodecamp GitHub

    I used Chrome to do challenges. When the test did not pass, initially I thought the reason was that I did not know arrow functions.

    Then the code was copied to an empty HTML file. The bar plot was correctly shown. I guessed it was a browser issue and used Safari to run the same challenge. Safari passed my code. This made me confirmed that some code on the page on the website behaved differently between browsers.

    Update: After restarting the computer, chrome works, and then I closed the GitHub issue. My Mac Air was connected to an external monitor. After several days usage, it has some problems, such as Chrome. Restarting the laptop can solve them.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Start data visualization project

Day 16: 2017-12-23 Saturday

Link: Project 6: Visualize Data with a Bar Chart

Today’s Progress (achievements and frustrations):

  • Started doing Project 6: Visualize Data with a Bar Chart

frustration

  • The footer cannot be centered at the bottom
  • The location of d3 graph is not adjusted with HTML.
  • The height of bar plot should be adjusted

Thoughts and Emotions:

Styling is more difficult than visualization for me.

I used Bootstrap 4 and footer cannot be centered at the bottom. It is annoying.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Project 6: Visualize Data with a Bar Chart

Day 17: 2017-12-24 Sunday

Link: Project 6: Visualize Data with a Bar Chart

Today’s Progress (achievements and frustrations):

  • Did Project 6: Visualize Data with a Bar Chart
  • Did Project 7: visualize Data with a Scatterplot Graph
  • Did Project 8: Visualize Data with a Heat Map
  • Created a banner for the challenge

Based on the knowledge I learned from FreeCodeCamp, I cannot finish any of them then I started a new one. After learning all tutorials of data visualization, I will search online for the things not taught in FreeCodeCamp.

Thoughts and Emotions:

Learning data visualization is more boring than I expected. It seems more difficult than JavaScript because all functions are self-defined and sometimes do not conform standard JavaScript function construction rule.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Change project status
  • Add new projects
  • Project 6: Visualize Data with a Bar Chart

Day 18: 2017-12-25 Monday

Link:

Today’s Progress (achievements and frustrations):

Thoughts and Emotions:

@crossey on the gitter told me that colors in the Project 3: Random Quote Machine were not good. I guessed that colors were too vivid and eyes did not feel comfortable when seeing them. I found that most of the colors that had color names and beganb with “light” were suitable for eyes.

Yesterday’s night, I suddenly had an idea to make a GitHub awesome list of Shiny Apps. The apps are specific for learning statistics, not showing results from data analysis. It is better if there will be a website automatically generated from README.md file from the GitHub repo, then the effort to keep the website and README.md being same will be zero. Usually, people contribute to an awesome list by editing README.md. It is the owner’s responsibility of the GitHub repo to sync between GitHub and the website.

How to sync automatically is the most difficult part for me. My blog is using Netlify to automatically deploy. I need to learn one templating engine to combine data in README.md and templates created by a templating engine by Netlify. I started to learning Go on the YouTube. I realized that Go was a completely new language and if I wanted to use it, I had to learn a lof things. Then I recalled Front-End-Checklist using gulp. Initially, I thought gulp was a template engine. After reading one tutorial, I knew it was not and can use it to create a web page without styling through gulp-markdown. gulp-rename is used to change the filename from README.md to index.md, then gulp-markdown generated index.html. The HTML codes inside index.html do not contain head and body elements. It turns out to be an advantage. gulp-wrapper adds head and body elements before and after the codes. The resulting website was successfully deployed by Nelify. I achieved to sync between README.md and the website.

Today, I spent time in changing the website style and gathered Shiny apps.

I worked more than 10 hours today. I am satisfied with the result. One thing needed to improve in the future is the styling of the site.

Project 10: Must-Watch Must-Watch List was a mardown README.md file. I will add gulp to create a website syncing with README.md.

Tomorrow’s plan


Day 19: 2017-12-26 Tuesday

Link:

Today’s Progress (achievements and frustrations):

Thoughts and Emotions:

Project 10 and 11 are similar to Project 9. The most time consuming part was to search GitHub, and to found the repos. There are 100 pages on GitHub about checklists. I used at least 5 hours to finish 100 pages. The process was boring. I am satisfied with Project 11.

I will add styles after learning website design.

Tomorrow’s plan


Day 20: 2017-12-28 Thursday

Link: Github Repo | Project 4: the Local Weather

Today’s Progress (achievements and frustrations):

I finished all items on todo list designed the day before yesterday in one hour.

Thoughts and Emotions:

I did not use JavaScript for several days because I studied Data Visualization and did personal projects. Hard recall can lead to better memorization after several days.

I am discouraged by the websites on my wishlist. They seem complicated. A lot of decisions should be made. Example:

  • Which Front-End framework should be used?
  • Static website or dynamic website?
  • If I choose dynamic websites, which Back-End framework should I use?
  • Where to save the photos? Photos and the website will be saved in different locations.
  • If I choose static websites

    • Which git website to use, GitLab or BitBucket?
    • which deploy website should I use?

In addition, I have to wait until I learn Back-End knowledge.

Filling mind with undecided stuff is not a comfortable experience.

Besides, even if I did projects for several days, they were not FreeCodeCamp project and then I need more willpower to initiate today’s work.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Github Repo | Project 4: the Local Weather
    • Obtain data from weather API
    • Add CSS id so that the weather info will be added
    • Connect data with HTML codes

Day 21: 2017-12-29 Friday

Link: Github Repo | Project 4: the Local Weather

Today’s Progress (achievements and frustrations):

  • Project 4: Parts of CSS id were connected to data in API
  • Add a function to transform between F and C

Thoughts and Emotions:

The weather channel does not show information from the weather API. There is one error

1
[Deprecation] getCurrentPosition() and watchPosition() no longer work on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.

The corresponding code is following.

1
2
3
4
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
}
}

In fact, the code was shown in the tutorial on FreeCodeCamp.

I will search it tomorrow.

Because I started doing projects from FreeCodeCamp yesterday, I started learning and programming much more easily today.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Github Repo | Project 4: the Local Weather
    • Get the location from Google
    • Look for images of each weather condition
    • Add codes to show different weather picture based on weather condition
    • Add button in home page to change between F and C
    • Connect the function and the button
    • Check the replacement for navigator.geolocation.getCurrentPosition() function
    • Look for icons

Day 22: 2017-12-30 Saturday

Link: Github Repo | Project 4: the Local Weather

Today’s Progress (achievements and frustrations):

  • Continued to do Project 4.

Thoughts and Emotions:

I lost interest in Project 4.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Github Repo | Project 4: the Local Weather
    • Add codes to show different weather picture based on weather condition
    • Add button in home page to change between F and C
    • Connect the function and the button
    • Check the replacement for navigator.geolocation.getCurrentPosition() function

Day 23: 2017-12-31 Sunday

Link: Github Repo | Project 4: the Local Weather

Today’s Progress (achievements and frustrations):

Frustrated with how to write jQuery to change between F and C.

Thoughts and Emotions:

I met two problems and can solve neither of them within of one hour. I suddenly felt depressed in the middle of the coding.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Github Repo | Project 4: the Local Weather
    • Add button in home page to change between F and C
    • Connect the function and the button
    • Check the replacement for navigator.geolocation.getCurrentPosition() function

Day 24: 2018-01-01 Monday

Happy New Year

Link: Github Repo | Project 4: the Local Weather

Today’s Progress (achievements and frustrations):

  • Finished all items on the yesterday’s plan.

Thoughts and Emotions:

Yesterday, I did not know how to toggle between Fahrenheit and Celsius for the coding project and had a hard time to find the least common multiple of two numbers for the algorithm on FreeCodeCamp. They made me worry about today’s study.

Writing my logic on paper help me finishing algorithm part. Writing the actions of clicking texts gave me a clear vision of how to toggle.

Happily, I finished both of them.

navigator.geolocation.getCurrentPosition is deprecated. Few answers on FreeCodeCamp forum mention it because websites hosted on a personal server or GitHub can meet the problem and most of the people put the project on CodePen.

The solution is to use a free geo API from http://freegeoip.net/json/ instead of Google API. Tomorrow I will rewrite related codes.

When reading Twitter #100DaysOfCode #freecodecamp, I found a lot of people started 100 Day Challenge today. It’s the first day of the year!!!

Tomorrow’s plan


Day 25: 2018-01-02 Tuesday

Link: Github Repo | Project 4: the Local Weather

Today’s Progress (achievements and frustrations):

Finished Project 4: the Local Weather!!!

Thoughts and Emotions:

I used 1 day to finish HTML part and 6 days to complete JavaScript part of Project 4: the Local Weather. Each day one hour was spent on the project.

Six days are too long and lost some interests. Thank myself for persisting working for one hour every day. Finally, the project is done.

Tomorrow’s plan


Day 26: 2018-01-03 Wednesday

Link: Github Repo | Project 2: Personal Portfolio

Today’s Progress (achievements and frustrations):

  • Input 100-day Challenge projects in the Personal Portfolio into a JSON files
  • Write jQuery code to show projects in the JSON.

Thoughts and Emotions:

I spent several hours in the past to change HTML file if a project’s status was changed or a new project was added. I planned to put information of projects in a JSON file. Next time, if a project information should be updated or added, what I do is to change the JSON file.

There are two JSON files, one for the projects and the other for 100-day challenges.

Today I finished the 2nd part.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Add GitHub button to each projects on project page
  • Create JSON and JavaScript to save each project information
  • Start JavaScript part of Project 5: A Wikipedia Viewer

Day 27: 2018-01-04 Thursday

Link: Github Repo | Project 2: Personal Portfolio

Today’s Progress (achievements and frustrations):

Dynamic information on the page is completely saved in the JSON files in Project 2: Personal Portfolio.

Thoughts and Emotions:

To cover 90 percent of one’s destined distance brings the traveler no farther than the midway point – the last part of an endeavor is the hardest to finish.
行百里者半九十

Tomorrow’s plan


Day 28: 2018-01-05 Friday


Link: Github Repo | Project 12: RSnippets.com

Today’s Progress (achievements and frustrations):

I finished RSnippets.com.

Thoughts and Emotions:

It is a relief. I can record projects that are suitable for beginners in the RSnippets.com. If I learn something new in the future, I can actively think what small projects I can do to practice the knowledge just learned. The idea I have and the projects I made will not be “once then never see it again”. They will benefit people who have frustration during learning like me.

FreeCodeCamp inspired me to do so.

I made the project with Hugo. Though I did not code a lot for the project, I can more easily understand some concepts because of studying on FreeCodeCamp.

Sometimes, the success of projects are not based on latest and shiny technologies but good ideas, using simple tools to achieve them, and marketing them.

Tomorrow’s plan


Day 29: 2018-01-06 Saturday

Link: Github Repo | Project 5: A Wikipedia Viewer

Today’s Progress (achievements and frustrations):

  • Add GitHub button to the project page. In the safari, star button with the number shows correctly while the text “star” appears in the chrome. I do not know why.
  • Start JavaScript part of Project 5

Thoughts and Emotions:

I am frustrated with styling for HTML forms for a long time.

Tomorrow’s plan


Day 30: 2018-01-07 Sunday

Link: Github Repo | Project 5: A Wikipedia Viewer

Today’s Progress (achievements and frustrations):

I did Symmetric Difference for one hour. At the end of one hour, I found I made a mistake. This mistake will be fixed in the next session.

Project 5 is the most difficult one so far.

  • The form is not centered. I don’t know why.
  • The json file from Wikipedia has an error.

    1
    Failed to load https://en.wikipedia.org/w/api.php?action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=jsonfm&formatversion=2: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:3000' is therefore not allowed access.

I searched on the FreeCodeForum. Students all face this problem. I will read it in tomorrow’s session

Thoughts and Emotions:

Very difficult. There are 2 parts of my study, one for doing algorithm on FreeCodeCamp, the other for making projects.

Both parts are stuck today.

According to my previous experience, I need to touch the problems every day and eventually they will be solved. Maybe 1 day, 2 days, or one week.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
    • Read css styling for forms
  • Do JavaScript part of Project 5: A Wikipedia Viewer
    • Read on the forum how to solve the error.

Day 31: 2018-01-08 Monday

Link: Github Repo | Project 13: Gumroad Plan Calculator

Today’s Progress (achievements and frustrations):

Thoughts and Emotions:

I feel reluctant to do Project 5: A Wikipedia Viewer. One of the reason is that I do not know how data in the form is transferred to JavaScript functions and how to style the forms.

To achieve the goal, I spent 3 hours on a side project, Project 13: Gumroad Plan Calculator. I planned to do it for one hour, but cannot stop coding. 🤣

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Add Project 13 to the project page
  • Write a post for Project 13
  • Add Project 13 to Rsnippets.com
  • Do JavaScript part of Project 5: A Wikipedia Viewer
    • Read on the forum how to solve the error.

Day 32: 2018-01-09 Tuesday

Link: Github Repo | Project 14: Awesome Lifehack Calculators

Today’s Progress (achievements and frustrations):

Thoughts and Emotions:

100 Days Of Codes only count the coding time. In fact, time is also needed to be spent on marketing, publishing to GitHub, writing good README.md files, adding subdomains and so on.

If the project I did is suitable for beginners, I will write a post. Writing requires time and energy.

This is the reason I feel the time is very limited and I did not work on FreeCodeCamp tutorials and projects.

Tomorrow’s plan

  • Study tutorial for 1 hour (not count towards the challenge)
  • Do JavaScript part of Project 5: A Wikipedia Viewer
    • Read on the forum how to solve the error.

Day 33: 2018-01-10 Wednesday

Link: Github Repo | Project 5: A Wikipedia Viewer

Today’s Progress (achievements and frustrations):

Thoughts and Emotions:

Because I did a project about forms the day before yesterday, I am more confident to do Project 5.

Today I adjusted the content and style and am strugling the url of Wikipedia’s API. I found one opensearch API but the search result from the API is not the same as that when searching on the Wikpedia page.

Tomorrow’s plan


Day 34: 2018-01-11 Thursday

Link: Github Repo| Project

Today’s Progress (achievements and frustrations):

  • Udacity: Grow with Google Challenge Scholarship: Front-End Web Dev

    • Tutorial (1 hour)

      • HTML Syntax
      • HTML Syntax Problem Set
      • part of “CSS Syntax”
    • Project (1 hour):

      • Project: Mockup to Article

Thoughts and Emotions:

The excitement to receive Grow with Google Challenge Scholarship disappears!

There is a big difference between Udacity and FreeCodeCamp: projects.

Projects on FreeCodeCamp requires students to finish complete websites. In the future, you can show your websites to other people. Here are the first two FreeCodeCamp projects made by me:

Each project took several hours to finish. It was hard but doable. (This is the essence of learning.)

In the process of doing projects, I learned how to read official documents of Bootstrap and jQuery without effort. FreeCodeCamp did not teach this. I think almost all students will learn it naturally when working on FreeCodeCamp projects.

The first two projects on Udacity

  1. Project: Mockup to Article
  2. Project: Animal Trading Cards (20 minutes)

From the title and time suggested, you can see that the projects are a duplicate of other people’s work. Hence, you definitely cannot show them to your friends, coworkers, or future employers.

Udacity’s projects are a mix of tutorials and exercise. It will teach students what students will use in the “projects” first, and then ask students to reproduce the example. Do you know that every tutorial on FreeCodeCamp is a mix of tutorials and exercise? But FreeCodeCamp does not treat them as a project. They are just tutorials.

With the same amount time spent, you will learn more from FreeCodeCamp than from Udacity.

This is the reason I used the strikethrough: Link: Github Repo| Project. No more project will be produced during the study on Udacity.

I feel guilty of counting the Udacity project into the challenge.

Usually, I study tutorials for an hour and code for an hour every day.

Solution:

  • Count anything on Udacity into the tutorial part.
  • Continue to do FreeCodeCamp projects.

Tomorrow’s plan

  • Study tutorials on Udacity for 1 hour (not count towards the challenge)
  • Do JavaScript part of Project 5: A Wikipedia Viewer
    • Look for API
    • Read on the forum how to solve the error.

Day 35: 2018-01-12 Friday

Link: Github Repo | Project 5: A Wikipedia Viewer

Today’s Progress (achievements and frustrations):

  • Udacity

    • the rest of “CSS Syntax”
    • part of “CSS Syntax Problem set”
  • Project 5

    • Look for API
    • Read on the forum how to solve the error.

Thoughts and Emotions:

Big progression on Wikipedia Viewer!

This was the second time that I felt I can not know how to code. I would not implement it forever.

Persisting on working for one hour a day controls the level of stress. If I work more than 3 hours on one project and do not make progress, I won’t be happy to do it again.

Tomorrow’s plan

  • Study tutorials on Udacity for 1 hour (not count towards the challenge)
  • Do JavaScript part of Project 5: A Wikipedia Viewer
    • Add square border outside search result
    • Add border effect
    • Add JS for search text

Day 36: 2018-01-14 Saturday

Link: CodePen: animal trading cards

Today’s Progress (achievements and frustrations):

Thoughts and Emotions:

Animal trading cards is the first Udacity project to be counted towards the challenge. It looks like a toy. Its quality is not as good as FreeCodeCamp’s projects. I will not include it in my portfolio page.

So far, the fastest progress is the questions from Lesson 12 in the forum. I am studying Lesson 11. I feel relieved.

Tomorrow’s plan

  • Study tutorials on Udacity for 1 hour (not count towards the challenge)
  • Do JavaScript part of Project 5: A Wikipedia Viewer
    • Add JS for search text

Day 37: 2018-01-14 Sunday

Link: Github Repo | Project 5: A Wikipedia Viewer

Today’s Progress (achievements and frustrations):

  • Udacity Tutorial
    • What is JavaScript?
    • Data Types & Variables
    • Part of “Conditionals”

Thoughts and Emotions:

I made a JavaScript form project before: Github Repo | Project 13: Gumroad Plan Calculator. I thought I understood how to transfer data from the form to JavaScript code.

It is wrong.

jQuery used different syntax. I do not know how data is transferred between JavaScript style and $(document).ready(). I used search terms naively to search on Google and did not find good tutorials.

FreeCodeCamp tutorials do not teach how to submit the form. It is disappointing.

Tomorrow’s plan

  • Study tutorials on Udacity for 1 hour (not count towards the challenge)
  • Do JavaScript part of Project 5: A Wikipedia Viewer
    • Ask help on the gitter
    • Add JS for search text

Day 38: 2018-01-15 Monday

Link: pixel art maker

Today’s Progress (achievements and frustrations):

  • Finished “Grow with Google Scholarship: Front-End Web Dev”

Thoughts and Emotions:

I am procrastinating other stuff and insisted on doing “Grow with Google Scholarship: Front-End Web Dev” the whole day. Then I finished it.

Finishing the Udacity course does not give me a feeling of fulfillment.

Tomorrow’s plan

Rest. I will have a rest for a day.


Day 39: 2018-01-16 Tuesday

Link: Github Repo | Project 5: A Wikipedia Viewer

Today’s Progress (achievements and frustrations):

  • Finished Project 5!!!

Thoughts and Emotions:

I planned to have a day off today. Just now I finished today’s challenge 🤣

The Wikipedia View took me so much time that I lost confidence to finish it. I had difficult in the event of the form. FreeCodeCamp doesn’t provide the related tutorial, and reading a whole jQuery book is daunting. Udacity provided the content luckily. It was in the second half of the course. I was so impatient that I overworked yesterday to learn it.

Udacity tutorial and persistence on working one hour per day help me finish another challenging project.

What is difficult:

  1. Using Bootstrap will make my own css style unpredictable and hard to debug.
  2. Adding a verticle line before a block when it is hovered.

    Blocks not hovered have transparent left borders.

    1
    2
    3
    4
    5
    6
    7
    	.search-block{
    border-left: 10px solid transparent;
    }

    .search-block:hover {
    border-left: 10px solid rgb(212, 99, 44);
    }
  3. Wikipedia API

  4. Adding event.preventDefault(); within $("#form").submit(function(){});
  5. Fontawesome icon and the text do not in the same line when the window size becomes small.

Tomorrow’s plan

  • Have a rest.

Day 40: 2018-01-18 Thursday

Today’s Progress (achievements and frustrations):

  • Draw a line graph with Chartjs

Thoughts and Emotions:

There is no easy way to build a JavaScript graph that can accept users’ input and can be showed online.

R has a web app called Shiny App to generate what I want. But it requires back-end server.

  1. I do not have a server to run Shiny Apps.
  2. It requires me to learn how to code for Shiny Apps.

I don’t want to buy a server and to learn it.

The solution is to choose a JavaScript framework to draw graphs.

Compared with R, all of them are not fast to draw graphs.

It always has a trade-off. No perfect solution now.

Tomorrow’s plan

  • Continue to draw the line graph with Chartjs

Future plan

Day 41: 2018-01-19 Friday

Today’s Progress (achievements and frustrations):

  • Chose a Hugo theme
  • Edit the Hugo theme
  • Chose a Hexo theme
  • Edit the Hexo theme

Thoughts and Emotions:

I wanted to build/customize a theme for saving my solution to leetcode algorithm challenges.

First, I chose Hugo because of its speed. There is a big drawback that made me gave it up. Hugo will updates automatically when users write posts; it deploys constantly. To achieve this, Hugo saves the contents in the memory. It is the best choice for people who write posts only. It becomes a big pain for developers since Hugo will delay to update if files of themes are changed. I cannot tell immediately whether my code is working or not and have to wait for Hugo for an unknown length of time.

Then I tried Hexo. My blog was made from Hexo and I like it very much. After hours of searching, I finally chose hexo-theme-Anisina.

I thought it would be quick to edit a mature theme. In fact, I spent the whole day and did not complete. 😰

Tomorrow’s plan

  • Finish editing the theme

Day 42: 2018-01-20 Saturday

Today’s Progress (achievements and frustrations):

  • Edited the A-RSnippet theme

Thoughts and Emotions:

I was a little bit mad at hexo-theme-Anisina. The design is beautiful, but the code is messy. There is a lot of code not used.

Based on my experience of choosing WordPress themes, Hexo themes, and Hugo themes for 10 years, you can only know whether a theme is really good or not after trying it.

Again, an entire day.

Tomorrow’s plan

  • Finish editing the theme

Day 43: 2018-01-21 Sunday

Today’s Progress (achievements and frustrations):

  • Edited the A-RSnippet theme

Thoughts and Emotions:

Oh… I continue adjust the theme.

Thanks for having been taking courses on FreeeCodeCamp and Udacity. I can understand more code than before.

In the past, I read CSS file and did not understand why the style was not right. Now I figured out that past me would never why because CSS was changed by JavaScript and I knew nothing about JS at that time.

Tomorrow’s plan

  • Finish editing the theme

Day 44: 2018-01-22 Monday

Today’s Progress (achievements and frustrations):

  • Edit the A-Rsnippet theme
  • Read around 90 Hexo themes

Thoughts and Emotions:

Oh… I continue adjust the theme. It is the fourth day.

I finally reach a point that the current theme is almost satisfying.

I need more appearance design to make it unique before publishing to the official Hexo website.

A little bit discouraging. It seems there is more needed to learn to build a blog theme. Hexo can use styl and ejs. Javascript taught by FreeCodeCamp and Udacity is a small portion of the knowledge.

Bootstrap used by the theme is version 3, not version 4 that I learned last month. I spent a lot of time on making a navigation bar. It is the hardest part of Bootstrap whatever version it is.

The icon of Patreon is provided by fontawesome 5 and not by fontawesome 4. The theme used version 4. Version 4 and 5 are so different that I cannot afford to take more time to transfer.

I thought I can finish reading themes today. I overestimated my ability.

I overworked for four days. I feel tired. My life is broken.

Tomorrow’s plan

  • Read Hex themes

Day 45: 2018-01-23 Tuesday

Today’s Progress (achievements and frustrations):

Thoughts and Emotions:

  • Yesertday: 12 a.m. - 4 a.m.
  • Today: 12 a.m. - 8p.m.

I spent 12 hours 😵 (eating time included) to read 184 themes one by one. There are some features I put in my future’s todo list.

Some theme authors used their blogs as demo. They are young. A lot of them are in the universities or just graduated. I have to confess that this made me sad. I am older but knew web development less than them.

I am preparing to publish it to the Hexo theme page.

Hugo has much better list of tags to show the characteristics of themes. I read the list and chose which tag to add 😃 .

I was wrapping up the files to release. In the process, there are bugs and inconsistency showing up. It is great. It cannot be finished until I completed the documentation.

I thought I can finish submitting the theme. I overestimated my ability.

Tomorrow’s plan

  • Write a documentation to be placed in the README.md file on GitHub
  • Move files to the example website folder
  • Build a brand new website to test the example website
  • Upload to GitHub
  • Use Netlify
  • Add a subdomain name
  • Create a patreon page
  • Create a cover photo for the theme
  • Submit the theme to Hexo
  • Google site verification
  • Create a forum
  • Summarize future features

After that, I will do data analysis


Day 46: 2018-01-24 Wednesday

Link: Github Repo | Project 15: Hexo theme A-RSnippet

Today’s Progress (achievements and frustrations):

  • Wrote documentation
  • Found more bugs when writing documentation
  • Adjusted the example site
  • Created a Discord Channel
  • Created a Patreon page
  • Connected Patreon to Discord
  • Released a version for the first time!!!!
  • Pulled request to Hexo website This is my first time to pull a request!!!
  • Created a picture for the theme


Thoughts and Emotions:

During making the theme, I learned

  • ejs
  • practicing CSS, bootstrap, JavaScript, and jQuery
  • writing documentation
  • write a list of pages to test each function
  • thinking about how to maintain a small but not easy open-source project
    • create a community: a forum
      Users will ask questions in a forum. GitHub issue section is for issues and future features only.
    • get donation: patreon
      I will charge users based on release, not monthly.
  • I think of one way to organize notes that are impossible to be arranged in the table: create a static generated documentation website. I can access it online and locally. Everybody can see the notes and it reduces the effort for privacy.

    Now I plan to make 4 websites!!! I will not customize the theme. It is time-consuming.

    1. documentation for R packages I learned and used
    2. documentation for statistics knowledge. I forgot a lot.
    3. document for reading paper. This has been never solved. The new method seems promising.
    4. (private) documentation for doing projects

      • log email
      • log data
      • log everyday activity
      • log my thinking

        I used MarkDown to log email, data, and everyday activity. But it does not seems to be easily read. Becuase the documentation is so long. Most of keywords are the same, and thus it is impossible to search. MarkDown’s table of contents are usually at the beginning of the page for all apps. It is hard to use. Documentation websites provide TOC fixed at sidebar. It can be seen all the time.

Tomorrow’s plan

  • Create a forum
  • Create a documentation website for the data analysis project
  • Create a documentation website for R package
  • Create a documentation website for reading paper

After that, I will do data analysis.


Day 47: 2018-01-25 Thursday

Link: Github Repo | Project 15: Hexo theme A-RSnippet

Today’s Progress (achievements and frustrations):

  • Created a forum

Thoughts and Emotions:

January 19, 20, 21, 22, 23, 24, 25: 7 days to finish the first version of the Hexo A-RSnippet theme.

I searched online and found flarum. It is a forum app that uses PHP. I like discord and NodeBB. Because both of them require cloud server, I have to pay an additional fee if I use them.

Luckily, I found a website freeflarum.com that hosts Plarum forum for free. Their business model is to show some ads on the free forums. So far, I do not see any ads and am not sure when and what ads will show.

Making open source project is time-consuming. If there is no sustainable business model, most of the good open-source respositories will not update regularly.

Tomorrow’s plan

  • Made a Hexo layout for streaming data science
  • multi-language

Day 48: 2018-01-27 Saturday

Link: http://yingjiehu.com/archive_streaming_data_science/

Today’s Progress (achievements and frustrations):

  • Live Streaming on twitch
  • Added a new template to show streaming for data science

Thoughts and Emotions:

I streamed for data science in the afternoon. At night, I planned to stream for one hour, but I talked to several persons and had to talk during coding. The speed of coding is very slow. I did not know whether I will do it or not. I cannot find the bugs during streaming and finished quickly after it. Though I can practice English, the length of time spent concerns me.

Tomorrow’s plan

  • Internationalization for A-RSnippet theme
    • Edit templates
    • Create one file for simplified Chinese
    • Check bugs

Day 49: 2018-01-28

Link: Github Repo | Project 15: Hexo theme A-RSnippet

Today’s Progress (achievements and frustrations):

  • Create a post if title is empty
  • Delete website subtitle

Thoughts and Emotions:

I finished my goal today: add internalization for Hexo A-RSnippet theme.

I was streaming while I was coding. Yesterday, I talked along the way. Today I kept quiet and coding. No new followers. It is normal.

Tomorrow’s plan
[ ] Start freecodecamp Twitchtv JSON API


Day 50: 2018-02-02 Friday

Link: Github Repo | Project 15: Hexo theme A-RSnippet

Today’s Progress (achievements and frustrations):

  • Added related post to the theme
  • Started to learn back-end on FreeCodeCamp.

Thoughts and Emotions:

I do not feel fulfillment to use npm modules to add features to the theme.

I feel frustrated. FreeCodeCamp does not teach all JavaScript and AJAX. I need to learn outside. I feel worried about learning books and watching video tutorials without projects. In addition, I do not have time to reading more books.

Tomorrow’s plan

No plan.


Related posts: