building_websites_for_beginners
TheOdinProject
building_websites_for_beginners | TheOdinProject | |
---|---|---|
5 | 2 | |
1 | 39 | |
- | - | |
3.8 | 0.0 | |
6 months ago | over 1 year ago | |
HTML | HTML | |
GNU General Public License v3.0 or later | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
building_websites_for_beginners
-
Building Websites for Beginners: 9. Forms
Now that the contact form has been added, the HTML for our basic portfolio page is complete. If you run into any issues, or just want to see what my version looks like, you can get the page's source code on github.
-
Building Websites for Beginners: 8. Links
Now that we know how to add hyperlinks to documents, and understand that that can only be the parents of certain elements, we can add the employer website hyperlinks to our table. As this is such a minor change, I will not show you what to do and will ask you to have a go at doing it yourselves. Remember that you can look at this chapter's source code if you get stuck.
-
Building Websites for Beginners: 7. Tables
Now that our page is starting to get a little longer, instead of showing the complete code for the page, I will just provide a link to the final index.html for this chapter.
-
Building Websites for Beginners: 6. Sections
If your page doesn't look right, or you think you've made a mistake somewhere, don't worry! As the examples get more complex, it will get increasingly easy to miss out a line when copying, or to accidentally paste it into the wrong place. Take a few minutes and see whether you can figure out what's gone wrong yourself and fix it. If you can't, or would just like to check against my own version you can find the original files I worked from in the book's source code. There are also files for all the other chapters there as well if you would like to study them. It's also possible I have made a mistake with one of the examples; if you do spot this please let me know at [email protected] so I can fix it.
-
Building Websites for Beginners: 0. Introduction
I'm writing this book in the open, and all the source files used to create it can be found on github. If you spot a spelling mistake, typo, or gross technical inaccuracy and would like to correct it please feel free to open a pull request with a correction and admonishment appropriate to the level of my transgression.
TheOdinProject
-
5000 lines of code later... Completed TheOdinProject Foundations!
I did find a bug. If you zoom in on home page the text under the Odin image gets scrambled with the links.
What are some alternatives?
perfectmotherfuckingwebsite - π And itβs really more fucking perfect than the last guyβs.
RandomStrangestLocations - When you press the button on this site, it takes you to interesting/funny/mystery places on google maps!
Pyscript-Offline - Installable PyScript application that runs offline.
wwwpreiodictable - Infographic showing web browser technologies
web-playground - Code samples using web technology
TW-Elements - ππͺππ collection of Tailwind MIT licensed (free) components, sections and templates π
Propeller - Propeller - Develop more, Code less. Propeller is a front-end responsive framework based on Google's Material Design Standards & Bootstrap.
bedrock - Making mozilla.org awesome, one pebble at a time
awesome-portfolio-websites - A community maintained open source project aimed at making a personal portfolio for researchers, developers, and analysts simple, fast, and less cumbersome. We make sure you have a full-fledged website to showcase your work while you can spend time on your learning and innovative endeavors.