B.C.A. Semester II | Mandsaur University | Academic Year 2025–26
Repository: https://github.com/MandsaurUniversity/BCA2-Web-Technology
| Detail | Theory (25BCA060T) | Practical (25BCA060P) |
|---|---|---|
| Credits | 4 | 2 |
| L-T-P | 4-0-0 | 0-0-4 |
| Sessions | 45 (theory + practical combined) | Integrated with theory |
| Session Duration | 2 hours each | — |
This course introduces students to the fundamentals of web technology — from how the internet works, to building static and dynamic web pages with HTML, CSS, JavaScript, and Bootstrap. By the end, students will be able to design, develop, and deploy responsive websites with form validation and basic database connectivity.
Learning Path:
- Internet fundamentals (TCP/IP, DNS, HTTP, HTTPS)
- HTML static web pages (links, images, forms, tables)
- HTML5 semantic elements and new APIs
- CSS styling (selectors, layouts, responsive design)
- JavaScript interactivity and form validation
- Bootstrap responsive framework
- Web forms, basic authentication, and localStorage
BCA2-Web-Technology/
│
├── 📖 Documentation Files (Root Level)
│ ├── README.md ← You are here!
│ ├── Lecture-Plan.md ← Day-wise schedule (55 days total)
│ ├── LICENSE ← MIT License
│ └── .github/
│ ├── copilot-instructions.md ← AI assistant configuration
│ └── instructions/ ← Modular instruction files
│
├── 📂 1-Curriculum/ ← Official syllabi (for exam preparation)
│ ├── 25BCA060T_Web_Technology.md ← Theory syllabus & exam topics
│ └── 25BCA060P_Web_Technology_Lab.md ← Lab syllabus (30 experiments)
│
├── 📂 4-Lab-Templates/ ← Template repos for all 30 lab experiments
│ ├── README.md ← Master index of all templates
│ ├── Lab-01-Department-Webpage/ ← Each folder = one GitHub Classroom template
│ ├── Lab-02-Hyperlinks/
│ ├── ... (30 folders total)
│ └── Lab-30-Bootstrap-Form-Validation/
│
├── 📂 2-Content/ ← Main course content (45 days of lectures)
│ │
│ ├── 📂 0-Instructions-and-Prerequisites/ ← Setup guides (START HERE if NEW!)
│ │ ├── README.md ← Index of all student/instructor guides
│ │ ├── 01-Creating-a-GitHub-Account.md ← Step-by-step GitHub account setup
│ │ ├── 02-Installing-Required-Software.md ← VS Code, GitHub Desktop, Chrome
│ │ ├── 03-Getting-Course-Materials.md ← How to clone this repository
│ │ ├── 04-Understanding-Course-Structure.md ← Navigate the course folders
│ │ ├── 05-Accepting-and-Doing-Lab-Assignments.md ← GitHub Classroom workflow
│ │ ├── 06-Submitting-Your-Work.md ← Commit & push via GitHub Desktop
│ │ ├── 07-Troubleshooting-and-Help.md ← Common issues & solutions
│ │ └── FOR-INSTRUCTORS-GitHub-Classroom-Guide.md ← Faculty setup guide
│ │
│ ├── 📂 1-Internet-Technology/ ← Unit 1: Days 1–5 (Theory only)
│ ├── 📂 2-HTML-Fundamentals/ ← Unit 2: Days 6–13 (Theory + Labs 1–9)
│ ├── 📂 3-HTML5/ ← Unit 3: Days 14–18 (Theory + Labs 9, 12, 13)
│ ├── 📂 4-CSS/ ← Unit 4: Days 19–25 (Theory + Labs 10, 11)
│ ├── 📂 5-JavaScript/ ← Unit 5: Days 26–30 (Theory + Labs 17–21)
│ ├── 📂 6-Bootstrap/ ← Unit 6: Days 31–37 (Theory + Labs 14–16, 25–30)
│ ├── 📂 7-Web-Forms-and-Database/ ← Unit 7: Days 38–41 (Theory + Labs 22–24)
│ └── 📂 8-Self-Study/ ← Prerequisite foundations (review before starting)
│ ├── 01-Computer-Fundamentals-and-Operating-Systems.md
│ ├── 02-Networking-Concepts.md
│ ├── 03-Basic-Programming-Concepts.md
│ └── 04-Web-Browsers-and-Internet-Usage.md
│
├── 📂 3-Projects/ ← Capstone projects (Days 42–45)
│ ├── Days-42-43-Department-Website-Project.md ← Multi-page e-commerce website
│ └── Days-44-45-E-Book-Project.md ← Interactive e-book/e-magazine
│
└── 📂 5-Crash-Course/ ← Bootstrap + JS Crash Course (Practical Labs)
├── README.md ← Course overview & session index
├── Crash-Course-Plan.md ← 15-session schedule with lab coverage
├── Session-01 through Session-15.md ← Individual session guides
└── website/ ← Complete reference website
├── index.html ← One-page class website (Bootstrap + JS)
├── css/custom.css ← Custom theme styles
└── js/script.js ← All JavaScript functionality
| Platform | Link | Details |
|---|---|---|
| Google Classroom | Join Google Classroom | Class Code: zxfnnqag — Join to receive announcements, assignment links, and course materials |
| GitHub Classroom | BCA 2025-26 Sem2 Web Technology | Lab assignments are distributed here — you'll get individual repos for each experiment |
| Course Repository | BCA2-Web-Technology | All lecture notes, code examples, and reference materials |
💡 How it works: Your instructor posts assignment links on Google Classroom. Each link takes you to GitHub Classroom, where you get your own private repository to complete the lab work. See the Getting Started section below for step-by-step instructions.
-
New to GitHub? Read
2-Content/0-Instructions-and-Prerequisites/README.mdfirst- It has step-by-step guides for GitHub, software setup, and cloning this repo
-
Need a refresher? Check the self-study materials:
2-Content/8-Self-Study/for prerequisite topics
-
Ready to learn? Follow the lecture schedule:
- Check
Lecture-Plan.mdfor today's topic - Go to corresponding folder in
2-Content/ - Read the theory, then try the practical exercise
- Check
-
Submitting work?
- Your instructor will create GitHub Classroom assignments
- Accept the assignment → Get your own repository
- Complete the work → Commit and push via GitHub Desktop
- See
2-Content/0-Instructions-and-Prerequisites/05-Accepting-and...for details
- Read
2-Content/0-Instructions-and-Prerequisites/FOR-INSTRUCTORS-GitHub-Classroom-Guide.md - It covers setup, creating assignments, reviewing code, and grading workflow
Starting from Day 12 of the course? The Bootstrap + JavaScript Crash Course offers an accelerated, hands-on path:
- 15 practical lab sessions (2 hours each)
- One cumulative project — students build "BCA Batch 2025-26 — Our Class Website" from scratch
- Covers all 30 lab experiments from the official curriculum
- Progressive learning — Bootstrap for layout + JavaScript for interactivity, taught together
- No prerequisites beyond basic HTML/CSS — every tag explained on first use
👉 Start here: 5-Crash-Course/README.md
| Folder | Purpose | Who Uses It |
|---|---|---|
1-Curriculum/ (root level) |
Official syllabi for exam preparation | Students (exam prep), Instructors |
2-Content/0-Instructions-and-Prerequisites/ |
Setup guides, GitHub Classroom workflow, troubleshooting | Students & Instructors |
2-Content/1-7-Internet-Technology through Web-Forms/ |
45 days of lectures with integrated lab experiments | Students (learning), Instructors (teaching) |
2-Content/8-Self-Study/ |
Prerequisite foundational topics | Students (before starting course) |
3-Projects/ (root level) |
2 capstone projects combining all concepts | Students (final assignments) |
4-Lab-Templates/ (root level) |
Template repositories for all 30 lab experiments — each folder becomes a GitHub Classroom assignment | Instructors (creating assignments) |
5-Crash-Course/ |
15-session Bootstrap + JS crash course — students build a one-page class website | Students (hands-on labs), Instructors |
Every file in 2-Content/ units (1–7) follows the same structure:
- Learning Objectives — What you'll know/be able to do
- Theory Sections — Concepts with real-world analogies
- Code Examples — Complete, runnable HTML/CSS/JavaScript
- Practical Lab — Full working code with instructions
- Summary Table — Quick reference of key points
- Self-Assessment Questions — Review questions for studying
- ✅ Real-world analogies for every concept — understand "why" before "how"
- ✅ Theory + Practice together — learn it, then build it
- ✅ Progressive complexity — each day builds on the previous
- ✅ GitHub-based submissions — all assignments via GitHub Classroom
- ✅ Beginner-friendly — developed for students with minimal computer experience
- ✅ Portfolio building — students can showcase their work on GitHub
| Technology | Version | Purpose |
|---|---|---|
| HTML | 5 | Web page structure |
| CSS | 3 | Styling and responsive design |
| JavaScript | ES5 | Interactivity and validation |
| Bootstrap | 5.3.2 | Responsive framework (via CDN) |
| GitHub | — | Version control and assignment submission |
| VS Code | — | Recommended code editor |
| GitHub Desktop | — | Easy GUI for Git operations |
Note: No npm, build tools, or backend server required — uses CDN links for Bootstrap.
- Total Duration: 55 days (45 teaching + 10 review/revision)
- Session Length: 2 hours per day
- Week Pattern: Weeks 1 & 3 = Mon–Fri (5 days); Weeks 2 & 4 = Mon–Sat (6 days)
- Lab Experiments: 30 total, integrated across units
- Capstone Projects: 2 projects (5 days total)
See Lecture-Plan.md for the complete day-by-day schedule with dates.
- Check
Lecture-Plan.mdfor today's date and topic - Open the corresponding file in
2-Content/(e.g.,2-Content/2-HTML-Fundamentals/06-...md) - Read the theory, work through the code examples
- Complete the practical lab exercise
- Submit via GitHub Classroom (if it's a graded lab)
- Browse the unit folders in
2-Content/(numbered 1–7 by topic) - Each folder has files numbered sequentially (01, 02, 03...)
- Open the file for the topic you want
- Refer to
1-Curriculum/25BCA060T_Web_Technology.mdfor official exam topics - Read the Summary Tables in each lecture file
- Answer the Self-Assessment Questions at the end of files
- Review the self-study materials in
2-Content/8-Self-Study/
- Check
2-Content/0-Instructions-and-Prerequisites/07-Troubleshooting-and-Help.mdfirst - Common Git/GitHub issues are documented there
- If it's about course content, re-read the theory section with analogies
- MDN Web Docs: https://developer.mozilla.org/
- W3Schools: https://www.w3schools.com/
- Bootstrap Documentation: https://getbootstrap.com/docs/
- Can I Use (browser support): https://caniuse.com/
- NPTEL (National Programme on Technology Enhanced Learning): https://nptel.ac.in/
- Coursera (free audit available): https://www.coursera.org/
- freeCodeCamp: https://www.freecodecamp.org/
- HTML and Web Designing — Kris Jamsa & Konrad King
- Web Technology — N.P. Gopalan, J. Akilandeswari
- Internet Technology and Web Design — ISRD Group
- JavaScript: The Definitive Guide — David Flanagan
Weeks 1-2 → Internet Fundamentals (TCP/IP, DNS, HTTP)
Weeks 3-4 → HTML Basics (structure, links, images, tables)
Weeks 5-6 → HTML5 & CSS (semantic elements, styling, responsive)
Weeks 7-8 → JavaScript (interactivity, DOM, events, validation)
Weeks 9-10 → Bootstrap (grid, components, responsive layouts)
Weeks 11-12 → Web Forms & Database (forms, authentication, storage)
Weeks 13-14 → Capstone Projects (build complete websites)
This course uses various strategies to keep you engaged:
- ✨ GitHub contribution graph — your green squares show consistent work
- 🌟 Peer showcase — best work displayed in class
- 📊 Portfolio building — your GitHub profile impresses employers
- 🎯 Progressive challenges — each unit builds real skills
- 🏆 Recognition — badges for clean code, creativity, and consistency
- Deprecated HTML tags (like
<font>,<marquee>,<frameset>) are taught because they appear in the official syllabus — always marked with deprecation warnings - Database operations use localStorage (client-side) because no server is available in the lab
- Self-study materials in
2-Content/8-Self-Study/are foundational prerequisites — review them if you're struggling with basic concepts - GitHub Classroom is used for all practical assignments — your instructor will share assignment links in class
Course Content Created For:
- Mandsaur University, Mandsaur, Madhya Pradesh, India
- B.C.A. Semester II, Academic Year 2025–26
- Subject Code: 25BCA060
Course Structure: 55-day curriculum (45 teaching + 10 review days)
This course content is licensed under the MIT License. See LICENSE file for details.
You are free to:
- ✅ Use the content for learning
- ✅ Modify and adapt for your needs
- ✅ Share and distribute
- ✅ Use for teaching (with attribution)
- For setup/GitHub issues: See
2-Content/0-Instructions-and-Prerequisites/07-Troubleshooting-and-Help.md - For course content questions: Ask your instructor in class or lab session
- For exam prep: Review self-study materials and summary tables in each lecture
Web Technology (25BCA060) — Complete course content with lectures, labs, and projects.
Prepared for BCA Semester II students at Mandsaur University, 2025–26.
