0% found this document useful (0 votes)
9 views8 pages

Web Tech Notes

The document contains comprehensive notes on Web Technology for MCA Semester II, covering topics such as web page design, HTML, CSS, JavaScript, JSP, Servlets, and Spring framework. It includes key concepts, syntax, and examples for each topic, providing a foundational understanding of web development and application creation. Additionally, it addresses Spring Boot and RESTful APIs, emphasizing their importance in modern web applications.
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
0% found this document useful (0 votes)
9 views8 pages

Web Tech Notes

The document contains comprehensive notes on Web Technology for MCA Semester II, covering topics such as web page design, HTML, CSS, JavaScript, JSP, Servlets, and Spring framework. It includes key concepts, syntax, and examples for each topic, providing a foundational understanding of web development and application creation. Additionally, it addresses Spring Boot and RESTful APIs, emphasizing their importance in modern web applications.
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

lOMoARcPSD|61130256

Web Technology Notes MCA

MCA (Dr. A.P.J. Abdul Kalam Technical University)

Scan to open on Studocu

Studocu is not sponsored or endorsed by any college or university


Downloaded by himanshu shishodia (shishodiahimanshu020@[Link])
lOMoARcPSD|61130256

MCA Semester II - Web Technology (BMC201) Full Notes

---

UNIT I: Web Page Designing

1. Introduction to Web and Web Development

- Web Development: Process of building and maintaining websites. It includes web design, web content

development, client/server-side scripting, etc.

- Web: The World Wide Web is a collection of information accessed via the Internet using web browsers.

2. History of Web and Internet

- Internet began in the 1960s as a research project and evolved into a global network.

- WWW (World Wide Web) was introduced by Tim Berners-Lee in 1989.

3. Protocols Governing Web

- HTTP (HyperText Transfer Protocol): Protocol for transferring hypertext.

- HTTPS: Secure version of HTTP.

- FTP: File Transfer Protocol.

4. HTML (HyperText Markup Language)

- Structure of web pages using tags like:

<h1>Heading</h1>

<p>Paragraph</p>

Important Tags:

- Grouping: <div>, <span>

- Lists: <ul>, <ol>, <li>

- Images: <img src="[Link]" alt="desc">

- Hyperlinks: <a href="url">Link</a>

- Tables: <table>, <tr>, <td>, <th>

- Forms: <form>, <input>, <select>, <textarea>

Downloaded by himanshu shishodia (shishodiahimanshu020@[Link])


lOMoARcPSD|61130256

- Iframes: <iframe src="url"></iframe>

5. CSS (Cascading Style Sheets)

- Used for styling HTML elements

Syntax:

selector {

property: value;

Concepts:

- External CSS using <link>

- Multiple Style Sheets

- Selectors: element, class (.class), ID (#id)

- CSS Box Model: Content -> Padding -> Border -> Margin

- Float and Clear: Positioning elements

- Value Lengths: px, %, em, rem

6. Bootstrap

- Open-source CSS framework

- Grid system, pre-designed components, responsive layout

- Include via CDN:

<link rel="stylesheet" href="[Link]

---

UNIT II: Scripting (JavaScript)

1. Introduction to JavaScript

- Client-side scripting language used for interactive effects in web browsers.

2. Creating Variables

var a = 10;

Downloaded by himanshu shishodia (shishodiahimanshu020@[Link])


lOMoARcPSD|61130256

let b = 20;

const c = 30;

3. Functions in JavaScript

function greet(name) {

return "Hello " + name;

4. UI Events

- onclick, onmouseover, onchange, etc.

<button onclick="sayHi()">Click me</button>

<script>

function sayHi() {

alert("Hello!");

</script>

5. Returning Data from Functions

function add(x, y) {

return x + y;

6. Conditions

if (age > 18) {

[Link]("Adult");

} else {

[Link]("Minor");

7. Loops

for (let i = 0; i < 5; i++) {

[Link](i);

Downloaded by himanshu shishodia (shishodiahimanshu020@[Link])


lOMoARcPSD|61130256

8. Block Scope Variables

- let and const are block scoped; var is function scoped.

9. Working with Objects

let person = {

name: "Vikas",

age: 22

};

10. Creating Object using Object Literals

- Same as above.

11. DOM Manipulation

[Link]("demo").innerHTML = "New Text";

---

UNIT III: Web Application Development using JSP & Servlets

1. Servlet Overview

- Java class that handles HTTP requests and responses.

- Lifecycle: init(), service(), destroy()

2. Servlet Code Example

public class HelloServlet extends HttpServlet {

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws

ServletException, IOException {

[Link]().println("Hello World");

3. JSP Overview

Downloaded by himanshu shishodia (shishodiahimanshu020@[Link])


lOMoARcPSD|61130256

- Java Server Pages: HTML with Java code

4. Implicit Objects

- request, response, session, application, out, config

5. Standard Actions

- <jsp:include>, <jsp:forward>

6. Session Tracking

- Using Cookies, URL rewriting, HttpSession

---

UNIT IV: Spring (Core Concepts)

1. Spring Basics

- IoC (Inversion of Control) and Dependency Injection

2. Configuration Types

- XML Based, Annotation Based, Java Config

3. Bean Lifecycle

- @PostConstruct, @PreDestroy

4. Design Patterns

- Singleton, Prototype, Factory, Strategy, AOP (Aspect-Oriented Programming)

5. Example:

@Component

public class MyBean {

public void show() {

[Link]("Bean initialized");

Downloaded by himanshu shishodia (shishodiahimanshu020@[Link])


lOMoARcPSD|61130256

---

UNIT V: Spring Boot and RESTful APIs

1. Spring Boot Basics

- Auto Configuration, Starter Projects, Spring Initializr

2. Annotations

- @SpringBootApplication, @RestController, @RequestMapping

3. RESTful API Methods

- @GetMapping, @PostMapping, @PutMapping, @DeleteMapping

4. Example:

@RestController

public class UserController {

@GetMapping("/users")

public List<String> getUsers() {

return [Link]("Vikas", "John");

@PostMapping("/users")

public void addUser(@RequestBody String user) {

[Link]("User added: " + user);

---

End of Notes

Downloaded by himanshu shishodia (shishodiahimanshu020@[Link])


lOMoARcPSD|61130256

Downloaded by himanshu shishodia (shishodiahimanshu020@[Link])

You might also like