Don't forget to hit the ⭐ if you like this repo.
JavaScript is a popular programming language that is used to create interactive online applications. It is a scripting language that runs on the web browser's client side, allowing developers to create dynamic and responsive websites. This lab activity is divided into three levels: basic, intermediate, and advanced, with the goal of assisting developers in polishing their JavaScript programming skills. Developers can improve their JavaScript skills and create more robust and sophisticated web applications by routinely practising these activities. Continuous practice with exercises helps developers become more proficient in JavaScript and enables them to build more robust and sophisticated web applications.
JavaScript is a versatile programming language used primarily for web development in building web applications. It provides the capability to implement dynamic features on web pages that cannot be achieved with HTML and CSS alone. As a client-side scripting language, JavaScript code is processed by the user's web browser rather than on the web server, allowing JavaScript functions to run after a webpage has loaded without the need to communicate with the server.
The lab comprises ten exercises related to JavaScript, covering a broad range of topics such as string manipulation, mathematical formulas, numbers, conditional statements, and loops. Each lab exercise includes a detailed description, a pictorial representation, and a flowchart to aid in completing the exercises. Additionally, an exercise lab is provided, which includes input values and outputs that must be produced.
To complete the exercises, you need to write the complete program code using JavaScript and save the files with a name based on the question number, such as "lab1js.html" for Lab 1. It is essential to include the name of the group member who completed the assignment in each file to avoid confusion during grading. By completing these exercises, you can enhance your programming skills and gain practical experience in implementing JavaScript functions in real-world scenarios.
| Lab | Title | Files |
|---|---|---|
| 01 | Compute the exponent of a number |  |
| 02 | Determine whether a number is even or odd | |
| 03 | Conditional Statement and loops | |
| 04 | Calculate the students' averages and grades | |
| 05 | Create a pattern with a nested for loop | |
| 06 | Conditional statement to sort the numbers | |
| 07 | Multiplication and division of two numbers | |
| 08 | Determine integer values fall within the range | |
| 09 | Converts upper case letters to lower case letters and vice versa | |
| 10 | Determine the longest word in a string | |
This lab will cover intermediate JavaScript concepts. To help you apply what you learn, 13 exercises are provided, including Personal Portfolio Website, JDT Jersey Product Card, and Coming Soon landing page. We recommend that you collaborate with your team to discuss and find solutions to the exercises. This teamwork approach can foster a supportive and collaborative learning environment, enabling you to share knowledge and skills with each other and ultimately improve your problem-solving abilities.
| Lab | Title | Files |
|---|---|---|
| 01 | Personal Portfolio Website | |
| 02 | JDT Jersey Product Card | |
| 03 | Coming soon landing page | |
| 04 | Range Slider | |
| 05 | Admin Dashboard Panel | |
| 06 | Custom Color Theme Website | |
| 07 | Login | |
| 08 | Login Form Validation | |
| 09 | Form for Login and Registration | |
| 10 | Registration Form | |
| 11 | Password Validation | |
| 12 | Password Strength Analyzer | |
| 13 | Multi step form wizard | |
This section will cover advanced JavaScript topics, which will require you to delve deeper into the language and its advanced features. To complete the lab exercises successfully, you will need to collaborate with your team and discuss the questions given at each exercise thoroughly. The lab exercises are designed to challenge your problem-solving skills and push you to think creatively to find solutions. Therefore, it is crucial to pay close attention to each lab exercise and take the time to analyze and understand the problem statement. Through this collaborative and rigorous approach, you can enhance your proficiency in advanced JavaScript and become better equipped to tackle more complex programming tasks in the future.
| Lab | Title | Files |
|---|---|---|
| 01 | A Notes App | |
| 02 | Tags Input Box | |
| 03 | A Todo List App | |
| 04 | Text To Speech Converter | |
| 05 | A Dictionary App | |
| 06 | A Language Translator AppA Dictionary App | |
| 07 | A Random Quote Generator | |
| 08 | A Weather App | |
| 09 | A Currency Converter | |
| 10 | QR Code Generator | |
| 11 | A Quiz App with Timer | |
| 12 | Sidebar Menu Templates | |
| 13 | Responsive Navigation Bar | |
-
This task must be done in groups (4 people per group).
-
Please provide your contact information in the HTML
<head>.
<!--
Lab XX: XXX
Group:
1. Name: [Name], Matrix No: [Matrix Number], Github ID: [Github ID]
2. Name: [Name], Matrix No: [Matrix Number], Github ID: [Github ID]
3. Name: [Name], Matrix No: [Matrix Number], Github ID: [Github ID]
4. Name: [Name], Matrix No: [Matrix Number], Github ID: [Github ID]
-->- You must place your file in the submission folder. Within the submission folder, create a folder named after your group.
Example: /submission/[group-name]/[your-file]
(Note: please replace [Name], [Matrix Number], [Github ID], [group-name], and [your-file] with the appropriate information)
Please create an Issue for any improvements, suggestions or errors in the content.
You can also contact me using Linkedin for any other queries or feedback.