program content
a quick tour of the program (or at least block 1)
- web design specialist
- web design vs…
- web development / programming
- dev ops
- front-end / back-end
- UI / UX
- front end coder
- HTMl / CSS & Javascript
- social media manager
- …backend / developer / programmer
- db architect
- php / mySQL
- node js / no SQL / mongodb
- digital media processing
- graphic designer
- photography & photo editing
- drawing & illustration
- video, audio & motion graphics
Links
first principles of web design
concepts, ideas and principles to learn and practice:
- mobile first
- responsive / adaptive
- semantic html
- accessible
starting a new project
- conception
- ideation
- research
- target user
- functionality /interaction for user
- ** purpose of website **
- design planning
- sketch wireframes ** starting with mobile **
- plan your html tags
- plan your main css styles
- determine a colour scheme
- define your fonts
- production
- create a new .html file then type: ! + tab. Emmet provides basic html structure with a few added bonuses.
- create & link a .css page
- add a .css reset
- fill in your body structure
- add main text content
- add images & other media
- add styles
- for layout
- for typography
- for images & media
- fine tune for mobile
- add @media queries for larger screen sizes
- progressively enhance
online resources
some rando resources to learn on your own