This capstone course is meant to build on the previous 4 courses to have the student build a professional web portfolio. The ability to design and implement a responsive site while adhering to validation and accessibility standards is a requirement. The evolving student implementations will be reviewed each week by capstone peers and teaching assistants to make sure that the student keeps up with the agenda of the course.
Choosing a Process
The previous classes taught how to code sites from scratch, discussed templates, and showed the Bootstrap framework for designing sites. Of these 3 choices I decided that I would like to try coding this site from scratch. I didn't want to use a premade design since I would need to adapt it to fit my vision. I also thought Bootstrap was to constricting, and doesn't seem to leave clear, easy to read code. Designing from scratch allows me to design it how I want, even if I need to borrow code to add some features.
The first assignment was to create a wireframe for the site. The design sketches created for your site need to show at least two views with a mobile first design scheme. The wireframes were not to utilize color, font, styling etc. but layout, including navigation and possibly content.
This shows the final website. It meets the requirements for validation, responsive design, and styling. The site also includes the 4 unique requirements based on things learned in the previous courses. The 4 items are the image gallary, the image slider, more than 2 responsive screen sizes, and a hamburger flyout menu at the mobile size. Though much of these were based on previously developed code, they all required code changes to work on this site.
My grade for this courseWeb Design for Everyone Capstoneis:
