Top 10 Github Repositories For Web Developer

1. Web Developer-Roadmap : https://github.com/kamranahmedse/developer-roadmap

2. 30-Seconds-Of-Code : https://github.com/30-seconds/30-seconds-of-code

3. Awesome-Cheatsheets : https://github.com/LeCoupa/awesome-cheatsheets

4. CSS-Protips : https://github.com/AllThingsSmitty/css-protips

5. 33-JS-Concepts : https://github.com/leonardomso/33-js-concepts

6. You-Dont-Know-JS : https://github.com/getify/You-Dont-Know-JS/tree/2nd-ed

7. Front-End-Checklist : https://github.com/thedaviddias/Front-End-Checklist

8. Javascript-Questions : https://github.com/lydiahallie/javascript-questions

9. Clean-Code-Javascript : https://github.com/ryanmcdermott/clean-code-javascript

10. free-programming-books : https://github.com/EbookFoundation/free-programming-books

20 Features of Python || Sweety My World
https://sweetymyworld.blogspot.com/2023/02/20%20Features%20of%20Python%20.html

what is the output of the python code?

list = ["xyz","zara","pynative"]
print(max(list))

list = ["xyz","zara","pynative","all"]
print(min(list))

#Display the calendar by using the python code

import calendar #first import the calendar library module
from datetime import*
#year = 2023 #mention the past or present or future years

year = date.today().year
month = 1 #mention the 1 to 12 month numbers ∆∆ starting with no zero (0) mention ortherwise the program error display

#then after the print operation to display the output
print(calendar.month(year,month))

print("today date is",date.today().day)

output color Changing in python interpreter

from colorama import Fore

print(Fore.RED + "smw_media")

print(Fore.YELLOW + "smw_media")

print(Fore.BLUE + "smw_media")

print(Fore.GREEN + "smw_media")

print(Fore.CYAN + "smw_media")

#print the current date and time
import datetime

now = datetime.datetime.now()

print("Current date and time")

print(now.strftime("%Yyear%mmonth%dday%Hhours%Mminutes%Sseconds"))

700+ Python MCQ Question and Answers

1. Python Basic MCQ

2. Python Module MCQ

3. String Formatting in Python

4. Python Generators MCQ

5. Python Variable MCQ

6. Python Data Types

7. Python Operator MCQ

8. Python List MCQ

9. Python Tuple MCQ

10. Python Dictionary MCQ

11. Python Set MCQ

12. Python if else MCQ

13. Python While Loop MCQ

14. Python for Loop MCQ

15. Python Functions MCQ

16. Python File Handling

17. Python Errors and Exceptions Handling

Here is the HTML code for an "Add to Cart" button that you can use in your website or project:


<div class="container">
<button class="add-to-cart-button">
<svg
class="add-to-cart-box box-1"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="24" height="24" rx="2" fill="#ffffff" />
</svg>
<svg
class="add-to-cart-box box-2"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="24" height="24" rx="2" fill="#ffffff" />
</svg>
<svg
class="cart-icon"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="#ffffff"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<circle cx="9" cy="21" r="1"></circle>
<circle cx="20" cy="21" r="1"></circle>
<path
d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"
></path>
</svg>
<svg
class="tick"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
>
<path fill="none" d="M0 0h24v24H0V0z" />
<path
fill="#ffffff"
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.29 16.29L5.7 12.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.59 7.59c-.38.39-1.02.39-1.41 0z"
/>
</svg>
<span class="add-to-cart">Add to cart</span>
<span class="added-to-cart">Added to cart</span>
</button>
</div>

Here is the Javascript code for an "Add to Cart" button that you can use in your website or project:





To create a pop-up display that shows "added to cart" when a user clicks the "Add to Cart" button, we need to add some JavaScript code. We can use the setTimeout() function to delay the execution of our code for a certain period of time after the user clicks the button.




addToCartButton = document.querySelectorAll(".add-to-cart-button");
document.querySelectorAll('.add-to-cart-button').forEach(function(addToCartButton) {
addToCartButton.addEventListener('click', function() {
addToCartButton.classList.add('added');
setTimeout(function(){
addToCartButton.classList.remove('added');
}, 2000);
});
});