INDIRA GANDHI ENGINEERING COLLEGE
SAGAR
Session:-2024-2025
Evaluation Of Internship
“WEB DEVELOPMENT”
Submitted by: Ratna Singh Branch:
Information Technology
Submitted to: Prof. R S S RAWAT Enrollment No:
0601IT221052
& Mrs. Shalupriya Jain Semester: 5th
INDEX
01 02 03 04 05
Introduction Key Front-End The Web Conclusion
to Web Technologie vs. Back- Developme
Developme s: HTML, End nt Process
nt CSS, Developme
JavaScript nt
What is Web Development?
◈ Web development is the process of creating
websites and web applications that are
accessible via the internet.
• Web: It refers to websites, web pages or
anything that works over the internet.
• Development: It refers to building the
application from scratch.
Key Technologies
HTML: HYPERTEXT CSS: CASCADING STYLE JAVASCRIPT: THE
MARKUP LANGUAGE SHEETS LANGUAGE OF THE WEB
HTML (Hyper Text Markup Language)
It is the standard
HTML tags are Eg:- <html> ,
language for
used to define <head>,
creating web
elements on a <title>,
pages and web
web page. <body>
applications.
CSS allows
It is used for
you to control
styling and
the layout,
formatting
colors, fonts,
CSS web pages.
and more.
(Cascading Illustrate the
Show how
Style Sheets) CSS box
model, which
defines how
padding,
margin, and
borders affect
elements are
the layout of
rendered on
elements.
the page.
Javascript
JavaScript is a high-level, dynamic, and interpreted programming language primarily used for creating interactive effects within web
browsers. It is one of the core technologies of web development, alongside HTML and CSS.
1. Asynchronous Programming (Promises & Async/Await)
● Non-blocking code execution control.
2. Closures
● Functions retaining external variable access.
3. Event Loop
● Manages concurrency and task scheduling.
4. Hoisting
● Variable and function declarations raised.
5. Prototypes and Inheritance
● Object properties inheritance via prototypes.
Types of Web Development:
❑ Frontend Web Development:
User interface and user experience HTML, CSS, JavaScript
❑ Backend Web Development:
▣ Server-side logic and database management
▣ Languages like Python, Ruby, PHP, etc.
❑ Full stack Web Development:
▣ Who know the fronted and backend web development
Frontend Web Development:
▣ HTML (Hyper Text Markup Language):
▣ Structure and content of web pages
▣ CSS (Cascading Style Sheets):
▣ Styling and layout of web pages
▣ Definition: Creating the visible parts of a website that users
interact with.
▣ JavaScript:
▣ Dynamic and interactive elements Enhances user experience
Backend Web Development:
▣ Definition: Handling server-side operations that power
the frontend.
▣ Server-side languages (Python, Ruby, PHP, etc.)
▣ Database management (MySQL, PostgreSQL,
MongoDB)
▣ Business logic, data processing, authentication, etc.
HTML SYNTAX
HTML TAGS:
▣ <!--...-->
▣ <!DOCTYPE>
▣ <html>
▣ <a>
▣ <body>
▣ <br>
▣ <button>
▣ <div>
▣ <em>
▣ <th>
▣ <title>
▣ <tr>
▣ <p>
Advance in Javascript
Arrow Functions
● Concise syntax, lexical this binding.
Destructuring
● Extracts values from arrays/objects.
Modules (ES6 Import/Export)
Organized code with modular structure.
Promises
● Handle async operations with chaining.
Event Delegation
● Efficient event handling on parents.
JavaScript: The Language of the Web
🞚 JavaScript is a versatile and powerful
scripting language used for web
development.
🞚 It enables interactivity, dynamic content, and
more on web pages.
🞚 Mention the use of <script> Tag.
🞚 E g: - <script src=“App.js”></script>
Front-End vs. Back-End Development
Front-End Development: Focuses Back-End Development: Manages
on the user interface and user server-side operations and
experience database interactions
My Project
Portfolio-Website:- https://ratna-six.vercel.app/
Landing Page:-
