From JavaScript Fundamentals to Hands-On Coding

In the Web2 Advanced first class, we delved into a swift JavaScript revision, laying the groundwork for an enlightening journey into web development intricacies. The focus was on reinforcing fundamental concepts, starting with the basics of JavaScript statements and assignment operators.

This walkthrough emphasized that JavaScript code comprises more than just lines on a screen but includes values, operators, keywords, comments, and expressions. This approach helped me understand how these elements create functional and meaningful scripts.

A significant portion of the class was dedicated to exploring JavaScript datatypes, revisiting essentials like Boolean, objects, strings, null, undefined, object, symbol, and arrays, and how data is stored, manipulated, and processed within the code.

1. Booleans represent true or false values which are key in decision-making in code execution.

2. Objects allow us to structure and organize data

3. Strings are sequences of characters used for text representation.

4. Null denotes the absence of a value

5. Arrays enable the storage of multiple values within a single variable.

My instructor emphasized understanding each datatype's role in writing effective and efficient code. As the class concluded, my takeaways went beyond understanding syntax and semantics for writing statements, I gained a deeper understanding of data structures in JavaScript.

We were also tasked with building a Passenger Counter app. Below is the simple web application, built with HTML, CSS, and Vanilla JavaScript, that tracks passenger counts and saves them for future reference. The live project can be viewed here.(https://passenger-counter-ten-kappa.vercel.app/)

This app is lightweight and has a few features which include

1. Incrementing the passenger count with the "Increment" button,

2. Saving the current count with the "Save" button, and

3. Viewing the history of saved counts.

It's a user-friendly tool to monitor and record passenger data. The project offers me practical application of the JavaScript concepts learned, making it an engaging hands-on experience for reinforcing new knowledge.