Web pages and interaction
Frontend · 5 stages
Learn to build what a visitor sees and uses: text, images, menus, and buttons.
Your project: A personal website you develop and publish.
See the learning stepsFor beginners, one step at a time
Build your first web page—even if you’ve never coded.
Learn with Isam (LWI) is a learning project that helps beginners learn to code by building small projects. Follow the guide in English or Arabic, and choose resources that suit your next step.
Build my first page
Continue learning: Write your first heading and paragraphContinue learning: Add a list and a linkContinue learning: Add an image and describe itContinue learning: Build your own personal pageContinue learning: Change your heading colourContinue learning: Give your content some spaceContinue learning: Put your interests in a rowContinue learning: Give your page your own styleContinue learning: Make a button change a messageContinue learning: Count button clicksContinue learning: Show your introduction with a clickContinue learning: Add interaction to your pageContinue learning: Write your first program messageContinue learning: Store and display a task nameContinue learning: Check the task nameContinue learning: Read and display your tasks
Hello, I’m Sara
This is my first web page.
Three things I enjoy
- Reading
- Drawing
- Learning something new
A simple HTML page. Styling comes later.
What would you enjoy building?
Start with what makes you curious. You can explore the other path later.
Programs that store and process data
Backend · 5 stages
Learn to build what happens behind the interface: receiving requests, processing data, and saving it.
Your project: A program for managing your daily tasks.
See the learning stepsNot sure? Start with your first web page. You can explore the other path later.
How learning works
- Learn an idea
- Try it
- Check it
- Build on it
Questions before you begin
You don’t have to know everything first
Can I learn in English?
Yes. The learning paths, guided lessons, exercises, and feedback are available in English and Arabic. Choose your language in the header. External courses have their own teaching languages; many are in Arabic, so check each resource’s language label before opening it.
Do I need to be good at maths?
Your first web pages need no advanced maths. Basic calculations and logical thinking are enough for these beginner tasks. Some later fields, such as graphics or machine learning, need more maths.
Can I learn using only my phone?
Yes. You can try the first HTML lessons in your phone’s browser. A computer makes working with files and larger projects easier.
How long will learning take?
It depends on your practice time and starting point. Pick a session you can repeat, such as half an hour, and finish a small task. Use what you can build as your measure of progress; completing videos alone is not a readiness check.
What if I get stuck?
Save your work, read the exact error or unexpected result, and check one thing at a time. The HTML guide includes common fixes. If you ask for help, explain what you expected, what happened, and the smallest example that shows the issue.