Python Learning Website

Python Learning Website Used AI

18 devlogs
42h 35m
•  Ship certified

A comprehensive, interactive web-based learning platform designed to teach Python programming from beginner to expert levels. The website provides a structured curriculum with 76 lessons organized into four difficulty levels, featuring interactive code editors with real-time Python execution capabilities.

Timeline

Ship 1

1 payout of shell 272.0 shells

Abū al-Barāʾ

24 days ago

Abū al-Barāʾ Covers 18 devlogs

Added an amazing home page with arabic basmalah and navigation buttons to the learning levels

Update attachment

I've created the grand challenge of the expert level. The level is officially finished now

Update attachment

Added a certificate at the end of the expert level quiz. If your score is 60% (12/20) or higher, you will get a certificate from our website. Enter your name, and it will be displayed on the certificate. You can also download it as an image.

Update attachment

Created a beautiful logo for the website

Update attachment

I've added the expert-level quiz of 20 code-based MCQs to allow learners to test their skills in the level topics. This is the last quiz on the website.

Update attachment

I added a congratulatory message at the end of the last lesson to celebrate learners who completed all lessons on the website.

Update attachment

Just added the Expert/Specialized Topics (Lessons 58–76) to the site! These cover advanced areas like Data Science, AI, Web Development, Automation, and Python extensions in C. I’m also working on the multiple-choice quiz and a big Grand Challenge, like the previous levels

Update attachment

Added AI & Machine Learning field and expanded the number of lessons to 75 instead of 71. I also added content to some of these lessons.

Update attachment

The advanced level is officially finished. I added a quiz of 30 MCQs to ensure a deep understanding of advanced Python topics. I also added a grand challenge at the end of the level, just like previous levels. It is to build a real-time chat app project that uses WebSockets, REST APIs, databases, and more. I also made sure they are accessible only after completing the intermediate quiz

Update attachment

Made sure advanced lessons unlock only after completing the intermediate quiz.

Update attachment

Created advanced lesson pages covering topics like async programming, context managers, logging, unit testing, debugging, packaging, design patterns, memory management, multithreading, multiprocessing, performance optimization, JSON/CSV, web scraping, database access, APIs, and GUI programming.
I will now add an advanced-level quiz and a grand challenge, like previous levels.

Update attachment

I added a lesson locking feature. Before users can access a new level, they must now complete the quiz of the previous level. This ensures they’ve mastered the earlier content before progressing. The system checks their score, and only if they get 70% or higher, the next level is unlocked.

Update attachment

I'm currently working on the Advanced Level of the Python course, fixing bugs and improving features from earlier levels.

For the Intermediate Level Challenge (Hangman Game), I’ve added a sample ASCII art and a full sample implementation of the game. This will help learners better understand the logic and structure before building their own version.

More updates coming soon!

Expanded the beginner level quiz from 20 to 30 MCQs and added a quiz of 30 questions and a funny grand challenge to the intermediate level. The challenge is to make a Hangman game using ASCII Art.

Update attachment

🟡 Just finished the Intermediate Level on my Python learning website!
It teaches useful skills like handling errors, working with files, using lambda functions, and object-oriented programming. It also covers modules, decorators, and virtual environments.
Next, I’ll add a quiz and a grand challenge to help learners review and apply what they’ve learned, just like in the beginner level!

Update attachment

A beginner-level quiz with 20 multiple-choice questions has been added.
It covers all essential beginner concepts.
A grand challenge titled Personal Finance Manager has also been added.
In this project, students build a basic budgeting app to apply their learning using:
Variables, Functions, Lists and dictionaries, User input/output, and Conditional logic.
I'm currently working on the Intermediate Level.
Planned lessons (22–39) include:
Error handling, lambda functions, and file handling
Modules and packages
Object-oriented programming (OOP) basics
Iterators, decorators, and recursion
Working with virtual environments (venv) and pip
Planned assessments:
A comprehensive Intermediate-Level Quiz
A hands-on challenge to apply the learned concepts in a real-world scenario

Update attachment

Devlog Time 🤩.
I have almost finished working on the beginner level.
It teaches the basics of Python, including variables, data types, input/output, operators, control flow (if/else statements), loops, functions, and fundamental data structures (lists, tuples, sets, and dictionaries). It’s everything needed to start writing simple Python programs.
It has amazing features, including:
Consistent UI: All lessons use a unified card layout, progress bar, and navigation buttons for a smooth learning experience.
Sidebar Navigation: Lessons are easily accessible and highlighted in the sidebar; navigation buttons are now consistent and reliable.
Clear Content: Explanations are beginner-friendly, with bolded keywords, visual icons, and real-world examples.
Syntax Highlighting: Code examples use inline styles for Python syntax, improving readability.
Interactive Editor: Students can run Python code in-browser with instant feedback.
Accessibility: Responsive design and accessible color choices ensure usability on all devices.
Progress Tracking: The app remembers the last lesson visited, so learners can continue where they left off.
Quality Improvements: Fixed navigation inconsistencies, improved sidebar highlighting, and standardized lesson numbering.

Finalized the core structure of the application by creating the main code file and setting up the curriculum flow for the Python course. With the help of AI, I was able to efficiently organize the course into clearly defined levels and lessons. The current focus is the Beginner Level, which includes foundational topics like installing Python, writing the first program, and working with variables, data types, and basic operators.
To enable modular lesson rendering, I implemented a dynamic content loading system using HTML and JavaScript. Lessons are intended to be loaded on demand from individual .html files.
At the moment, no lesson files have been created yet. As a result, attempting to load a lesson (e.g., lessons/introduction.html) triggers a fetch error.

Update attachment