Web Technologies — BTEUP CSE 3rd Semester Syllabus 2026-27

Web Technologies — यह विषय किस बारे में है

PHP applications के साथ programming का उपयोग करके पेशेवर, database से जुड़ी, dynamic और feature-based websites design करने में छात्रों को सक्षम बनाना — server-side web technologies का एक व्यापक लेकिन व्यावहारिक परिचय। अंत तक आप यह कर सकेंगे: webpage का विश्लेषण करके उसके elements और attributes पहचानना; HTML का उपयोग करके webpages बनाना; Cascading Style Sheets का उपयोग करना; JavaScript (client-side) का उपयोग करके dynamic webpages बनाना; और PHP (server-side) का उपयोग करके dynamic webpages बनाना।

विषय 3.4 (Practicum) • कुल 100 अंक • 3 क्रेडिट • L 1 – P 4 • तीसरा सेमेस्टर — Computer Science & Engineering • सत्र 2026–27

आप क्या पढ़ेंगे

यूनिट 1 — Web Development Introduction (2 पीरियड, 10%)

WWW, internet, browser, search engine; client-server model; URL; web pages, website and web services; types of websites (static, dynamic, responsive); developer options of browser (view page source, developer tools, inspect element).

Web शुरू से अंत तक कैसे काम करता है, और वे browser tools जो पेशेवर लोग किसी site को जाँचने और debug करने के लिए रोज़ इस्तेमाल करते हैं।

यूनिट 2 — HTML Basics (3 पीरियड, 25%)

HTML document and basic structure; syntax; HTML tags and attributes; types of tags; rules of nesting; basic tags; page formatting (paragraph, line break, blank space, background, div and span); text formatting (headings, bold, italic, marked, small, deleted, inserted, subscript, superscript); comments; horizontal lines; lists (ordered, unordered, definition); images, text links, image links, opening a page in a new window/tab, linking within a page; table tags, frames and iframe; HTML forms.

हर webpage की बुनियादी ईंटें: structure, text, images, links, lists, tables और forms।

यूनिट 3 — Cascading Style Sheets (3 पीरियड, 15%)

Introduction and benefits of CSS; CSS syntax; CSS implementation (inline, internal, external); CSS selectors (ID, class, grouping, universal, pseudo-classes); CSS properties (background colour/image, border style, height, width, colour, text-align, font family/style/size, font-weight); box model in CSS (margin, border, padding).

Pages को अच्छा कैसे दिखाएँ: रंग, fonts, spacing और layouts — बिना HTML structure बदले।

यूनिट 4 — JavaScript (3 पीरियड, 25%)

JavaScript introduction; variables, data types, operators; control flow (if-else, for loop, while loop, do-while loop); declaring functions and calling functions with parameters; adding JavaScript to web documents; JavaScript objects; Document Object Model; HTML events and calling JavaScript functions on events.

Pages को browser में interactive कैसे बनाएँ: inputs जाँचना, clicks पर प्रतिक्रिया देना, और page को reload किए बिना बदलना।

यूनिट 5 — PHP (3 पीरियड, 25%)

Server-side scripting; arrays, functions and forms; advanced PHP; databases — basic commands with PHP examples, connection to server, creating a database, selecting a database, listing databases and table names, creating a table, inserting data, altering tables, queries, deleting a database, deleting data and tables; phpMyAdmin and database bugs.

Server side: website database से कैसे बात करता है, form data कैसे save करता है, और हर visitor के लिए pages dynamically कैसे बनाता है।

प्रैक्टिकल कार्य

• Developer tools / code editor / browser install, configure और उपयोग करना शुरू करें।
• कोई तीन websites चुनें और उन्हें कारणों सहित static, dynamic या responsive के रूप में वर्गीकृत करें।
• पाँच web browsers और search engines की सूची बनाएँ।
• Chrome Developer Tools का उपयोग करके कोई website खोलें; किसी paragraph का text और background colour बदलें और screenshot लें।
• अपना नाम, संक्षिप्त bio, एक image और hobbies की सूची वाला HTML file बनाएँ।
• पाँच products की HTML table design करें, जिसमें नाम, कीमत और विवरण हों।

और भी बहुत कुछ — 14 practicals की पूरी सूची PDF के अंदर है।

पूरा सिलेबस

आधिकारिक सिलेबस से पूरी परीक्षा योजना, practicals की पूरी सूची और संदर्भ पुस्तकें। यूनिट के अनुसार topics ऊपर "आप क्या पढ़ेंगे" वाले हिस्से में दिए गए हैं।

परीक्षा योजना

एक नज़र में यूनिट्स

प्रैक्टिकल्स की पूरी सूची

यह आधिकारिक सिलेबस से practicals की पूरी सूची है।

