Full Stack - Level 1 Module 4 – Jiangfeng Li

1. An Overview of Things Learned

Technical Area:

  • Learned how to edit Discourse Theme remotely and preview theme on the Theme Creator.

  • Learned how to add html elements to the header of theme.

  • Learned how to add SCSS color variables and change the customize .scss file to make the header of theme prettier.

  • Learned how to use some basic pluginAPI methods.


  • VS Code.

  • STEM-Away forum

  • Git

  • GitHub

  • Discourse

  • Discourse Theme Creator

  • SCSS

  • pluginAPI

  • HTML

  • jQuery

  • JSFiddle

Soft Skills:

  • Learned how to practices the new languages and tools that are currently acquired.

2. Achievement Highlights

  • Successfully added a new header to the Theme by creating a header HTML on GitHub remotely

  • Successfully modified the background color and text color of header to the preference color.

  • Wrote a method to get the current user and print greeting messages on both alert and header.

3. Tasks completed

  • Reading the “Developer’s guide to Discourse Themes” briefly

  • Customize own remote theme on Discourse Theme Creator

  • Add or Edited some HTML and SCSS files

4. Challenges faced

  • Sometimes I found that the color of the preview Theme is totally different from What I expected. Soon I really whenever I edit the Color Palette and pull updated codes from GitHub simultaneously, I may take the risk of losing customized colors. Therefore, I try to avoid modifying the colors while updating my remote theme from GitHub and everything works well most of the time.