Scribd
Upload
12 views18 pages

21H41A0429

Uploaded by

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

21H41A0429

Uploaded by

mh.sadhana
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 18

BVC INSTITUTE OF TECHNOLOGY & SCIENCE BATLAPALEM,

AMALAPURAM-533201 (Approved by AICTE New Delhi,


Permanently Af fliated JNTUK, Kakinada, Accredited by NAAC, Bangalore)
AN INTERNSHIP REPORT SUBMITTED IN PARTIAL FULFILLMENT OF THE
REQUIREMENTS FOR THE AWARD OF AWARD OF DEGREE OF
BACHELOR OF TECHNOLOGY in DEPARTMENT OF ELECTRONICS AND
COMMUNICATION ENGINEERING
(Accredited by NBA, NEW DELHI)

Name: Ketha Devika


Register number:21H41A0429
Year of study:4th year
Date of submission: 27-12-2024
Duration of internship 4 WEEKS (19-06-24 TO 22-06-24)
Web technologies

• HTML
• CSS
• JAVASCRIP
• REACTJS
Introduction to DevOps
what is DevOps?

A set of practices that combine software development (Dev) and IT operations(Ops) teams. The
goal is to shorten the software development life cycle, improve the quality of software, and deliver
features, updates faster.

Key principle

*Collaboration

*Communication

*Automation

*Monitoring and logging

*security
Introduction of html:
Introduction to java script :
Introduction to react js:
Conclusion and next step:
Synergy:
DevOps principles empower frontend development teams to
build and deliver high-quality Peact applications faster.

Continuous Improvement:
Embrace a culture of continuous improvement to optimize
workflows and enhance application quality

Future Trends:
Stay informed about emerging trends in Deves and frontend
technologies to remain competitive
Digital clock using javascript, css,
html
Introduction :

• A digital clock is a type of clock that displays the time in


numeric format using digits, rather than analog hands
or other visual indicators. Digital clocks typically use a
seven-segment display, LCD (Liquid Crystal Display), or
LED (Light Emitting Diode) display to show the time in
hours, minutes, and sometimes seconds.
What is Digital clock
Digital clocks using HTML, JavaScript, and
CSS are web-based clocks that display the
current time in a digital format, using a
combination of HTML for structure, CSS
for styling, and JavaScript for dynamic
functionality.
How it works?
• When an electric charge from the clock’s
battery or another power source passes
through the crystal, it vibrates back and
forth, or oscillates, at a set frequency of
32,768 times per second. For every 32,768
oscillations of the crystal, a circuit in the
clock, called a counter circuit, counts one
second
Approach

• Create the webpage structure in HTML using a div tag containing dummy
time of time format “HH:MM:SS”.

• Style the page with CSS using elements and classes defined in HTML.

• In JavaScript define a function showTime and render it every second using


JavaScript

setInterval()

method.

• Create a new instance of time using JavaScript new

Date()
Example:HTML
<!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-
scale=1.0”>
<title>Digital Clock</title>
<link rel=“stylesheet” href=“clock2.css”>
</hea>
<body>
<div id=“clock”>8:10:45</div>
<script src=“clock2.js”></script>
</body>
</html>
Example:javascript
// Calling showTime function at every second
setInterval(showTime, 1000);

// Defining showTime funcion


function showTime() {
// Getting current time and date
let time = new Date();
let hour = time.getHours();
let min = time.getMinutes();
let sec = time.getSeconds();
am_pm = “AM”;

// Setting time for 12 Hrs format


if (hour >= 12) {
if (hour > 12) hour -= 12;
am_pm = “PM”;
} else if (hour == 0) {
hr = 12;
am_pm = “AM”
hour =
hour < 10 ? “0” + hour : hour;
min = min < 10 ? “0” + min : min;
sec = sec < 10 ? “0” + sec : sec;
let currentTime =
hour +
“:” +
min +
“:” +
sec +
am_pm;
// Displaying the time
document.getElementById(
“clock”
Out put
Advantages of digital clock :
Time-focused sites:
Digital clocks can be useful on sites where time is a primary concern, such as booking
sites or apps that show arrival times.
• Interactivity:
• JavaScript can be used to interact with date and time objects, format them, and
dynamically update content on a webpage.
• Easy to read in low light:
• Digital clocks are well suited for dark rooms or rooms with dim lighting because they
glow bright.

• Precise:
• Digital clocks are precise down to the second.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy