| title | permalink |
|---|---|
Lesson 5 |
/lesson_5 |
- Learning Responsive Web Practices
- Build Mobile Cat Project
- Writing EXCELLENT Code, What makes code "good"?
- Quick Talk: Writing EXCELLENT Code
- Quick Talk: Wire Framing Helps
- Quick Demo: Using Git "In-Practice" when Building Projects
- Work Time
- Git Push
Read: You don't have to really read every word of this article, but definitely go through each example and think about what makes the code bad vs good.
Shay Howe - Good Code
Do: After going through the article, clean up your Cat Project html and css files and get that code looking EXCELLENT. We will be PEER REVIEWING the code in class next week.
Do: Complete the CodeSchool responsive web class, Journey Into Mobile.
CodeSchool - Journey Into Mobile
Do: Now that you know how to make your web pages responsive, apply what you have learned to your Cat Project. There is a Mobile design image in the designs folder. By the time you are done, your cat project should look like the Desktop Version on Large Screens and the Mobile Version on small screens.
The design files are located in your project file (find the design folder in web_group_project_1 repo on your computer) or you can view them here on GoogleDrive. Make sure you start with the Desktop Version. We will be learning responsive design later to code the mobile version.
Do: Remember that Portfolio project you worked on the first or second week? CodeSchool even has a quick design class you can check out to get started:
CodeSchool - Fundamentals Of Design
Read: This article has some great advice as to what to put on your portfolio:
Tips on Creating a Portfolio
Some Resourses to Use:
Balsamiq - Wireframing & Prototyping
(note: crystal sent out a free subscription to balsamiq)
Typecast - Exploring Fonts for Website