Internshipreportfinalruhi
Internshipreportfinalruhi
Supervised by Submitted by
CO-GUIDE NAME
Contents
I. Internship Details
Internship Report
Company Name: Twowaits Technologies Pvt Ltd
Stipend: unpaid
Training plan:
➢ Week 1 and week 2: (Basics of Html and Css)Objective of html
• Basic Components of HTML : Tags & Attributes, Inline & Block Elements.
• Tables, iFrames, Meta tags.
• Form and Form elements.
• Create a form using HTMLObjective of css:
• Basic components of CSS.
• Selectors : Classes & Ids, Borders, Margins.
• Creating Lists, Layouts and Box Model, float, overflow.
• Improving design of above form using CSS.
➢ Week 3: (Bootstrap)Objective :
• Basic components of Bootstrap.
• Containers, Grid Layout, Dropdown, Collapse, Carousel.
• Creating above form using Bootstrap.
❖ Using innerHTML:
To access an HTML element, JavaScript can use the
document.getElementById(id) method. The id attribute defines
the HTML element. The innerHTML property defines the HTML
content:
Example:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
❖ Using document.write():
For testing purposes, it is convenient to use document.write():
Example:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body> </html>
❖ Using window.alert():
You can use an alert box to display data:
Example:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>]
You can skip the window keyword.
❖ Using console.log():
For debugging purposes, you can call the console.log() method in the browser to
display
data.
Example:
<!DOCTYPE html>
<html>
<body> <script>
console.log(5 + 6);
❖ JavaScript Print:
JavaScript does not have any print object or print methods.
You cannot access output devices from JavaScript.
The only exception is that you can call the window.print() method in the browser
to print the content of the current window.
Example:
<!DOCTYPE html>
<html>
<body>
<button onclick="window.print()">Print this page</button>
</body>
</html
❖jQuery Syntax:
The jQuery syntax is tailor-made for selecting HTML elements and performing
some action on the element(s).
Basic syntax is: $(selector).action()
A $ sign to define/access jQuery
A (selector) to "query (or find)" HTML elements
A jQuery action() to be performed on the element(s)
Example:s:
$(this).hide() - hides the current element.
$("p").hide() - hides all <p> elements.
$(".test").hide() - hides all elements with class="test".
$("#test").hide() - hides the element with id="test"
❖AJAX?
AJAX = Asynchronous JavaScript And XML.
AJAX is not a programming language.
AJAX just uses a combination of:
• A browser built-in XMLHttpRequest object (to request data from a web server)
• JavaScript and HTML DOM (to display or use the data
Certificate ID : KSWDC_010303
CERTIFICATE OF COMPLETION
This certifies that
RAJNI SURYAL
has attended Tathastu KickStart Internship on
"Web Development" organised by TwoWaits Technologies Pvt. Ltd.
between 15th Jan – 15 April 2022.
Achintya GaumaFounder & Chief Mentor, TwoWaits
TWOWAITS
Enabling Learning
C erti f i cate I D : K S W D E L _ 0 10 30 3
CERTIFICATE OF EXPERIENCE
To whomsoever it may concern
Sincerely ,
Achintya Gaumat
Founder & Chief Mentor, Twowaits
Contact : TwoWaits Technologies Pvt. Ltd.
Address : Plot No. 5, Knowledge Park 2 Greater Noida, UP (IN)
Email : [email protected]