Infinite Scroll Project AJAX MySQL API PHP jQuery

Explore how to create a web application that sends requests to the server for additional data as users scroll the page

Instructed by Laurence Svekis

Access all courses with Premium Subscription

  • Monthly
  • Yearly

Monthly

$ 29/mo
Billed Monthly
  • All Courses Access
  • New Courses Instant Access
  • Learning paths Access
  • Course completion certificates
  • Skills Assessment
  • Instructor Support
  • Exercise files & Quizzes
  • Resume & Play
  • Mobile and TV apps
  • Offline viewing
  • Cancel Anytime
Subscribe Now

Yearly

$ 299/yr
Billed Anually
  • One Year Unlimited Access
  • New Courses Instant Access
  • Learning paths Access
  • Course completion certificates
  • Skills Assessment
  • Instructor Support
  • Exercise files & Quizzes
  • Resume & Play
  • Mobile and TV apps
  • Offline viewing
  • Cancel Anytime
Subscribe Now
  • connecting to an API
  • setting up a PHP database API
  • using AJAX to pull JSON data from the backend
  • getting MySQL data into a web application

Infinite scrolling is a web-design technique that loads content continuously as the user scrolls down the page, eliminating the need for pagination.  This technique popular is used on many websites and this course will show you how to build one yourself from scratch.

Best of all this course provides a great learning experience on how to develop an API that can return database content into the front end.  Learn how to combine technologies and the steps needed to plan out the building of applications. Explore how you can use AJAX to send requests to a server API returning content in a JSON format to be added to your web page content.

Prerequisites to this course include working knowledge of jQuery, JavaScript and PHP.  We cover the aspects of the languages needed to create the API endpoint and to query the endpoint for data.

One of the best ways to learn programming is by projects and this project is perfect since it combines the use of multiple technologies within one application so that students get a real world experience. 

  • Learn how to setup the structure of your web application
  • Find out about creating a PHP database connection
  • Create a simple PHP application to populate the database with lorem ipsum text
  • Explore how an API works outputting content from the MySQL database into JSON format
  • Use PHP code to build a customized JSON output
  • Explore how easy it is to make AJAX requests with jQuery
  • Use JavaScript to detect scroll and more
  • Assemble your HTML page dynamically
  • Examine how web applications are built

Source Code is included to get you started quickly.

Taught by an instructor with over 18 years of web development experience, ready to help answer any questions you may have.

Join now and start building your own applications today.

  • PHP working knowledge
  • MySQL working knowledge
  • jQuery AJAX working knowledge
  • application developers
  • web developers
View More...

Section 1 : Introduction to building projects

  • Lecture 1 :
  • Infinite Scroll Introduction Preview
  • Lecture 2 :
  • Scroll project Resources
  • Lecture 3 :
  • Setup basic application page
  • Lecture 4 :
  • Setup Database connection PHP
  • Lecture 5 :
  • Source Code conn.php
  • Lecture 6 :
  • How to populate database with lorem ipsum text PHP
  • Lecture 7 :
  • Source Code Build.php
  • Lecture 8 :
  • Output API contents PHP
  • Lecture 9 :
  • App development overview PHP
  • Lecture 10 :
  • Create AJAX call to api jQuery and PHP
  • Lecture 11 :
  • load api data output it to HTML jQuery
  • Lecture 12 :
  • debugging and adding offset values PHP
  • Lecture 13 :
  • jQuery scroll detection
  • Lecture 14 :
  • Load more entries tweak source code jQuery
  • Lecture 15 :
  • PHP code overview
  • Lecture 16 :
  • Source Code Example
  • Lecture 17 :
  • jQuery Code review
  • Lecture 18 :
  • index.html jQuery source code

Section 2 : Course Resources

  • Lecture 1 :
  • Resources

Laurence Svekis,

Instructor, 18+yrs Web Experience I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today Providing Web development courses and digital marketing strategy courses since 2002. 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 tobring 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!"
View More...

Develop your own Chrome Extension &...

By : Harshit Srivastava

Lecture 15

The Extreme Web Development Course

By : Paul Carlo Tordecilla

Lecture 124

Superb Advance Javascript - Become ...

By : Paul Carlo Tordecilla

Lecture 28

Application development with IBM Wa...

By : Harshit Srivastava

Lecture 14

Free

Learn React 16 and Redux by buildin...

By : Haider Malik

Lecture 74

jQuery for Beginner to Advanced: 12...

By : Sandip Bhattacharya

Lecture 15

$15

Need any help with the platform? Contact us at: support@learnfly.com