Thursday, August 14, 2025

Happy independence day to all


 

Happy independence day to all.

Website Development Services Puranpur

Youtube - phpecho

Monday, August 4, 2025

Custom Popup using HTML + CSS + Javascript

 


Video Link - Go to video

Full Code - 

<style>
    .popup-overlay{
        display: none;
        position:fixed;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: gainsboro;
        z-index: 999;
        justify-content: center;
        align-items: center;
    }
    .popup-box{
        background: white;
        padding: 20px 30px;
        border-radius: 20px;
        box-shadow: 2px 2px 2px 2px gray;
        max-width: 300px;
    }

</style>
<button onclick="showpopup()">Show Popup</button>

<!--Popup structure-->
<div class="popup-overlay" id="popup">
    <div class="popup-box">
        <h2>Welcome</h2>
        <p>This is custom popup by phpecho</p>
        <button onclick="popclose()">Close</button>
    </div>
</div>

<script>
    function showpopup(){
        document.getElementById("popup").style.display = 'flex';
    }

       function popclose(){
        document.getElementById("popup").style.display = 'none';
    }
</script>

Thursday, July 31, 2025

List and Tuples in Python (New Video)

 



Video  link - Go to Video

Full code : 

Defining list


color = ["red","green","blue"]
color.append("yellow")  # adding color
color[1] = "pink"
print(color)

Defining Tuples


fruits = ("orange","banana","mango")
fruits.append("guava")
fruits[1] = "guava"
print(fruits)


Wednesday, July 30, 2025

Password Remember using php

 


Video Link - Go to video

Full code - 

<?php
 if($_SERVER['REQUEST_METHOD']=="POST")
 {
     $email = $_POST['email'];
     $password = $_POST['password'];


                    if(isset($_POST['remember'])){

                        setcookie("email", $email, time()+(86400 * 30));
                        setcookie("password", $password, time()+(86400 * 30));

                    }
                    else{
                        setcookie("email", "", time()-3600);
                        setcookie("password", "", time()-3600);
                    }

     echo "Login Successfull";

 }
?>


<html>
    <head>
        <title>Password Remember using php</title>
    </head>
    <body>
      <form method="POST">
        Email - <input type="textbox" name="email" value="<?php echo isset($_COOKIE['email']) ? $_COOKIE['email'] : ''; ?>"><br><br>
        Password - <input type="password" name="password" value="<?php echo isset($_COOKIE['password']) ? $_COOKIE['password'] : ''; ?>"><br><br>
        <input type="checkbox" name="remember"<?php if(isset($_COOKIE['email'])) echo "checked"; ?>> Remember Me <br><br>
        <input type="submit" value="Login">
      </form>
    </body>
</html>



Tuesday, July 29, 2025

Learn Web Application Development with WDS

 This web application demonstrates dynamic form submission and data display using AJAX with PHP and MySQL as the backend technologies. The frontend is built using HTML and styled with Bootstrap for a responsive and user-friendly interface. AJAX (Asynchronous JavaScript and XML) is used to send form data to the server without reloading the page, enhancing user experience by making the application faster and more interactive.



 PHP handles server-side logic, processes incoming requests, and interacts with the MySQL database to store and retrieve user data. Bootstrap is used for styling form elements and layout, ensuring the design is modern and mobile-friendly. The application includes functionalities like inserting new user records and displaying them in real-time using AJAX, providing a seamless and efficient workflow for users. This setup is ideal for building real-time applications such as contact forms, registration systems, feedback forms, and admin panels.


  • Review of Core Basics
  • Project-Based Learning
  • Advanced Theories and Models
  • Basic to Advanced Concepts & Terminology

Full Course                   |                           Crash Course

Monday, July 28, 2025

Web Development Programs With WDS Puranpur

 A well-designed course should progress through three structured levels: beginner, intermediate, and advanced. At the beginner level, the focus is on introducing the subject, building foundational knowledge, and familiarizing learners with essential tools, concepts, and terminology through simple examples and guided exercises.

The intermediate level deepens understanding by introducing more complex topics, practical applications, and real-world problem-solving. This stage typically includes project-based learning, hands-on challenges, and exposure to common industry scenarios.



The advanced level is aimed at mastery and professional application, where learners engage in high-level concepts, performance optimization, real-life case studies, and the development of a final capstone project. It often includes expert insights, portfolio building, and career guidance to prepare learners for real-world success. This progressive structure ensures that learners not only gain knowledge but also develop the confidence and skills to apply it effectively.

  • Review of Core Basics
  • Project-Based Learning
  • Advanced Theories and Models
  • Basic to Advanced Concepts & Terminology

Full Course                   |                           Crash Course

  1. What is Google Opal? It’s a no-code / low-code AI mini-app builder developed by Google Labs. You describe what you want in natural ...