|
1 | | -# Javascript_implementation |
| 1 | +# Javascript_implementation |
| 2 | +# JavaScript Implementations for Web Development |
| 3 | + |
| 4 | +**Tarun Das** |
| 5 | +Integrated Dual Degree BTech-MTech, CSE - Class of 2029 |
| 6 | +SAU/CS/DMTECH(CSE)/2024/32 |
| 7 | + |
| 8 | +--- |
| 9 | + |
| 10 | +## 📁 Repository: JavaScript Implementations for Web Development |
| 11 | + |
| 12 | +*(Integrated Dual Degree BTech-MTech, CSE – Semester 2)* |
| 13 | + |
| 14 | +This repository documents a comprehensive collection of JavaScript implementations created as part of the Web Development course at **South Asian University**. These projects reflect the integration of client-side scripting to enhance interactivity and dynamic behavior in web interfaces, built upon foundational HTML and CSS. |
| 15 | + |
| 16 | +--- |
| 17 | + |
| 18 | +## 📖 Introduction |
| 19 | + |
| 20 | +This repository serves as a curated portfolio of JavaScript code exercises and mini-projects completed during the second semester. The goal of these implementations was to solidify understanding of core JavaScript concepts relevant to front-end web development. The projects exhibit proficiency in: |
| 21 | + |
| 22 | +* Manipulating the DOM |
| 23 | +* Handling user events |
| 24 | +* Validating form inputs |
| 25 | +* Implementing algorithmic logic |
| 26 | +* Creating dynamic UI components |
| 27 | +* Utilizing browser storage (local/session) |
| 28 | + |
| 29 | +--- |
| 30 | + |
| 31 | +## 📌 JavaScript Project Portfolio |
| 32 | + |
| 33 | +Below are selected highlights from the repository: |
| 34 | + |
| 35 | +### Basic Concepts & Syntax |
| 36 | + |
| 37 | +* **Display an Alert on Page Load** |
| 38 | +* **Change Button Color on Click** |
| 39 | +* **Variables and Data Types I/O** |
| 40 | +* **JavaScript Operators & Expressions** |
| 41 | + |
| 42 | +### Control Flow & Functions |
| 43 | + |
| 44 | +* **Simple Grade Calculator** |
| 45 | +* **Multiplication Table Generator** |
| 46 | +* **Conditional Logic & Loops** |
| 47 | +* **JavaScript Functions (normal & arrow)** |
| 48 | + |
| 49 | +### DOM Manipulation & Events |
| 50 | + |
| 51 | +* **Dynamic Color Mixer** |
| 52 | +* **Simple Calculator** |
| 53 | +* **JavaScript Event Handling (click, keydown, submit)** |
| 54 | +* **Light Bulb Toggle Effect** |
| 55 | +* **Real-Time Digital Clock** |
| 56 | + |
| 57 | +### Forms & Validation |
| 58 | + |
| 59 | +* **Basic Registration Form** |
| 60 | +* **Form with Client-side Validation** |
| 61 | +* **Interactive Registration Form with Feedback** |
| 62 | + |
| 63 | +### Applications & UI Components |
| 64 | + |
| 65 | +* **Task Manager** |
| 66 | +* **Feedback Collector** |
| 67 | +* **Daily Journal App (with localStorage)** |
| 68 | +* **Notes Application** |
| 69 | + |
| 70 | +### Storage & Personalization |
| 71 | + |
| 72 | +* **Welcome Message with Session Storage** |
| 73 | +* **User Preferences (Theme/Font via localStorage)** |
| 74 | + |
| 75 | +### Utility Features |
| 76 | + |
| 77 | +* **Interactive Counter App** |
| 78 | +* **DOM Activity: Color Box + List** |
| 79 | +* **Show & Hide Password Field** |
| 80 | + |
| 81 | +--- |
| 82 | + |
| 83 | +## ⚙️ Technical Specifications |
| 84 | + |
| 85 | +* **HTML5**: For semantic web structure |
| 86 | +* **CSS3**: For responsive design and aesthetics |
| 87 | +* **JavaScript (ES6)**: For dynamic functionality and interactivity |
| 88 | + |
| 89 | +--- |
| 90 | + |
| 91 | +## 📸 Snapshot |
| 92 | + |
| 93 | +> |
| 94 | +> *A modern scrollable layout with colorful, section-wise feature cards.* |
| 95 | +
|
| 96 | +--- |
| 97 | + |
| 98 | +## 🚀 Getting Started |
| 99 | + |
| 100 | +Clone and run locally: |
| 101 | + |
| 102 | +```bash |
| 103 | +git clone https://github.com/yourusername/js-features-website.git |
| 104 | +cd js-features-website |
| 105 | +open index.html |
| 106 | +``` |
0 commit comments