Initializing WDL Portfolio...

Web Designing Lab

A comprehensive showcase of responsive, accessible, and dynamic web architectures, covering full-stack development and modern web design principles.

Amey Thakur Roll No: 50 Batch: B3
0 Experiments
0 Practical Exam
0% Complete

Laboratory Experiments

Experiment 01
Semantic HTML5
HTML5 Semantics Structure

Implementation of core structural elements using HTML5 semantic tags. Focuses on accessibility, logical document flow, and meaningful markup for browsers.

Experiment 02A
CSS3 Layouts
CSS3 Flexbox Grid Layout

Sophisticated layout designs utilizing CSS3 Flexbox and Grid. Demonstrates multi-column architectures and specialized header components.

Experiment 02B
Responsive Design
Media Queries Mobile-First Adaptive

Mobile-first responsive design implementation. Uses media queries to create adaptive interfaces that provide optimal viewing experiences across device viewports.

Experiment 03
JavaScript Basics
ES6 Logic Client-Side

Fundamental client-side scripting using JavaScript. Implements core programming logic, functional abstractions, and interactive behavior for the web browser.

Experiment 04
DOM Manipulation
DOM API Events Interactive

Advanced DOM interaction and event handling. Features dynamic UI updates and specialized computational interfaces with real-time feedback.

Experiment 05
XML & XSLT
XML XSLT Data

Data representation and transformation. Structured student mark sheet data transformation to HTML tables using XSLT styling principles.

Experiment 06
Server-Side PHP
PHP 7 Backend Server-Side

Introduction to server-side processing using PHP. Implements form handling, arithmetic processing, and dynamic HTML response generation.

Experiment 07
PHP Prime Numbers
Algorithms PHP Processing

Server-side algorithms and form processing. Interactive input for algorithmic processing with core iterations for prime number identification.

Experiment 08
Database Connectivity
MySQL PHP Full-Stack

PHP and MySQL database integration. Data input form for MySQL integration with prepared statements for robust data persistence.

Experiment 09
AJAX & Dynamic Web
AJAX JSON Async

Asynchronous requests and dynamic content. Dynamic UI for asynchronous image loading and server-side responders for AJAX requests.

Experiment 10
Web Frameworks Study
React Angular Architectures

Comparative analysis of modern web architectures and enterprise frameworks like React, Angular, and Vue for scalable application design.

Practical Examination

Practical Examination
Interest Calculator (Mastery)
JavaScript DOM Algorithm Certification

The final practical exam implementation. A robust tool designed to calculate Compound and Simple Interest based on precise user-provided inputs, demonstrating mastery over JS logic.

Press Ctrl + K to search
ESC