<<<<<<< HEAD From The Odin Project's curriculum
Build the Google.com homepage
(the simple one with just a search box).
Inside your project folder, create your index.html file
tag. Next do the navbar across the top, first building the content and then trying to position it. Check out how to build a horizontal CSS navbar if you're lost. Finally, put in the footer, which should be very similar to the top navbar. In general, do as much on your own as you can before relying on the developer tools (or viewing the page's source code) to help you along. Push your project to Github using the instructions above!Tips: DONT BE A PERFECTIONIST! You're just trying to make it look like google.com, not actually function like it and it doesn't have to be spaced exactly the same way to the pixel. Any dropdown menus or form submissions or hover-highlighting should be ignored. USE GOOGLE! You'll probably run into roadblocks where you can't figure out how to do something so do what all good devs do... Google it! If you're frustrated with trying to get buttons or inputs to style the way you want (for instance, they seem to just not respond to any styles), look into the css property -webkit-appearance: none; or -moz-appearance if you're using Firefox. Start with just putting the main elements on the page (the logo image and search form), then get them placed horizontally. You can either download the Google logo or link directly to its URL on the web in your
Welcome to The Odin Project Curriculum
The Odin Project (also known as TOP) is an open-source community for learning full-stack web development. Our mission is to provide a comprehensive curriculum to learn web development for free. We help our students learn the skills and build the impressive portfolio of projects they need to get hired as a web developer.
The curriculum is divided into distinct courses, each covering the subject language in depth. Each course contains a listing of lessons interspersed with multiple projects. These projects give students the opportunity to practise what they are learning, thereby reinforcing and solidifying the theoretical knowledge learned in the lessons. Completed projects may then be included in the student's portfolio.
Lessons are structured through a combination of original written content and a compilation of carefully curated resources from the web. This is where the contributing happens!
The TOP community can be found in our Discord chat rooms.
The Odin Project depends on open-source contributions to improve, grow, and thrive. We welcome contributors of all experience levels and backgrounds to help maintain this awesome curriculum and community.
Lessons/Courses in Development
We are constantly making improvements to the curriculum, and new lessons are always in the works. However, writing new lessons is very time consuming and is done for free. If you would like to know specifics about work on new lessons, please checkout the Forum under "sprints", ask in the Discord chat, or keep an eye on this repo.
If you would like to help us develop any lessons, please read our contributing guide to find out how you can contribute.
A non-exhaustive list of what you can contribute to help us:
- correcting typos and other grammar errors,
- rewriting lesson sections to make them clearer and easier to understand,
- fixing broken links,
- adding new resource links you think would make a lesson better, and
- working on new lessons and projects. You can choose to work on parts of a lesson that are outlined in the progress list on lesson plans or you can work on completing an entire lesson yourself.
To find out more about how you can contribute, please read our contributing guide.
Other helpful links
For more information about The Odin Project, go to theodinproject.com.
For the source code to The Odin Project's main website (which pulls in this curriculum), check out the github repo here.
* See license.md for usage details.
Created by Erik Trautman
Our main focus is the cultivation and sequencing of the best free resources around the internet. We believe wholeheartedly that everything one needs to know to become employed can be found for free online. However, for the average new learner, the vast quantity (and widely varying quality) of resources makes it difficult to make meaningful progress. Therefore, we have devised three basic steps to fix this.
- We have created a curriculum that attempts to find the optimal sequencing of information. This curriculum is intended to take someone from knowing literally nothing about web development to a point where they could be employed as a Junior Developer.
- For each topic in the curriculum, we try to find the best free resources on the internet that teach that topic. We will often link multiple resources so as to not rely too much on a single source of information. If good resources cannot be found, we write our own, but we definitely prefer primary links to external sites.
- We invent and cultivate projects that give learners a chance to practice what they have learned and to integrate skills along the way. These projects increase information retention, give the learner a chance to experiment, and allow the learner to build an impressive portfolio.
Additionally, we have made our learning materials completely open source. This means that if anyone comes across a resource that is better than what is currently included in our lessons, that person is free (and encouraged!) to add them, which improves our curriculum over time and helps it to stay up to date.
If you would like to contribute to this project, please contact us here.