STA Blog

Week 3

By

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.

 

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.