top of page

WEB APPLICATION

These are the modules and software that I learn as a web application student 

Jan to Jun 2021, Year 1 First Semester

  • IT Essentials and UI/UX

  • Web Development Fundamentals

  • AI for Everyone(not much)

  • Personal and Professional Development I

Jun to Nov 2021, Year 1 second semester 

  • Content Management System

  • Programming Essentials

  • Mobile Video for Marketing 

  • Personal and Professional Development II

Jan 2022, Year 2 (Class of CW2101L) 

  • Rich Interactive Applications

  • Website Development

  • Social Media for Marketing

  • Personal and Professional Development III

Here's a video for a further understanding of web application itself ---->

Types of software that I used in this course for the first half of 2021, till 2022 

Photoshop

photoshop logo.png

- Editing pictures
- Resizing picture

- Make logos for websites (one of them shown on the home page) 
- Make UI/UX mockup website

AS2 logo.jpg
Dreamweaver logo_edited.jpg

Dreamweaver

- Used for programming and making websites
- Learn the basics of advanced codes in Dreamweaver (HTML, CSS, and JavaScript)

-Making product websites
- Using xampp and Dreamweaver for PHP website introduction(localhost) *New as of 2022 

 

php.png

WordPress

Wordpress logo.jfif

- Created tourism website and portfolio website
- Use xampp to make the WordPress website work
- Maintain Content Management System(CMS)
- Used plugins for website(Social Icons Widget & Block by WPZOOM, WPForms Lite, Insert Headers and Footers, Portfolio Filter Gallery and etc)

Premiere Pro 

premiere pro_edited.jpg

- Create videos using pictures
- Edit videos and convert them into mp4
- Change transitions for different images/slides
- Allow both image and audio editing 
- Common software to use for video editing usage for youtube
- Allows users to open files and work with any modern video format, including 8K, web files, and even virtual reality

Illustrator

download.png

- Made Company Logo for an upcoming project(On 18 Oct 2021)--->
- Use the pen tool to trace the lines precisely 
- Create a kawaii yeti step by step 

5_Stefan_Simple_Kawaii_Yeti.png

^ My very own yet

Animate

Adobe_Animate_CC_icon_(2020).svg.png

- Do tracing of pictures 
- Colors and shades 
- Handle codes to "animate" the animation
- Coding as well for the animation to stop or proceed to another slide
- Analyze and check for errors when doing coding, for example, syntax errors or run-time errors, etc
- Do a list of errors to show and correct them accordingly 

lab 2f e part 2.JPG
5_Stefan_Project_Logo.png
05_Stefan_lab03.JPG

^ This is the work I did during my course using Animate cc

-> a peek of my error list when we are solving problems in animate cc coding 

59de59f6438d45c692657f69531bac9e-0001.jpg
bottom of page