前端开发>> Google-Homepage-HTML-and-CSS>> 返回
项目作者： JacobGrisham

项目描述 ：
Reverse engineered front-end for Google Search, Image Search, and Advanced Search.
高级语言： HTML
项目地址: git://github.com/JacobGrisham/Google-Homepage-HTML-and-CSS.git


Google Search: HTML and CSS

Homework from Harvard’s Web Programming with Python and Javascript CS50W hosted on eDX

🎓 Project 0

  • Search: Reverse engineered the front-end for Google Search, Google Image Search, and Google Advanced Search.
  • I wrote all the code in this repository.

🖥 Walkthrough on Youtube

Search Demo

💡Lessons Learned

  • Deconstructing website functionality
  • Chrome Developer Tools, specifically the Network tab
  • Analyzing URL parameters
  • HTML Form name, id, and action relationships

🚀 Getting Started

To run this project locally:

  • Option 1: With the folder open in your text editor, right click on the index.html and select “Copy Path”, and then paste into the browser of your choice
  • Option 2: With the folder open in your text editor, right click on the index.html and select “Open with Live Server”