Tutorials
Pick something you want to do and follow the steps. Each guide gives you a small example to work on and shows you how to check the result.
Start with a small website
Download the practice website. It contains a home page, an About page, a Contact page, and a sample picture.
- Add your own photo. Open the website and replace the sample picture with one from your computer.
- Link to another page. Make a “Contact me” link that opens the Contact page.
- Share your website. Send someone a link to view it or a ZIP they can edit.
You can look at the practice website before downloading it.
The guides open with Phoenix Pro, using Design Mode for visual editing. Choose Community (free) to follow the steps with the code editor and preview side by side. Your choice is remembered as you move between guides. You can complete all three projects with Community.
Try something else
- Build a page with Bootstrap: open a ready-made page, change its button color, and try it at a phone-sized width.
- Run your first Python program: create a file and make it print a message in the desktop app.