From the course: Building Full-Stack Applications with HTMX

Unlock this course with a free trial

Join today to access over 24,900 courses taught by industry experts.

Solution #: Displaying All articles with infinite scroll

Solution #: Displaying All articles with infinite scroll - HTMX Tutorial

From the course: Building Full-Stack Applications with HTMX

Start my 1-month free trial Buy for my team

Solution #: Displaying All articles with infinite scroll

“

- [Instructor] Now, that you have followed the steps in the task document to display your articles, I'll also be following the same steps to show the solution to the first task. I have created a folder here and put all the tasks in here as markdown files. And here, we have task one which is displaying all articles with infinite scroll. Now, the first step in this task says that we should add our HTMX link and CSS library or rules to the index.html page. So, I'll be opening up the index.html page. First, I'm going to add the HTMX CDN link. I'm going to grab that with a script tag and put it in the head of my HTML page. I'm also going to be using Bootstrap for my CSS styling, so going to get that in also. So that is the first step. Now, to the second step. Create the top bar and views container in the index.html file. So let's create that. Going to come here. First, I'm going to change this to HTML Blog, HTMX Blog, and this to HTMX Blog also We had to create the top bar and the views…

Contents