Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
JQuery Create Overlay Popups from scratch using Jquery
Rating: 4.5 out of 5(62 ratings)
12,983 students

JQuery Create Overlay Popups from scratch using Jquery

Modal popups, enter popups and timed popups can help keep your traffic on your website. Make them using jQuery
Created byLaurence Svekis
Last updated 11/2024
English

What you'll learn

  • create custom popup windows for any website
  • learn to use JQUERY
  • customize and code your own modal windows
  • create code snippets for clients

Explore related topics

Course content

2 sections • 30 lectures • 2h 1m total length

  • jquery project course introduction3:15
  • Resources used in the course1:00
  • jquery project introduction popup modal window9:17

    Learn to build jQuery popups and modal windows from scratch, including enter and exit popups, cookies, close buttons, and testing to see which popups convert best while preserving user experience.

  • jquery projects create modal HTML4:22

    Create a reusable jQuery modal by building an HTML div as the modal, add a separate mask overlay, and implement multiple dismiss options for accessible, centered popups.

  • Index page HTML source3:00
  • jquery project add CSS to modal8:19
  • JQuery Project Source CSS2:00
  • jquery projects add jquery3:32

    Trigger a jQuery modal overlay on page load by wrapping the popup in a function, using the document ready event, and showing the overlay mask to display the popup.

  • jquery projects Add modal code11:45
  • JQuery Project Source modal JS1:00
  • jquery projects popup modals and closing them7:09
  • jquery project setup cookie in Jquery10:10

    Learn to add cookie-based persistence to a jQuery modal by creating, checking, and erasing cookies, so returning users see the same opt-in rather than the popup.

  • jquery projects get cookie11:58

    Implement a get cookie function in plain JavaScript to read document.cookie and return a cookie value. Use it to control the overlay popup based on the cookie's presence.

  • jquery project cookie check popup4:46
  • JQuery Project Source cookies JS1:00
  • jquery project popup pause5:27
  • JQuery Project Source cookies JS 21:00
  • jquery projects wait for 3 seconds to show popup window4:09
  • jquery project form data4:14
  • jquery project marketing popup window styling8:23
  • jquery project JSON data get value in jquery4:05
  • jquery project setup AJAX2:58
  • JQuery Project Source AJAX1:00
  • jquery project AJAX to mysql database using PHP7:44
  • JQuery Project Source PHP1:00
  • jquery project update popup message5:17
  • jquery project modal fadeout4:44
  • JQuery Project Source complete script JS2:00
  • JQuery Project Source complete HTML4:00

Requirements

  • computer
  • basic understanding of HTML and CSS
  • desire to learn

Description

Learn by example create amazing jquery code which can be added to websites HTML CSS JavaScript JQuery MYSQL PHP together

Modal overlay popups, enter popups and timed popups can help keep your traffic on your website.  Make them using jQuery “overlay popups” cannot be blocked by popup blockers and are extremely popular for web marketing.

Learn to write JQUERY from Scratch.

This is a useful code snippet which can be easily marketed to clients or added to your won website to increase user interaction. Modal popup windows are everywhere and very popular, this course teaches you how to create them from scratch.

A real world project adding a marketing popup window which can be used to collect and build email lists, highlight featured products, and redirect guiding your visitors to other parts of your website.

Source code is included, customize and apply to your own websites.

Everything is included in this course, it is designed to guide you step by step on how to use JQuery to create useful code snippets. Each step is explained and shown what it does and why it is there.

Learn about HTML, CSS, JavaScript, JQuery and even MYSQL PHP. Create a marketing popup modal window to display on your website. Include a countdown to activate if the user is inactive for a period of time. Use this popup window, sending email form data to PHP which records it into a MYSQL database.

We walk you through step by step with detailed explanations of code and more.

  • quick lessons get right to the point
  • fully covered topics with real world examples
  • source files downloadable to work along
  • challenges and lessons and code samples
  • code snippets
  • Links to top resources to save time
  • 30 day money back guarantee
  • new course material added regularly
  • trusted name in education since 2002
  • full HD easy to read source coding
  • quick response support to students
  • regular discussions

We teach you the latest techniques and tools to use in order to create amazing web content. Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course.

Who this course is for:

  • anyone who wants to learn to build useful JQUERY code strutures
  • learn how JQUERY and PHP work together
  • apply JavaScript to create interactive user experiences

Report abuse