Hero Background

Become a professional Frontend Developer – Start for Free Today!

Join 15,000+ students who learned with me and some landed real jobs

Start Free Now

Start Learning for Free

Get access to a live recorded lesson, a PDF sample, and your first task to practice!

Front End Course Content

  • Introduction to the Web & How Browsers Work
  • HTML5 (semantic elements, forms, tables, multimedia)
  • CSS3
  • Selectors, Box Model, Positioning
  • Flexbox & Grid
  • Responsive Design
  • Transitions & Animations
  • Introduction to JavaScript
  • Variables, Data Types, Operators
  • Data structure (arrays, objects)
  • Conditionals & Loops
  • Functions
  • Math & Dates, variables scope
  • DOM Manipulation (select, modify, create, delete elements)
  • BOM (window, location, history, navigator, LocalStorage & SessionStorage)
  • Events & Event Listeners
  • let / const
  • Arrow Functions
  • Template Literals
  • Destructuring
  • Spread & Rest Operators
  • Modules (import/export)
  • Array Methods (map, filter, reduce, …)
  • Bootstrap 5
  • JSON Basics
  • AJAX & Fetch API
  • Promises
  • Async / Await , try/catch
  • Work with Real REST APIs
  • Mini Projects (CRUD operations with a public API)
  • Git & GitHub (init, commit, branch, merge, push, pull)
  • NPM & package.json
  • Sass (variables, nesting, mixins)
  • Components, Props, State
  • JSX, list rendering
  • Events & Forms
  • Hooks (useState, useEffect, useContext, …)
  • React Router
  • State management (Redux, Toolkit)
  • Final Project (build and deploy a real app)

What Students Say

1 / 45
Ahmed Belal

Meet Your Instructor

Hi, I'm Ahmed Belal

  • Front End Team leader

  • 6+ years in software development especially web development

  • 5+ years teaching programming

  • 15000+ students taught successfully

  • Social media technical content creator

  • 50k+ social followers

  • Worked with multiple startups & companies

مميزات الكورس

هتتعلم كل الحاجات اللي الشركات بتطلبها عشان تكون جاهز تقدم على أي شغل بعد الكورس.

المحاضرات بتكون اونلاين مباشر على Google Meet عشان تعرف تتفاعل مع المحاضر وتسأله.

المحاضرات بتتسجل عشان لو حبيت ترجع للشرح في أي وقت يكون متاح.

هتاخد كتاب فيه المحتوى اللي هيتشرح كاملاً مقسم لأجزاء PDF.

هيكون معاك منتور خاص بيك يتابع معاك ويساعدك لو وقفت في حاجة.

بتاخد تاسك بعد كل محاضره تنفذه بايديك عشان تثبت المعلومة.

تقدر اثناء الكورس تشتغل كمان معانا في قسم Marketing لو حبيت (اختياري).

بنتابع معاك تسجيل الحضور والغياب لضمان الالتزام في الدوره.

شهادة موثقة بعد اجتياز الكورس والمشروع النهائي.

في نهاية الكورس، بنعمل مشروع تحطه في الـ Portfolio الخاص بيك.

محاضرات مفتوحة لمناقشة أي مشكلة أو سؤال حتى لو خارج المنهج.

الأول على الدفعة هيتعين معانا خدمة عملاء وهيكون ليه راتب ثابت.

بعد كل جزء هتعمل اختبار صغير عشان تعرف مستواك وتاخد Feedback يطورك.

الأسئلة الشائعة عن كورس Front-End

هل لازم أعرف برمجة قبل الكورس؟
لا، الكورس مناسب للمبتدئين. هنبدأ من الصفر بشرح HTML وCSS وJavaScript قبل ما ندخل على React والمشاريع العملية.
إيه هي الأدوات اللي هتعلمها في الكورس؟
هتتعلم HTML, CSS, JavaScript, React, Git & GitHub, وطرق بناء مواقع تفاعلية حديثة مع مشاريع عملية.
هل الكورس عملي ولا نظري؟
الكورس عملي 90٪، هتبني مشاريع حقيقية خطوة بخطوة وتطبق كل مفهوم عمليًا عشان تثبت المعلومة.
هل المحاضرات Live ولا مسجلة؟
كل المحاضرات Live بحيث تقدر تسأل وتتفاعل معانا مباشرة، وكمان بتتسجل لو حبيت ترجع لها في أي وقت.
هل هاتاخد شهادة بعد الكورس؟
أيوه، بعد اجتياز الكورس والمشاريع هتاخد شهادة موثقة تثبت مهاراتك في Front-End.
هل الكورس هيوجهني إزاي أشتغل بعده؟
هنعلمك بناء Portfolio قوي بمشاريع جاهزة، ونساعدك تعرف تقدم على شغل Front-End Junior أو Freelance.
هل فيه متابعة ودعم أثناء الكورس؟
أيوه، عندك جروب دعم على واتساب/تليجرام وأسئلة مباشرة للمحاضر، وكمان جلسات Q&A دورية.
هل الكورس يغطي أساسيات JavaScript قبل React؟
أكيد، الكورس هيبدأ بمراجعة كل أساسيات JavaScript اللي محتاجها عشان تستخدمها في مشاريع React وFront-End.
هل فيه مشاريع عملية؟
أيوه، هتعمل مشاريع حقيقية زي مواقع Landing Pages، Todo App، Portfolio، ومشاريع React تفاعلية.
هل الكورس مناسب لو عايز أشتغل فريلانسر؟
تمام، لأن هتتعلم بناء مواقع من الصفر وتفهم جميع الأدوات اللي الشركات والفريلانسرز محتاجينها.
هل فيه اختبارات أو تقييمات أثناء الكورس؟
أيوه، بعد كل جزء هتعمل Test صغير عشان تعرف مستواك وتاخد Feedback لتحسين مهاراتك.
لو فاتتني محاضرة، أقدر أرجع لها؟
أكيد، كل المحاضرات مسجلة ومتاحة لك في أي وقت.
هل في جزء عملي للتعامل مع Git وGitHub؟
أيوه، هتتعلم إزاي تستخدم Git وGitHub لإدارة مشاريعك ومشاركتها بشكل احترافي.
هل بعد الكورس هقدر أشتغل في شركات مباشرة؟
نعم، لأن هتتعلم كل المهارات اللي الشركات بتطلبها في Junior Front-End Developer.