ððð
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
margin: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
background-color:black;
}
.face{
width: 350px;
height: 350px;
background-color: rgb(222, 180, 43);
border:2px solid black ;
border-radius: 100%;
}
.eye1{
width: 70px;
background-color: rgb(239, 230, 230);
border-radius: 70%;
margin: 60px;
float: right;
box-shadow:inset 3px 3px 4px
}
.eye2{
width: 70px;
background-color: rgb(244, 240, 240);
border-radius: 70%;
margin-top: 40px;
margin-left: 30px;
float: right;
font-size: large;
box-shadow:inset 3px 3px 4px ;
}
.pup1{
width:30px ;
height: 30px;
margin: 20px;
border: 2px solid rgb(40, 38, 38);
border-radius: 100%;
background-color: rgb(21, 22, 22);
animation: move 2s linear infinite;
}
.pup2{
width: 30px ;
height: 30px;
margin: 20px;
border: 2px solid rgb(23, 23, 23);
border-radius: 100%;
background-color: rgb(25, 25, 26);
animation: move 2s linear infinite;
}
@keyframes move {
0%{
margin-top:0 auto;
}
100%
{
margin-top: 40px;
}
}
.lip {
margin: 200px;
margin-left: 90px;
width: 150px;
border-bottom: 4px double ;
border-radius:0 0 80px 80px;
background-color: rgb(34, 36, 36);
transform: rotate(10deg);
animation: smile 7s ease-in infinite;
box-shadow:inset 3px 3px 4px
}
@keyframes smile {
0%{
width: 130px;
height: 70px;
}
50% {
width: 130px;
height:40px ;
}
100%{
width:130px;
height: 30px;
}
}
.tounge{
width: 40px;
height: 60px;
background-color:rgb(223, 16, 16) ;
border-radius: 0 0 20px 20px;
margin-left: 30px;
animation: toun 6s linear infinite;
box-shadow:inset 4px 3px 4px red ;
}
@keyframes toun {
0%{
width: 70px;
height: 0;
}
100%{
width: 70px;
height: 80px;
}
}
</style>
</head>
<body>
<div class="face">
<div class="eye1"><div class="pup1"></div></div>
<div class="eye2"><div class="pup2"></div></div>
<div class="lip"><div class="tounge"></div></div></div>
</div>
<script></script>
</body>
</html>
Exploring the Power of Node.js
Node.js has revolutionized the way we build server-side applications with JavaScript. It's an open-source, cross-platform runtime environment that allows you to execute JavaScript code outside the browser. With Node.js, you can build scalable and high-performance applications for web servers, command-line tools, APIs, and more.
One of the key advantages of Node.js is its non-blocking, event-driven architecture, which allows for efficient handling of concurrent requests. It's built on Chrome's V8 JavaScript engine, providing fast and optimized performance.
Node.js comes with a rich ecosystem of packages and modules available through npm (Node Package Manager). This makes it easy to extend your applications with third-party libraries and frameworks.
Whether you're building a real-time chat application, a RESTful API, or a data-intensive microservice, Node.js provides the tools and flexibility to get the job done. Its lightweight nature and vast community support make it a popular choice among developers.
To get started with Node.js, simply install it from the official website and run JavaScript files using the node command in your terminal. You can leverage frameworks like Express.js or Nest.js to streamline your development process and build robust applications.
So, if you're looking for a powerful and versatile platform to build server-side applications with JavaScript, give Node.js a try. It opens up a world of possibilities for creating efficient, scalable, and modern applications.
<Terminal> $ node app.js Server running on port 3000 </Terminal>The Power of JavaScript Coding
JavaScript is a versatile and powerful programming language that has become a cornerstone of web development. With its extensive functionality and widespread adoption, coding in JavaScript opens up a world of possibilities.
One of the key advantages of JavaScript is its ability to run on both the client and server sides, making it ideal for full-stack development. From interactive websites to complex web applications, JavaScript enables developers to create dynamic and responsive user experiences.
With JavaScript, you can manipulate the Document Object Model (DOM) to dynamically update web page content, handle user events, and create interactive features. Additionally, JavaScript frameworks and libraries like React, Angular, and Vue.js provide powerful tools to streamline the development process and build scalable applications.
JavaScript's extensive ecosystem also offers a wide range of libraries and packages, allowing developers to leverage existing solutions and accelerate development. Whether you need to work with data, handle network requests, or implement complex algorithms, there's likely a JavaScript library available to simplify the task.
Furthermore, JavaScript has a large and supportive community. Online forums, documentation, and tutorials make it easy to find help and resources when you encounter challenges or want to learn something new.
As you delve into JavaScript coding, remember to practice clean code principles, write modular and reusable code, and embrace best practices. This will ensure your code is maintainable, scalable, and easy to collaborate on with other developers.
In conclusion, coding in JavaScript empowers you to create dynamic web applications, leverage a vast ecosystem of tools and libraries, and join a thriving community of developers. Embrace the power of JavaScript and unlock endless possibilities in your coding journey!