Introduction
- Welcome!
- Setup - Installing the web server
- Creating our test page
- Creating our index page
- Sending data to another page
- Creating a style sheet
- Styling the index page
- Styling the search button
- Styling the search textbox
- Adding our own site logo
Search Page Styling
- Creating our search page structure
- Styling the search bar section
- Styling the search bar itself
- Adding an icon to the search button
- Creating the search type tabs
- Styling the search type tabs
- Displaying the active tab
The web crawler
- Document parser class
- Loading the HTML of a site
- Echoing the found urls
- Ignoring links we don't want to use
- Converting relative links to absolute links - Part 1
- Converting relative links to absolute links - Part 2
- Recursively crawling links
- Getting the title tags for each site
- Getting the keywords and description
- Creating our database
- Inserting the sites to the database
- Checking if a link exists in the DB already
- Crawling images
- Inserting images to the DB
Site search
- Site results provider class
- Styling the number of results label
- Outputting site results
- Showing title, description and url for site results
- Styling the search results
- Trimming the result text
- Showing the search term in the textbox
Pagination system
- Adding page limits to our database query
- Creating the pagination control images
- Showing the first and last images
- Showing the page numbers
- Showing the current page
- Calculating the page number
- Handling an edge case
Telemetry
- Adding our own JavaScript file
- Getting the url of the clicked link
- Getting the id of the clicked link
- Updating the clicks value via ajax
- Sending the type value in the form
Image search
- Creating the image results provider
- Outputting the images
- Styling the images
- Masonry layout
- Loading the images with JavaScript
- Calling the Masonry code with a timer
- Flagging broken images
- Image preview
- Image preview captions
- Increasing the image click count
- You made it! Thank you!
