ChromeCraft Masterclass
The JUIT Student Branch of IEEE inaugurated ChromeCraft masterclass: two days Workshop. Day 1 of the workshop includes the session on Basic JavaScript Syntax and Introduction to DOM was conducted by Varnan Matela , Samson Vincent Julius, and Viren Tanti for the 1st year IEEE members. The session commenced with an overview of JavaScript, highlighting its importance in web development. Participants were introduced to basic syntax concepts such as variables, data types, operators, and control structures.
Furthermore, the session delved into the Document Object Model (DOM), elucidating its role in web development and its relationship with JavaScript. Attendees gained insights into accessing and manipulating HTML elements dynamically using JavaScript.
The importance of event handling in web development was also emphasized, along with practical examples demonstrating how to add event listeners to DOM elements and respond to user interactions.
Additionally, participants were introduced to the concept of functions in JavaScript, including defining and invoking functions, as well as understanding the scope and context of variables.
Throughout the session, interactive examples and hands-on exercises were provided to reinforce learning and encourage active participation.
In conclusion, the session served as a comprehensive introduction to JavaScript syntax and DOM manipulation, providing 1st year IEEE members with foundational knowledge essential for web development. Attendees left the session equipped with the basic skills and understanding needed to embark on their journey in web development.
Day 2 of the workshop includes the session on a Budget Manager and Weather Forecast extension. The session commenced with an overview of Chrome extensions and their significance in enhancing browser functionality.
Participants were introduced to the key components involved in building Chrome extensions, including manifest files, background scripts, popup pages, and content scripts. Practical demonstrations were provided to illustrate the structure and implementation of each component.
The session then delved into the development process of a Budget Manager extension, covering functionalities such as expense tracking, budget setting, and visualization of financial data. Participants learned how to leverage HTML, CSS, and JavaScript to create an interactive user interface for the extension.
Furthermore, the session explored the development of a Weather Forecast extension using Open Weather Map API, enabling users to retrieve real-time weather information for their desired locations. Attendees gained insights into API integration, data fetching, and dynamic content rendering within the extension.
Hands-on exercises were incorporated throughout the session, allowing participants to apply the concepts learned and build their own Chrome extensions under the guidance of the instructors.
In conclusion, the session served as a comprehensive introduction to Chrome extension development, empowering 1st year IEEE members with the knowledge and skills necessary to create functional and impactful extensions for the Chrome browser. Attendees left the session inspired and equipped to explore further possibilities in the realm of web development.
Date and Time
Location
Hosts
Registration
- Start time: 21 Feb 2024 05:30 PM
- End time: 22 Feb 2024 05:30 PM
- All times are (UTC+05:30) Chennai
-
Add Event to Calendar
- Jaypee University of Information Technology
- Solan, Himachal Pradesh
- India 173234
- Room Number: CR-8
- Click here for Map
Media
| ChromeCast Masterclass | 1.18 MiB |