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

Development Tools

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

  15. GIT HUB Make main repository... To start using Git with my project and making push and pull requests

  16. Save my images for the web to make the responsive

  17. Photoshop all images how want them in my website. Making them the correct size etc.

  18. Make images such as png files into SVG (using inkscape)

  19. Make sprit maps for each html page individually

  20. CODE SITE.... Flexbox :)

  21. JQUERY Add any plugins needed

  22. Organise my CSS using SASS

  23. Make Typography into Ems to make responsive

  24. Check website optimization

  25. Check the website on different devices (landscape/portrait view)

  26. Check the Validation html CSS and JS code.

  27. Minify all my html, css and Js code

  28. Choose a Domain name

    1. Choose web hosting

1 Answer

Ken Alger
STAFF
Ken Alger
Treehouse Teacher
Ken Alger
Ken Alger
Treehouse Teacher

Amber;

Each project is obviously going to be different in terms of work flow, but I think you are off to a great start with that list. I would likely move item #15 (GitHub) way up the list so that if there is ever an issue with the way you have your project structured you won't have to go all the way back to step 1.

Happy coding,
Ken