Assignment 1 provided a thorough dive into the basics of HTML and CSS. The task was to create a web page that used basic HTML syntax for structure and CSS for styling, highlighting the role each plays in web development.
After completing this assignment, I gained more knowledge about the significance of well formatted HTML and the various ways that CSS can enhance a page's appearance. It was difficult at first to learn how to style a page using various CSS layout techniques and tags, but once I got the hang of it, styling the page with basic CSS tags was much simpler. This experience has helped me to better understand the fundamentals of web development.
| 1. Understanding the Basic Structure of HTML |
| 2. Exploring the Fundamentals of CSS |
| 3. Combining HTML and CSS for Web Development |
| 4. Learning Basic Web Development Tools |
Assignment 2 focuses on creating an interactive form that collects user information and uses decision control structures to provide custom feedback. This assignment improves my understanding of web forms, JavaScript, and the Document Object Model (DOM).
| 1. Form Creation and Input Handling |
| 2. JavaScript Form Validation |
| 3. Decision Making with Control Structures |
| 4. DOM Manipulation |
In Assignment 3, the focus was on utilizing repetition control structures and arrays to develop a program capable of computing a variety of descriptive statistics based on user-provided data. This assignment involved creating a form to collect numbers from users, and a suite of JavaScript functions to analyze this data.
Through this assignment, I have deepened my understanding of JavaScript's capabilities in handling arrays and performing mathematical computations, enhancing my skills in data analysis and manipulation in web development contexts.
| 1. Implementing Repetition Control Structures |
| 2. Utilizing Arrays in JavaScript |
| 3. Developing Functions for Data Analysis |
| 4. Enhancing Interactivity with User Input |
| 5. Applying Statistical Concepts in Programming |
In Assignment 4, we integrated Bootstrap and jQuery into the current webpage (Assignment 2) to create responsive and interactive pages. This project uses Bootstrap's grid structure and responsive utilities to develop a travel preferences survey form that adjusts to various devices and screen sizes. We used jQuery to enhance the user experience with dynamic content manipulation and form validation.
This project helped me improve my web development skills, including developing user-centered interfaces and writing clean JavaScript code. This assignment has improved my skills to develop practical, visually appealing, and accessible web sites for multiple devices.
| 1. Responsive Web Design with Bootstrap's Grid System |
| 2. Interactive Elements with jQuery |
| 3. Form Validation and Dynamic Content Manipulation |
| 4. Cross-Device Compatibility and Accessibility |
Assignment 5 takes web development to the next level by exploring advanced concepts such as server-side or backend technologies. In this assignment, we delved into topics such as server-side scripting with PHP, reading and writing data into csv files, and creating a dynamic web application using HTML, CSS, jQuery, & PHP.
This assignment has provided me with valuable insights into creating dynamic web applications and understanding the backend components of web development.
| 1. Server-Side Scripting with PHP |
| 2. Reading and Writing Data into CSV Files |
| 3. Creating a Dynamic Web Application using HTML, CSS, jQuery, & PHP. |
| 4. Understanding the Backend Components of Web Development |
Assignment 6 introduced the integration of databases with web applications. The key focus was on creating, reading, updating, and deleting (CRUD) operations using a MySQL database in conjunction with server-side scripting in PHP.
I got to have a hands-on experience in this assignment with relational database management and the use of SQL to interact with a database. It also reinforced the importance of secure programming practices to prevent SQL injection attacks.
| 1. Implementing CRUD Operations in Web Applications |
| 2. Integrating PHP and MySQL for Dynamic Content Management |
| 3. Using Best Practices for Database Security and SQL Injection |
Assignment 7 focused on the use of AJAX to improve user experience by enabling asynchronous data retrieval without refreshing the web page. This assignment involved creating a user-interactive web application that filters and displays movie data from a server-side database in real time.
Personally, the challenging part was to understand and implement AJAX calls using JavaScript and manage the server response with PHP. Although by completing this assignment, I did learn how to manipulate the DOM based on user actions and make web pages more dynamic and responsive using JavaScript & Ajax.
| 1. Implementing AJAX for Asynchronous Data Fetching |
| 2. Dynamic Content Display with DOM Manipulation |