Step 8:- Learning to style the Search Box Just like Google has their search box created we show you how they added that little shadow around the box. You will also be taught how we change the search box size to adapt to various screen sizes, the text within it and a few other small items. As shown in the images added, you will learn how to make your search box when used more user friendly. Better looking designing is a key part of showcasing your platform and any item you wish to online users to enjoy when using it. If the text was too small or box not the right size on a specific user device, then you will look like someone who does not know how to do their job right. So do not rush with any steps and make sure you learn every little detail as it gets applied to so many other parts within the development world. #google #SearchBox #css

Step 9:- By now you will understand that we can add the same Make-up as Google to a platform, which makes it look just as pretty. The next par before we teach you how to build their actual back-end code which makes their system work they way it does, would be for you to learn how to make the site more unique and branded as your own. Those Students / Interns who are within our course will also learn some industry tricks. One being how to create a logo design just like the big brands within seconds without any Graphic Design Skills. So even with us building the actual Google Source code to teach you we will change the branding a bit. Just for fun we will keep the google design of their logo and call our project going forward Search. Now its not just learning how to create your own brand logo for your site, but also how to code the functions to change the sizing and other small aspects. Remember that every part of the site your user can see gets judged. Not just the working functions. #google #SearchEngine #logo

Step 10:- At this point we will start teaching you how to update that search result page. As you have seen when using the google search engine, when your results are displayed, on the top the google logo and a mini search bar displays. Well to do this, we start with the first 3 items. Adding the logo, adding the search box and adding the search button. Once this has been done, we can use our CSS styling and put that magic make-up on to make it look like a super model display. Come look and see what you will learn in Step 11. #google #ResultPage #learning

Step 11:- So lets get this Search Result Page of Google a little more into shape. With less than 20 lines of codes, we are able to show you how to adapt all the display elements to start falling into place. From this point on-wards we will continue to make small changes and you will be able to code yourself one step closer to making your system work both on the front and back-end. #google #ResultPage #CSS

Step 12:- Right now we will start showing our Students / Interns how to make changes to their Result Page Search Bar. Giving it a more dynamic look, changing the fonts and colors and some small items. You should by now be getting the idea of how you can take the tools we provided you to completely change the entire style / design to fit your own platform look if you wanted to. #google #SearchBar #learning

Step 13:- Teaching you how to write a text placeholder within a search bar is not enough. Just like Google which uses an icon image for their search button, we will teach you where to find icons, how to save them in the correct folders and how to implement them. Once you have the icon you want to use as your button, there are some coding involved to ensure it displays correctly, but also works properly when users click on it. Our Students / Interns will learn more than just basic coding, we are teaching you the art of become an expert coder. Coding from scratch, not that mickey mouse Wordpress or Wix Site building nonsense. We help create real coders, with real skills. #google #internship #icons

Step 14:- At this point our Students / Interns will be 2 steps away from learning how to build Google's Site Crawler. Now before we head into that part, we need to add Tabs to the top like you would see on their Search Result Page. The tabs that takes you between Sites, Images, Videos, etc #google #tabs #learning

Step 15:- Changing the style sheet to apply some new CSS. This will allow us to adjust the new added Tabs on the Search Result Page to display like our old dinosaur Google Search Result Page. #google #tabs #learning

Step 16:- When our Students have reached this point in the course, they will be ready to learn the extremely fun part of the coding process. We will first round off the last part that handles the Tabs display and how they look when active. Once completed our Students can get ready dive into building their first Site Crawler from scratch. #google #tabs #css_styling

Step 17:- This is the fun part where we will teach our Students how to start building the Site Crawler. We will create two PHP files, one for crawling and one for passing the functions of the Url's that will be searched. With them both communicating with one another, they will be able to start detecting which sites to crawl for links, as we move into the course and add more layers. #google #SiteCrawler #learning