Skip to content

Latest commit

 

History

History
106 lines (61 loc) · 4.59 KB

final_project_requirements.md

File metadata and controls

106 lines (61 loc) · 4.59 KB
Raw

GeneralAssemb.ly

#FEWD: Final Project

###Description

For the final project, you'll be designing and building a website of your choice. This project will test your knowledge of front-end web development and ask you to apply everything you've learned in this course. The result will be a website that you can add to your portfolio. You could create: a portfolio website; a marketing website for a startup or business; or a prototype for a simple web-app. Work with your instructor and EIR's to create project goals that are realistic given the scope and timing of the class.

We recommend you take a look at the GA Gallery for examples of past student work.


Use HTML to correctly structure the DOM * Use HTML5 structural elements (header, footer, nav, etc). * Demonstrate correct use of classes and IDs. * Use classes for identifying a type of element, and IDs for identifying a specific unique element on the page. * Select appropriate tags to markup content.

###Real-World Applications

  • Demonstrate an understanding of all topics covered during this course:

    • Structure, design, and style your site with HTML and CSS
    • Use JavaScript and jQuery to make your site interactive
    • Combine technical and design skills to create a responsive website that is compatible with mobile devices

  • Apply knowledge gained during this course by building a website from scratch.

  • Use your creativity! Instructors will validate feasibility and manage scope.


###Technical Requirements

  • Demonstrate that you have taken the appropriate steps to plan and build your website by submitting all milestones by their due dates:

    • Project Proposal / Wireframes
    • Draft of HTML / CSS (no JS)
    • First draft of JS
    • Updated Rough Draft

  • Use HTML to correctly structure the DOM:

    • Use HTML5 structural elements (header, footer, nav, footer)
    • Demonstrate a correct use of classes and IDs
    • Use classes to identify a type of element and IDs for identifying a specific unique element on the page
    • Select the appropriate tags to markup content

  • Use CSS to style the page:

    • Apply fonts, color and styles to elements and the page
    • Demonstrate use of floats (or inline-block) and the box model

  • Use JavaScript/jQuery to make pages interactive

####Bonus / Best Practices

Your instructional team will provide feedback on how well you execute best practices. Even though it is not part of the requirements, you should keep these in mind:

  • Clean And Readable Code. The instructional team should be able to read and follow your code easily. Maintain clean and readable code including: consistent indentation, code commenting (e.g. when closing <div> tags, demarcating sections of code, describing possibly ambiguous code choices) and use of proper and consistent naming conventions.

  • Search Engine Optimization (SEO). Implement SEO best practices related to HTML markup, and content optimization.

  • Avoid deprecated tags. Uses best practices and build using only supported HTML and CSS tags.


###Timeline

Milestone Due Date Deliverable
Milestone 1 Week 05 Project Proposal / Wireframes
Milestone 2 Week 07 Draft of HTML / CSS (no JS)
Milestone 3 Week 08 First draft of JS
Milestone 4 Week 09 Updated Rough Draft
Milestone 5 Week 10 Final Presentation

##Hosting

You can host your final project on the web for free, using GitHub pages. Watch this video and see this getting started guide for more information on how to host your site on GitHub pages. If you run into any problems with GitHub pages, your instructor and TA(s) should be able to help you troubleshoot.

###Resources


###Evaluation / Submission

Students will create a new repository on GitHub for their final project and push their code to this new repository when they are ready to submit. The instructional team will grade each technical requirement and provide a numeric grade on a scale: does not meet expectations (0); meets expectations (1); exceeds expectations (2). Note: If bullet points have child bullets, the instructional team should grade the child bullets and not the parent bullet belonging to the child. The maximum possible score on this assignment is 22/22. Bonus sections are completely optional.