Make a Google search engine clone: JavaScript PHP and MySQL

Focused View

Reece Kenney

5:55:35

0 View

1 - Introduction

1 -Welcome!.mp4

01:38

2 -Installing Xampp - Mac Linux.mp4

05:08

3 -Installing Xampp - Windows.mp4

05:36

4 -Installing a text editor.mp4

02:33

5 -Creating our test page.mp4

04:36

6 -Creating our index page.mp4

06:50

6 -doodle-indexPageBasicStructure.zip

7 -Sending data to another page.mp4

06:16

7 -doodle-sendingFormData.zip

8 -Creating a style sheet.mp4

03:58

8 -doodle-styleCss.zip

9 -Styling the index page.mp4

09:25

9 -doodle-flexIntro.zip

10 -Styling the search button.mp4

08:51

10 -doodle-searchButtonStyle.zip

11 -Styling the search textbox.mp4

07:06

11 -doodle-stylingTextbox.zip

12 -Adding our own site logo.mp4

05:31

12 -doodle-logo.zip

2 - Search Page Styling

1 -Creating our search page structure.mp4

06:37

1 -doodle-searchPageStructure.zip

2 -Styling the search bar section.mp4

08:19

2 -doodle-headerStyle.zip

3 -Styling the search bar itself.mp4

06:03

3 -doodle-textboxStyle.zip

4 -Adding an icon to the search button.mp4

06:37

4 -doodle-searchButtonImage.zip

5 -Creating the search type tabs.mp4

07:01

5 -doodle-tabsContainer.zip

6 -Styling the search type tabs.mp4

03:33

6 -doodle-tabStyle.zip

7 -Displaying the active tab.mp4

06:05

7 -doodle-activeTab.zip

3 - The web crawler

1 -Document parser class.mp4

07:45

1 -doodle-crawlPage.zip

2 -Loading the HTML of a site.mp4

08:40

2 -doodle-domDocumentParser.zip

3 -Echoing the found urls.mp4

05:21

3 -doodle-echoUrls.zip

4 -Ignoring links we dont want to use.mp4

05:22

4 -doodle-ignoreLinks.zip

5 -Converting relative links to absolute links - Part 1.mp4

06:41

5 -doodle-createLinks1.zip

6 -Converting relative links to absolute links - Part 2.mp4

05:11

6 -doodle-createLinks2.zip

7 -Recursively crawling links.mp4

06:13

7 -doodle-recursiveCrawl.zip

8 -Getting the title tags for each site.mp4

08:03

8 -doodle-titlesPart2.zip

9 -Getting the keywords and description.mp4

05:53

9 -doodle-metaTags.zip

10 -Creating our database.mp4

10:16

10 -doodle-configFile.zip

11 -Inserting the sites to the database.mp4

08:09

11 -doodle-insertLinks.zip

12 -Checking if a link exists in the DB already.mp4

04:52

12 -doodle-linkExists.zip

13 -Crawling images.mp4

05:45

13 -doodle-crawlImages.zip

14 -Inserting images to the DB.mp4

11:31

14 -doodle-insertImages.zip

4 - Site search

1 -Site results provider class.mp4

12:29

1 -doodle-siteResultsProvider.zip

2 -Styling the number of results label.mp4

02:51

2 -doodle-resultsCountStyle.zip

3 -Outputting site results.mp4

06:37

3 -doodle-getResultsHtml.zip

4 -Showing title, description and url for site results.mp4

03:41

4 -doodle-resultDetails.zip

5 -Styling the search results.mp4

05:04

5 -doodle-stylingResults.zip

6 -Trimming the result text.mp4

04:02

6 -doodle-trimField.zip

7 -Showing the search term in the textbox.mp4

01:04

7 -doodle-termInSearchBox.zip

5 - Pagination system

1 -Adding page limits to our database query.mp4

06:16

1 -doodle-pagingQuery.zip

2 -Creating the pagination control images.mp4

03:07

2 -doodle-pageImages.zip

3 -Showing the first and last images.mp4

03:47

3 -doodle-paginationStart.zip

4 -Showing the page numbers.mp4

04:20

4 -doodle-pageNumbers.zip

5 -Showing the current page.mp4

04:25

5 -doodle-selectedPage.zip

6 -Calculating the page number.mp4

07:57

6 -doodle-pageNumberCalc.zip

7 -Handling an edge case.mp4

03:08

7 -doodle-pagingEdgeCase.zip

6 - Telemetry

1 -Adding our own JavaScript file.mp4

05:06

1 -doodle-scriptJS.zip

2 -Getting the url of the clicked link.mp4

04:34

2 -doodle-getUrlClicked.zip

3 -Getting the id of the clicked link.mp4

03:25

3 -doodle-getLinkId.zip

4 -Updating the clicks value via ajax.mp4

07:14

4 -doodle-updateClicksAjax.zip

5 -Sending the type value in the form.mp4

02:23

