Scribd
Upload
25 views2 pages

Web Programming I Notes

The document outlines a course on Web Programming focusing on Full Stack Development, covering objectives such as understanding web architecture, markup languages, and scripting basics. It includes detailed notes on HTML, CSS, Bootstrap, JavaScript, AJAX, XML, and JSON, along with their applications in web development. Additionally, it provides recommended textbooks and web resources for further learning.

Uploaded by

rr4502082
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
25 views2 pages

Web Programming I Notes

The document outlines a course on Web Programming focusing on Full Stack Development, covering objectives such as understanding web architecture, markup languages, and scripting basics. It includes detailed notes on HTML, CSS, Bootstrap, JavaScript, AJAX, XML, and JSON, along with their applications in web development. Additionally, it provides recommended textbooks and web resources for further learning.

Uploaded by

rr4502082
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Web Programming – I (Full Stack Development)

Concise Notes
Course Objectives
• Understand WWW architecture, markup languages, and CSS.
• Learn event handling and data validation.
• Understand client-side and server-side scripting basics.
• Develop modern interactive web applications.

UNIT I : HTML, CSS, Bootstrap & Web Basics


HTML (HyperText Markup Language)
HTML is the standard markup language used to create web pages.
• Basic Structure: <html>, <head>, <title>, <body>
• Header Tags: h1 to h6
• Formatting Tags: b, i, u, p, br, hr
• Lists: Ordered, Unordered, Definition Lists
• Links and Anchors: <a>
• Images: <img>
• Tables: table, tr, td, th
• Forms: form, input, textarea, select, fieldset
• Layout Tags: div, span, navbar, iframe

CSS (Cascading Style Sheets)


CSS is used to style and design web pages.
• Types: Inline, Internal, External CSS
• Selectors: Element, Class, ID, Group, Universal
• Box Model: margin, border, padding, content
• Responsive Design: media queries, flexible layouts

Bootstrap
Bootstrap is a front-end framework for responsive web design.
• Grid System (row, column)
• Components: navbar, buttons, cards, forms
• Advantages: mobile-first, reusable components

Web Basics
• WWW architecture
• Web protocols: HTTP, HTTPS, FTP
• Browsers and DNS
• Web Hosting: Shared, VPS, Dedicated, Cloud Hosting
• Web servers: Apache, IIS, Nginx
• Hosting on Windows/Linux/Unix

UNIT II : JavaScript, AJAX, XML & JSON


JavaScript
JavaScript is a client-side scripting language.
• Variables, Data Types, Arrays
• Operators and Control Statements
• Functions and Events
• Output methods: alert(), [Link](), [Link]()
• DOM manipulation
• String and Date objects

Form Validation
• Required field validation
• Length validation
• Pattern validation using regular expressions

Advanced JavaScript
• Combining HTML, CSS, and JavaScript
• Event handling and browser control

AJAX
AJAX allows asynchronous data exchange with servers.
• Advantages: faster response, no page reload
• Disadvantages: complexity, browser dependency
• Alternatives: Fetch API

XML
• Uses of XML
• DTD and XML Schema
• XSL and XSLT transformations
• XHTML basics

JSON
• Lightweight data interchange format
• Key-Value pairs
• Arrays and Objects
• Comparison with XML

Text Books
1. Laura Lemay – Mastering HTML, CSS & JavaScript
2. Thomas A. Powell – The Complete Reference HTML & CSS

Web Resources
• [Link]
• [Link]
• [Link]/web-technology

You might also like