bluehost

Showing posts with label web site development. Show all posts
Showing posts with label web site development. Show all posts

Saturday, 10 June 2023

Why You Shoudl Learn Web Development In Python In 2023:15 Compelling Reasons

                                                    photo Canvas


In this post, we are going to explore 13 real-world examples of python in web development, giving examples of well known websites to innovative applications. You will see how python can power diverse and dynamic web projects, and you will learn some tips and tricks along the way.

13 real word examples of python in web development

1    Googleuses python for web crawling, search engine, Gmail, YouTube, and more.

2    Facebook:  

 Which is a big company, uses Python to do things like studying data, making search engines better, and managing their computers.

3    NASA:    NASA (National Aeronautics and Space Administration) which is a state-owned agency of the United
photo Google

 States of America in control of Civil space program using advanced research in aerospace and aeronautics. Python is a computer program that is used for science, processing data, and making things look real.

4    Netflix:    utilizes Python for the majority of its applications, which encompass data analysis, back-end web development, security automation, risk classification, vulnerability analysis, content recommendation analysis, machine learning, and numerous other related tasks.

5    Amazon:    Amazon uses Boto3, a Python-based AWS software development kit, to handle Amazon Elastic Compute Cloud (EC2), Amazon Simple Storage Services (S3), and Amazon DynamoDB.

6    Uber: Python is widely used by Uber for geolocation purposes, mathematical calculations, data management, and creating login functions.

With these, few discussions other big names which use python are;
7    Wikipedia
8    Instagram
9    Pinterest
10    Quora
11    Dropbox
12    Spotify
13    Reddit

Conclusion

Why are they using python?
Why do they utilize Python? Python is a flexible language that possesses great capabilities for various web-related endeavours. This includes constructing websites, creating programs, and offering services, with Python's repository of frameworks, libraries, and tools.

                                                photo courtesy inexturer.com

 It also benefits from having a wide and engaged community that actively aids in its growth and advancements. This article examines 13 examples depicting the practical applications of Python in web development, highlighting different challenges and use cases.

We hope you have learned something new with us and gained some inspiration for your own projects.
Fell free to comment, like, or give feedback. If you have enjoyed this post, don't forget to share with your friends, colleagues. Thanks for reading!


Tuesday, 24 May 2022

How To Make a Smooth Grid Layout Using CSS.

CSS can be used together with HTML to give a good HTML Website and other features. 

CSS is used to style HTML codes and make them attractive.

Without CSS, HTML website together with other programs like apps would be o no attraction at all.
CSS and HTML go hand in hand, and without one , the other would be of no much use.

In this article, I'm going to show you how to create attractive, and smooth user grid using both CSS and HTML.
Below are the codes of HTML register;
<body id="body">
<div id="container" class="container">
<h2>Register here</h2>
<div class="logo" ></div><br><br>

<div class="fields">
<input class="email" type="email" class="email-input" placeholder="Enter Email" ><br>
<input class="username" type="text" class="user-input" placeholder="Enter Username"><br>
<input class="password" type="password" class="pass-input" placeholder="Enter Password"><br>

<input class="password" type="password" class=" pass-input" placeholder="Confirm Password"><br>

<button type="button">Register</button>
</div>

<p>Already have an Account? <span id="login"><a href="index.html" style="color:#fb2525;">Login Here</a></span></p>

</div>


<script>

</script>
</body>
 

  sign in codes;
<body id="body">
<div class="container">
<h2>Login here</h2>
<div class="logo" ></div><br>
<div class="fields">
<input class="username" type="text" class="user-input" placeholder="Enter username"><br>
<input class="password" type="password" class="pass-input" placeholder="Enter password"><br><br>
<button type="button">Login</button>
</div>
<p id="forgot" onclick="Forgot()" >Fogort Password?</p>
<p>Create New Account <span id="register" > <a href="register.html" style="color:#fb2525;"> Here</a></span></p>

</div>


<script>
function Forgot() {
console.log('clicked');
}
</script>
</body>


Below are the codes of CSS;
#body{
margin:0;
padding:0;
background:#cbced1;
background-size: cover;
background-position:center;
font-family: sans-serif;
}
.container{
width: 350px;
height: 450px;
position: absolute;
left: 40%;
top: 2%;
color: #24cea9;
text-align: center;
padding: 60px 35px 35px 35px;
border-radius: 40px;
background: #ecf0f3;
box-shadow: 13px 13px 20px #7e878f,
-13px -13px 20px #e6dede;

}

#container{
width: 350px;
height: 550px;
position: absolute;
left: 40%;
top: 2%;
color: #24cea9;
text-align: center;
padding: 60px 35px 35px 35px;
border-radius: 40px;
background: #ecf0f3;
box-shadow: 13px 13px 20px #7e878f,
-13px -13px 20px #e6dede;
}

.logo{
background: url("bloh.jpg") no-repeat;
width: 70px;
height: 70px;
background-size: 100% 100%;
/* background-color: #fd7213; */
border-radius: 50%;
top: 30%;

margin: auto;
box-shadow: 0px 0px 2px #5f5f5f,
0px 0px 0px 5px #517691,
8px 8px 15px #5f5f5f,
-8px -8px 15px #ffff;
}

.fields{
width: 100%;
padding: 5px 5px 5px 5px;
}
.fields input{
border:none;
outline: none;
background: none;
font-size: 18px;
color: #555;
padding: 20px 40px 20px 35px;
}

.username, .password, .email{
margin-bottom: 10px;
border-radius: 25px;
box-shadow: inset 8px 8px 6px #cbced1,
inset -8px -8px 6px #ffffff;

}


button{
background: #24cea9;
border-radius: 30px;
outline: none;
cursor: pointer;
border: none;
width: 250px;
height: 60px;
font-size:14px;
font-style:normal;
font-weight: bold;
text-align: center;
font-family: 'lato', sans-serif;
color: #fff;
border: none;
box-shadow: inset 3px 3px 4px #49caf6,
inset -3px -3px 3px #ffffff;
/* transition: 0.5s; */
}

button:hover{
background-color: #49caf6;
}
p{
font-size: 14px;

}


You can add more features and make your grind look more attractive.

React vs Angular; Front-End Web Development

Angular and React  are two of the most popular Javascript tools for front-end development. React is a Javascript created by Meta...