Four dogs
Four dogs, side-by-side or stacked, depending on the screen size.
- + Getting ready
- + URLs and files
-
+
Making HTML
- Page template
- A few tags
- PHPStorm
- Enter PHP
- GETting data
- Simple styling
- Classes and ids
- Divs and spans
- Conditional styles
- No, not there...
- Editing with PHPStorm
- Practice: if
- Old-school debugging
- PHPStorm and Xdebug
- Show me the errors!
- More conditions
- Broken styles
- Images
- Links
- Fun: hiding links
- Fun: adventure game
- File strategy
- Page components
- + Validation library
- + Database apps
- + Capturing data
- + Front-end magic
- + User accounts
- + Log files
- What now?
- + Tips and tricks
Responsive
Responsive images
How to make images adapt to screen size.
What's responsive?
The basic principles of BS's responsive grid system.
DO NOT START HERE
Read the lessons on the left of the screen. All exercises are embedded in the lessons.