juliusakula / clients-ktc Goto Github PK

Here's the end goal: An input form for a Search String like a company name or whatever. And also a button for Submit. When you submit, it'll hit our php file that finds an image URL, we'll take that image URL and load it on the page below. It'll be like google images, but it only gets the first result.

We have to start smaller than that ^ -- but there is a second part after it that I'm not going to describe yet. Going to start from the beginning with your task:

clone this repository and create an index.html file. Git add it. Add a form with the text "Search" and add a buttton (Use bootstrap) for "Submit". The submit button should send a request to test_ajax.php (for now) -- You'll have to google html form submit GET request to figure out how the web page will send a request to another web page. You need to check the response's message property and display it. That's the first step

The second step is instead of hitting test_ajax.php you'll need to inspect the files single_company.php or csv_get_images and figure out how to get an image URL from google. Once you've got that image url, you display it in an tag, rather than message text like you did with test_ajax.php

This isn't realisitically that complicated, but I'm leaving it pretty open ended so that you can experience this whole concept of learning by doing. I could explain this a lot more if I wanted; so don't forget you can ask questions and I'd encourage that.

There's an article I want you to read before you start this, which is a time-management technique. Basically it's a way to work without distractions for 20 minutes, focus on the one thing you're working on, then take a 5 minute break to deal with Life; then 20 minutes again. The key is the 20minute timer. Anyway read this before you begin(this is actually a long-ish read, maybe read it on your phone while you're unable to do work on a laptop) this first real-world project, and FYI if you google "timer 20mins" it will start a timer for you just like that.

Before you begin, on udemy finish up to bootstrap because you need bootstrap for this project; I don't want you doing unimportant CSS when bootstrap can get the job done basically instantly