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

General Discussion

Amber Hoddinott
Amber Hoddinott
6,494 Points
Posted by Amber Hoddinott
Amber Hoddinott
6,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

2 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 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. :)

Amber Hoddinott
Amber Hoddinott
6,494 Points
Amber Hoddinott
Amber Hoddinott
6,494 Points

I havent tried it yet, ive put it together thismorning going through all my notes and im designing a site at the moment and then i will be trying it out once im happy with my design. I will be look at make a separate designing checklist, although to be honest i may not need to, there is so many online, but i couldnt find a developing checklist anywhere... that i found helpful anyway. Is there anything you think you could add to the list or think maybe i should do in a different order? Thanks :D Amber

Jonathan Hughes
Jonathan Hughes
2,040 Points
Jonathan Hughes
Jonathan Hughes
2,040 Points

Hi Amber,

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.