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.
Work with text
- Find in Files: search across your project and open a matching line.
- Replace text in one file: change a word or phrase in the file you have open.
- Replace text across files: review matches and apply selected changes across your project.