JQuery Create Overlay Popups from scratch using Jquery

Exit intent popups, enter popups and timed popups can help keep your traffic on your website. Make them using Jquery
4.2 (14 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
3,542 students enrolled
$19
$50
62% off
Take This Course
  • Lectures 29
  • Length 2.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 12/2015 English

Course Description

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

Exit intent 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.

What are the requirements?

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

What am I going to get from this course?

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

What is the target audience?

  • 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Create a marketing popup using jquery
jquery project course introduction
Preview
03:15
Resources used in the course
1 page
jquery project introduction popup modal window
09:17
jquery projects create modal HTML
04:22
Index page HTML source
3 pages
jquery project add CSS to modal
08:19
JQuery Project Source CSS
2 pages
jquery projects add jquery
03:32
jquery projects Add modal code
11:45
JQuery Project Source modal JS
1 page
jquery projects popup modals and closing them
07:09
jquery project setup cookie in Jquery
Preview
10:10
jquery projects get cookie
11:58
jquery project cookie check popup
04:46
JQuery Project Source cookies JS
1 page
jquery project popup pause
05:27
JQuery Project Source cookies JS 2
1 page
jquery projects wait for 3 seconds to show popup window
04:09
jquery project form data
04:14
jquery project marketing popup window styling
08:23
jquery project JSON data get value in jquery
04:05
jquery project setup AJAX
02:58
JQuery Project Source AJAX
1 page
jquery project AJAX to mysql database using PHP
07:44
JQuery Project Source PHP
1 page
jquery project update popup message
05:17
jquery project modal fadeout
04:44
JQuery Project Source complete script JS
2 pages
JQuery Project Source complete HTML
4 pages

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Laurence Svekis, Instructor, 18+yrs Web Experience

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"

Ready to start learning?
Take This Course