5 -doodle-typeHiddenField.zip

7 - Image search

1 -Creating the image results provider.mp4

04:06

1 -doodle-imageResultsProvider.zip

2 -Outputting the images.mp4

03:56

2 -doodle-outputImages.zip

3 -Styling the images.mp4

05:38

3 -doodle-imageCss.zip

4 -Masonry layout.mp4

06:02

4 -doodle-masonry.zip

5 -Loading the images with JavaScript.mp4

06:33

5 -doodle-loadImageScript.zip

6 -Calling the Masonry code with a timer.mp4

04:56

6 -doodle-masonryTimer.zip

7 -Flagging broken images.mp4

06:05

7 -doodle-setBroken.zip

8 -Image preview.mp4

03:51

8 -doodle-fancybox.zip

9 -Image preview captions.mp4

05:18

9 -doodle-masonryCaption.zip

10 -Increasing the image click count.mp4

04:39

10 -doodle-finished.zip

11 -You made it! Thank you!.mp4

01:36

11 -doodle-finished.zip

Description

Learn JavaScript, PHP and MySQL by building your own search engine from scratch! A COMPLETE walkthrough!

What You'll Learn?

Create a search engine
Create a web crawler

Who is this for?

Anyone! Beginners or experience programmers.

What You Need to Know?

No prior knowledge is required but basic HTML/programming knowledge is advised.

More details

Description
Do you want to become an expert in JavaScript, PHP and MySQL?
Do you want to build a real search engine just like Google?
If so, youâ€™re in the right place! This course will guide you step by step in creating your own Google clone COMPLETELY from scratch.
Weâ€™re talking the kind of website that will amaze anybody that sees it. The kind of website that will get you hired in no time!
Why let me teach you?
I work as a Software Engineer at Microsoft where I build products used by millions of people all over the world! I want to take the skills Iâ€™ve gained through years of working with some of the best developers in the world and transfer them directly to you!
Iâ€™ve taught thousands of students here on Udemy and created some of the most popular development courses on Udemy!
Okay so whatâ€™s the course about?
I will personally guide you, step by step, in creating your own search engine just like Google complete with:
Site search
Image search
Complete pagination system
Image full screen preview
And much more!
Â Whether you are a complete beginner* or an experienced programmer, this course will be massively beneficial to you.
Why should I take the course?
In the programming world, the â€œbig 4â€ often consists of Google, Microsoft, Facebook and Amazon. To get a job at any of these companies, you absolutely MUST know the essentials: HTML, CSS, PHP, JQuery, JavaScript and MySQL.
If you take this course, you will have nothing to worry about because we use all of these skills extensively!
Support:Â
By enrolling in this course, you will have theÂ COMPLETEÂ support of a Microsoft Software Engineer (me). I'm always ready to answer any question you may have. Programming issues, errors, feature requests, general programmingÂ advice - it doesn't matter,Â I'm always happy to help! IÂ alwaysÂ aim to respond to questions within aÂ few hoursÂ and it's also worth noting that I've answeredÂ EVERYÂ SINGLEÂ question asked so far onÂ allÂ of my courses.
Future course discounts:
By enrolling in this course, you will get access toÂ ALLÂ ofÂ my current and futureÂ courses for the lowest possible discount we as instructors are capable of offering on Udemy -Â FOREVER.Â
Project portfolio:
The site you create in this course will be the highlight of your project portfolio!Â Any potential employer who see's this project on your resume will want to hear all about it. The reason?Â TheyÂ knowÂ that a project like this means you're familiar with the wide range of technical skills they need their employees to know.Â Â
Fun!
Finally, this project is a lot of fun and IÂ know you'll have a great time implementing your own unique ideas as well as the ones we implement together. What are you waiting for?Â
You don't need any experience to take this course, however a basic understanding of HTMLÂ would be great. I will explainÂ everythingÂ as IÂ go, but some things I spent more time on than others.Â I don't spent aÂ hugeÂ amount of time on theÂ absolute*Â lowest level basics e.g. what is HTML. So if you have absolutely no experience programming, you areÂ absolutely fineÂ to take this course, just ask me to explain things furtherÂ if you would like a more detailed explanation :)
Who this course is for:
Anyone! Beginners or experience programmers.

User Reviews

Rating

average 0

Total votes0

Focused display

PHP

Reece Kenney

Instructor's Courses

Hi there! My name is Reece Kenney, and I’m from Rugby, England. I currently work as a Software Engineer at Microsoft where I spend my days doing a range of front end and back end development using languages such as JavaScript, TypeScript and C# to name a few! Through my work at Microsoft, I have a lot of experience developing products that are used by millions of people every day! I’m also fortunate enough to work alongside some of the best and brightest software engineers in the world. I’m here on Udemy to share my knowledge with as many people as possible and hopefully make a difference in people’s lives. I love to teach and can’t wait to personally guide you towards your own personal goals! If you take any of my courses, you’ll have my full support every step of the way!

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.