Web Application Programming and Hacking

Front end development lab

Instructor: Dr. Phu Phung

A Simple HTML Page

Using the W3 schools template

Web Application Programming and Hacking Course Information

This course studies the basic web application development with front-end (HTML5, JavaScript, CSS) and back-end (PHP/MySQL). In addition, the course introduces Web application vulnerabilities and attacks with hands-on exercises on the range. Secure programming principles and practices will be introduced to avoid potential web application vulnerabilities and attacks.

This course includes Hands-on Labs through Hackathons

Overview of Lab 0

This Lab is completed in two parts. In the Part 1 of this lab, Configuration an Ubuntu virtual machine. I proceeded to install essential software components including net-tools, Sublime Text, Git, Pandoc, Apache 2, Google Chrome, and Wireshark to establish the lab environment. In Part 2, I cloned the course repository from GitHub to my local machine. Additionally, I generated an SSH key pair, enabling me to clone my private repository to the local machine without the need for user credentials. This facilitates seamless Git actions in the repository.

Overview of Lab 1

This lab is covered in Lecture 3 with the following tasks. Part I: The Web and HTTP Protocol Task 1 (10 pts). Familiar with the Wireshark tool and HTTP protocol Task 2 (10 pts). Understanding HTTP using telnet and Wireshark. Part II: Basic Web Application Programming Task 1 (10 pts). CGI Web applications in C Task 2 (10 pts). A simple PHP Web Application with user input. Task 3 (10 pts). Understanding HTTP GET and POST requests

Overview of Lab 2

This Lab is divided into 2 tasks. The part 1 of the lab is to create basic HTML Page with including forms and Java Script. While Task 2 involves Ajax, CSS, jQuery and Web API Integration. I have followed the steps given in the lecture slides and watched the class recordings to get to know about the lab tasks and have done this lab in Virtual Machine with the help of Sublime Text Editor.

Overview of Hackathon 1

This hackathon consists of multiple hands-on exercises covered in Lectures 7-8, where I would perform cross-site scripting attacks on multiple levels to understand the vulnerabilities as well as defense methods. I followed the instructions to do the lecture exercises to complete this hacking exercise.

Overview of Individual Project

This Individual project is to develop a portfolio for myself and to showcase my skills in order to target my potential employer. This has been pushed into a public repository. Additionally, apart from the contents of my resume, there were additional tasks given by professor that were already covered in previous labs.