• Developer tools / code editor / browser install, configure और उपयोग करना शुरू करें।
• कोई तीन websites चुनें और उन्हें कारणों सहित static, dynamic या responsive के रूप में वर्गीकृत करें।
• पाँच web browsers और search engines की सूची बनाएँ।
• Chrome Developer Tools का उपयोग करके कोई website खोलें; किसी paragraph का text और background colour बदलें और screenshot लें।
• अपना नाम, संक्षिप्त bio, एक image और hobbies की सूची वाला HTML file बनाएँ।
• पाँच products की HTML table design करें, जिसमें नाम, कीमत और विवरण हों।
• नाम, email, message, radio buttons, newsletter checkbox और submit button वाला HTML form बनाएँ।
• Element, class, ID और pseudo-class selectors का उपयोग करके elements को style करें।
• Flexbox का उपयोग करके navigation bar बनाएँ, जिसमें logo और समान दूरी पर links हों।
• CSS Grid का उपयोग करके webpage layout बनाएँ (header, sidebar, main content, footer)।
• ऐसा JavaScript program लिखें जो लंबाई के आधार पर password को Weak, Medium या Strong बताए।
• Form को valid email और password (कम से कम 8 characters, कम से कम एक number) के लिए validate करें।
• PHP का अभ्यास: basics; web development application; MySQL।
• WAMP/XAMPP Server की installation।

संदर्भ पुस्तकें

सिलेबस में दिए अनुसार:

• Web Technologies — A Computer Science Perspective — Jeffrey C. Jackson
• Internet & World Wide Web: How to Program — Deitel, Deitel & Goldberg, Pearson Education
• Web Programming: Building Internet Applications — Chris Bates
• Web Applications: Concepts and Real World Design — Knuckles

अक्सर पूछे जाने वाले प्रश्न

Web Technologies कितने अंकों का है?
100 अंक, 3 क्रेडिट। यह एक practicum विषय है (सप्ताह में 1 lecture + 4 practical घंटे): practical 60, बाह्य 40।

Web Technologies में किन यूनिट्स का weightage सबसे ज़्यादा है?
HTML Basics, JavaScript और PHP, प्रत्येक 25%। Web Development Introduction 10% की है और CSS 15% की है।

Web Technologies के practicals में मैं क्या बनाऊँगा?
HTML pages, forms और tables; CSS Flexbox और Grid layouts; JavaScript password-strength checker और form validation; और WAMP/XAMPP पर PHP व MySQL के साथ dynamic pages। पूरी सूची ऊपर "पूरा सिलेबस" वाले हिस्से में है।

क्या Web Technologies से पहले मुझे programming आनी चाहिए?
नहीं। यह विषय HTML basics से शुरू होता है और JavaScript व PHP को धीरे-धीरे सिखाता है। C programming उसी सेमेस्टर में चलती है, इसलिए दोनों विषय एक-दूसरे की मदद करते हैं।

Web Technologies के लिए किन किताबों को देखें?
सिलेबस में Jeffrey C. Jackson की Web Technologies — A Computer Science Perspective, Deitel, Deitel और Goldberg की Internet and World Wide Web: How to Program, और Chris Bates व Knuckles की किताबें दी गई हैं। पूरी सूची ऊपर "पूरा सिलेबस" वाले हिस्से में है।

Web Technologies सिलेबस PDF कैसे डाउनलोड करें?
PDF मुफ़्त में डाउनलोड के लिए उपलब्ध है — नीचे Download वाले हिस्से में दिए गए download link का उपयोग करें। यह KAMALDNP Academy द्वारा आधिकारिक BTEUP सिलेबस से तैयार किया गया है।

संबंधित सिलेबस पोस्ट

• BTEUP CSE तीसरा सेमेस्टर सिलेबस 2026-27
• BTEUP CSE पूरा सिलेबस 2026-27 — पहला, तीसरा और पाँचवाँ सेमेस्टर (सभी विषय)
• Computer Programming Using C — BTEUP CSE तीसरा सेमेस्टर सिलेबस 2026-27
• Database Management System — BTEUP CSE तीसरा सेमेस्टर सिलेबस 2026-27
• Object Oriented Programming Using Java — BTEUP CSE पाँचवाँ सेमेस्टर सिलेबस 2026-27

Web Technologies सिलेबस PDF डाउनलोड करें

नीचे पूरा Web Technologies सिलेबस PDF डाउनलोड करें — KAMALDNP Academy द्वारा तैयार, जिसमें topics की पूरी सूची, practicals और संदर्भ पुस्तकें हैं।

Web Technologies सिलेबस PDF डाउनलोड करें

स्रोत: BTEUP द्वितीय वर्ष पाठ्यक्रम (folder2627), C.D.C. की 16.07.2026 को हुई बैठक में स्वीकृत। Topic सूचियाँ आधिकारिक सिलेबस के अनुसार हैं; छोटे सारांश लेखक के अपने सरल शब्दों में लिखे गए हैं, सिलेबस का मूल पाठ नहीं हैं। कृपया अपने पॉलिटेक्निक से किसी भी स्थानीय बदलाव की पुष्टि कर लें।