• We are STAs
    • Diya Nair
    • Haley Ma
    • Kate Shih
    • Kyra Lee
    • Leilani Cabello
    • Lila Mali
    • Marissa Devivar
    • Nicholas Peasley
    • Raaga Srimadh
    • Shanda Horm
    • Shriya Atreya
    • Thang Truong
  • We were STAs
  • STA Presentation
    • STA Presentation 2017
    • STA Presentation 2016
  • Testimonials
  • Resources
  • Home

STA Blog

Week 3

September 20, 2022 By Thang Truong

Week 3 (19 – 22)

Training for Web Dev: Git and Github basics

Started on: September 20, 2022
Completed on: September 20, 2022

Description: I learn the basics of using git on terminal line.

I learn to update the git by using git add -u, git commit -m ‘Sample message to commit’. and git push.

Here is the finished product and the second picture shows what is behind the scene.

 

Training for Web Dev: Add Help Docs

Started on: September 20, 2022
Completed on: September 20, 2022

Description: I learn how to add help docs to the Grav so that the new user who also want to edit blog and post it can locate the document to find extra help.

 

User Testing Grav Interface. Can see the Help Docs on the left
The Help Docs on the main admin dashboard. 1) Need to add the help docs page 2) Need to enable the help docs to new user
The User can see the help docs

Training for Web Dev: WordPress Basic

Started on: September 20, 2022
Completed on: September 20, 2022

Description: I learn the basics of using git on terminal line.

I learn to update the git by using git add -u, git commit -m ‘Sample message to commit’. and git push.

Here is the finished product and the second picture shows what is behind the scene.

Through the trainings, I know how to:

  1. Installing Astra Child Theme
  2. Write and Publish a Page
  3. Write and Publish a Post
  4. Customize the theme
  5. Change Properties in the Global Tab

 

Project: Finding a HTML embeddable Calendar

Started on: September 21, 2022

Completed on: September 21, 2022

Description: For one of the upcoming project, I was tasked with finding a HTML embeddable calendar. I did my research on 9 of them and chose 5 to include on the Google Docs. After diving deeper into the research, I found only 2 that showed their potential: Google Calendar and Tockify.

Requirements: 

  1. Need to be embeddable in HTML
  2. Little to no cost
  3. Beautiful layout
  4. Can customize with some of the elements
  5. Can color code event and add one day or week long events

Challenges: 

I found a couple of embeddable HTML calendars, but it was hard to find one that satisfy or check all the boxes. When we rely on third-party app or service, it seemed harder to customize to our own preference although we do not need to worry about the database or a lot of the behind the scene operation for the app. Therefore, there are some sacrifices when we choose third party app.

Lesson learned: 

While uploading the documents, I choose Google Docs which is not very sustainable in the long run. Therefore, I learned to ask for protocol to follow so that future Web STAs can see, access and learn from my findings.

After asking Marianne for the protocol, she suggests to create a folder in Box and share the link to Box on Basecamp. Lessons learned indeed!

 

Tockify:

Google Calendar:

 

 

Training: Web Dev Basics: How to Use the Browser Inspect Tool

Started on: September 22, 2022

Completed on: September 22, 2022

Description: For this training, I will get to learn about the browser inspect tool of the website. This is extremely useful because it will allow developers to know the HTML elements and CSS styles for the website. If there is anything wrong with the layout, the dev can access the browser inspect tool to examine if any of the elements they did was wrong or not.

TASK:

  1. HTML Modification: Change the banner image of the website of Department of Rhetoric Literature and Writing. The first image is the original photo. The second image is the image I need to change it into. For the third, I found a cool gaming banner so I wonder if that looks good on the website. I think it gives the website futuristic vibe. For the fourth, I want to change into a meme and I chose nyan cat meme and it brings to the website NFT vibe.

     

  2. CSS Modification: Change the color of the pop-up with CSS panel.

 

 

 

 

 

Filed Under: Fall 2022 - Spring 2023

link to LAITS home page

Video STA Home

© 2025 Liberal Arts Instructional Technology Services | Production Credits