Layouts and components
The chunks that make up a page.
- + 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
CSS
Conditional styles
Program a page's look with styles.
Broken styles
What to do when styling is broken?
User manual
A user manual for a robot, replete with alternative facts.
Divs and spans
Make containers for styles.
Auction
Make a catalog for a doggo auction.
Classes and ids
Style individual paragraphs and headings.
Basic styles
Style hs and ps.
DO NOT START HERE
Read the lessons on the left of the screen. All exercises are embedded in the lessons.