Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.Start your free trial
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,252 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.