Welcome to our Team Lab Repository! 🚀 Here, our dynamic team shares a collection of projects and experiments, showcasing our passion for innovation and collaborative exploration.
Lab1 guides participants through three exercises to enhance their web development skills. Exercise 1 focuses on honing HTML proficiency, creating a webpage with various heading levels, paragraphs, and styled text elements. Exercise 2 delves into visual elements, lists, and links, incorporating image and video integration, list creation, and hyperlinking. Exercise 3 introduces CSS selectors and styling, challenging participants with tasks such as changing heading colors, modifying backgrounds, and implementing advanced styling techniques. This lab provides a hands-on experience in structuring and styling web pages, catering to both HTML and CSS proficiency.
Lab2.Part1 introduces Version Control System (VCS) using Git and GitHub, guiding users through creating a local repository, committing files, and pushing code to a GitHub repository named "CAW_Labs." Lab2.Part2 focuses on JavaScript, DOM manipulation, and events, implementing a maze game where users navigate without touching walls. The JavaScript code handles wall color changes, congratulatory messages, maze reset, and prevents cheating, with the final task involving uploading the solution to the GitHub repository created in Part1.
Lab 3 provides a comprehensive exploration of JavaScript runtime, emphasizing its significance in server-side web development. It covers fundamental aspects, from installation and usage to the Node.js module system and NPM package management. Practical exercises allow participants to gain hands-on experience in creating functions, handling file operations, and enhancing their skills in the dynamic Node.js environment.
Lab4 introduces Jest, a JavaScript testing framework for unit testing modules. It highlights the significance of Jest in improving code quality, reducing development time, and increasing confidence in code reliability. The tutorial covers the installation process, creation of test files, writing test cases with Jest's assertion library, and executing tests using the Jest CLI. Practical exercises involve writing and testing test cases for JavaScript functions, demonstrating Jest's role in efficient testing practices for developers.
Lab5 engages participants in React development through a diverse set of exercises. Exercise 1 involves creating interactive components, including a toggle button and a counter with increment and decrement functionality. Exercise 2 centers on the transformation and customization of a table into an unordered list, progressively refining its display and incorporating dynamic element removal. Exercise 3 challenges participants to design an authentication form that, upon submission, presents a list of users with individual delete buttons. Lastly, Exercise 4 entails building a component enabling the addition of styled div elements to the page through a form submission.