ah teaches web design & development (The Utility Belt lecture)
The Utility Belt
Lecture outline
Approaches for debugging code and an introduction to git. Lecture slides will be made available on the day of the lecture (May 31).
Meet your toolkit
Dev Environment
Adding to the toolkit
- Coding application
- FTP Client
File Structure
Keep things clear
Things to ensure:
- Use a descriptive naming convention: index.html, product-apple-detail.html
- Avoid naming based on generics: page01.html, page02.html, page523.html
- No spaces in file or folder names: use_underscores.html or use-dashes.html
- Think categorically: logo-siat.jpg, instead of siat.jpg
Dev Environment
Adding to the toolkit
- Coding application
- FTP client
- Developer's tools + validators
Dev Environment
Adding to the toolkit
- Coding application
- FTP client
- Developer's tools + validators
- Photo editor/compressor
Save for Web
Images should be sized and compressed appropriately for web distribution. We will talk more about resolutions in the coming weeks, but some suggested tools for compression:
P2 Expectations
While working on a team, please note:
- Both team members must contribute code.
- Both team members must use git.
Working as a Team
The horror, the HORROR!
Come to an agreement on:
- Naming conventions
- Work towards common code
- Maintaining files
- Both do the code
Dev Environment
Adding to the toolkit
- Coding application
- FTP client
- Developer's tools + validators
- Photo editor/compressor
- Git client
This drawing is explained in detail in the recorded lecture
Next lecture
Devices and their Fickle Owners
Thinking about how users use websites, and more options for laying out your site. Lecture recordings will become available the day after the lecture.