JavaScript Project Portfolio

Nash Ang

About Me

Hello! I'm Nash Ang. This portfolio is a collection of my work from the Computer Networking and Information Technology (CNIT) 133 course at City College of San Francisco, which I completed in the Fall 2022 semester. These projects represent my journey in learning client-side scripting and its power to create dynamic and interactive web experiences. Each assignment was a building block in my understanding of JavaScript, AJAX, and jQuery.

Course Projects

Homework 2

A demonstration of basic JavaScript operations, including `document.write` and inline styling.

Learning Points:
  • - Understanding of basic JavaScript syntax.
  • - Manipulating the DOM with `document.write`.
  • - Applying styles dynamically.
View Project

Homework 3

Exploring control structures and loops to create repetitive patterns and conditional logic.

Learning Points:
  • - `for` loops and `while` loops.
  • - `if/else` statements.
  • - Building complex logic with nested structures.
View Project

Homework 4

An introduction to functions and variable scope, essential concepts for writing modular and reusable code.

Learning Points:
  • - Defining and calling functions.
  • - Understanding local vs. global scope.
  • - Passing parameters and returning values.
View Project

Homework 5

Working with objects and arrays to store and manipulate collections of data.

Learning Points:
  • - Creating object literals and arrays.
  • - Accessing and modifying object properties and array elements.
  • - Looping through collections.
View Project

Homework 6

A deeper dive into DOM manipulation and event handling to create interactive web pages.

Learning Points:
  • - Selecting DOM elements with `getElementById` and `querySelector`.
  • - Modifying element content, styles, and attributes.
  • - Handling user events like clicks and mouseovers.
View Project

Homework 7

Using AJAX and the Fetch API to retrieve data from a server asynchronously.

Learning Points:
  • - Understanding the concept of asynchronous programming.
  • - Making `fetch` requests to a remote API.
  • - Handling JSON data and updating the DOM with the results.
View Project

Homework 8

An introduction to the jQuery library for simplifying common JavaScript tasks.

Learning Points:
  • - Using jQuery selectors to find elements.
  • - Simplifying DOM manipulation and event handling with jQuery.
  • - Making AJAX requests with `$.ajax`.
View Project

Let's Connect!

I'm always open to new opportunities and collaborations. Feel free to reach out and connect with me through any of the following platforms: