Welcome to the Treehouse Community
The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.
Amber Hoddinott6,494 Points
Developing websites step checklist ive made to help me through the process, any extra steps, changes or recommendations?
I have been learning on tree house intensively and i believe i have learnt all i need to start creating some great sites (of course i know there is always more to learn.) . I personally have to think at things in a organised way. Although i have gained alot of knowledge, have my notes and ability to research if i dont know something, i realized that when i came to start developing my site i had alot of information but no real order of how i should do each step. For me i know i will find it so much easier if have some steps to help me. So i can get from a black page to a website that is on the web and active which a proud of :)
I have made a list of what i think i need to do and in which order i think this would work best. Please take a look and give me any advise or extra steps, a different order (any input would be gratefully appreciated !)
Thank you so much in advance. :D
My web developing checklist
Tuesday, December 22, 2015 12:13 PM
1. Make main <head> and <body> text documents 2. Make sure i have all the tags needed in the head of my html. Meta tags etc (screen size, view port, seo, ) 3. Make main CSS style sheet and add link to html documents 4. Make JS file and add link to html document 5. Put all html/ CSS/ and JS Images into a project folder 6. Add Normalise CSS 7. Add bootstrap or any other CSS framework i need. Add necessary links 8. Add Query and Js to the bottom of the html document 9. Make a page wrapper in the <body> 10. Add main nav bar 11. Add sticky footer 12. Add main content area (primary content, secondary content etc) 13. Centring main content... May full width main header/footer. 14. Make media queries. CSS File and link it to html documents 14. GIT HUB Make main repository... To start using Git with my project and making push and pull requests 15. Save my images for the web to make the responsive 16. Photoshop all images how want them in my website. Making them the correct size etc. 17. Make images such as png files into SVG (using inkscape) 18. Make sprit maps for each html page individually 19. CODE SITE.... Flexbox :) 20. JQUERY Add any plugins needed 21. Organise my CSS using SASS 22. Make Typography into Ems to make responsive 23. Check website optimization 24. Check the website on different devices (landscape/portrait view) 25. Check the Validation html CSS and JS code. 26. Minify all my html, css and Js code 27. Choose a Domain name 28. Choose web hosting
Jonathan GrieveTreehouse Moderator 91,028 Points
Hi Amber, this is a great start and if it works for you all the better.
Some Design aspects can be added and omitted depending on the design (things like a sticky footer for example)
I like that you've made a note there for Github. I still have a mental block when it comes to using Git. I know it's worth learning but I've been a habitual non Git user all my working life. :)
Jonathan Hughes2,040 Points
I have just found this after searching for something similar myself. I find things easier to learn and remember when there is routine. I will possibly suggest some areas that you could add but for now just wanted to say thanks.