لوغارتم
كل المسارات
02فرونت إند

تطوير واجهات المستخدم

هذا الكورس يغطي كل ما تحتاجه لتصبح مطور واجهات أمامية محترف، بدءاً من أساسيات الويب وصولاً إلى أحدث الأطر والتقنيات.

150
ساعة
9
وحدات
صفر
متطلبات سابقة

المنهج

  1. 01

    أساسيات الويب و HTML

    8 ساعة

    أساس قوي في طريقة عمل الويب وبنية المواقع الحديثة.

    • Introduction to web technologies
    • HTML document structure
    • Semantic HTML
    • Forms & validation
    • Tables
    • Accessibility standards (ARIA)
    • SEO-friendly web structure
    • Core HTML components
  2. 02

    CSS وتصميم الواجهات

    20 ساعة

    تصميم واجهات جميلة ومتجاوبة وحديثة.

    • CSS fundamentals
    • Colors, typography & backgrounds
    • Box model
    • Positioning
    • Flexbox: direction, alignment, justify
    • Flexbox: grow, shrink, basis, ordering, nesting
    • Grid: template, gap, columns, rows
    • Responsive web design
    • Animations & transitions
    • Project
  3. 03

    أساسيات JavaScript

    40 ساعة

    إتقان لغة الويب وبناء تطبيقات تفاعلية.

    • Intro, adding JS to HTML, console, alert
    • Variables, data types, arithmetic, assignment & logical operators, template literals
    • Conditions: if, switch
    • Loops: for, while, do-while, break, continue
    • Functions, params, return, scope
    • Arrow functions, anonymous functions, expressions
    • Objects: CRUD, this, nested
    • Arrays 1: CRUD
    • Arrays 2: push, pop, shift, slice, includes, indexOf, join, nested
    • Strings: slice, substring, replace, case; Math: random, floor, round
    • Challenge
    • DOM: tree, selecting, changing content
    • DOM manipulation: CRUD, traversal
    • DOM events & event listeners
    • BOM: location, history, navigator
    • Local & session storage, cookies
    • setTimeout & setInterval
    • Project: TODO list
    • Project 2
  4. 04

    JavaScript متقدم و APIs

    12 ساعة

    تخطي الأساسيات والتعامل مع تطبيقات غير متزامنة حقيقية.

    • Event loop & JavaScript execution model
    • Promises & async/await
    • REST APIs & HTTP methods
    • AJAX & Fetch API
    • API integration & data handling
    • Project: API integration & data handling
  5. 05

    البرمجة كائنية التوجه في JavaScript

    8 ساعة

    فهم بنية التطبيقات القابلة للتوسع بمفاهيم OOP.

    • Constructor functions
    • Prototypes & inheritance
    • ES6 classes
    • this keyword
    • Revision & project
  6. 06

    TypeScript

    16 ساعة

    كتابة تطبيقات قابلة للصيانة بجافاسكريبت قوية الأنواع.

    • TypeScript fundamentals
    • Primitive types
    • Arrays & tuples
    • Object typing & data shapes
    • Interfaces & type aliases
    • Optional & readonly properties
    • Union & intersection types
    • Classes & OOP in TypeScript
    • Generics
    • Project
  7. 07

    Tailwind CSS

    8 ساعة

    بناء واجهات حديثة وجاهزة للإنتاج بسرعة.

    • Utility-first CSS approach
    • Responsive design with Tailwind
    • Flexbox & Grid utilities
    • Revision & project
  8. 08

    Sass وهيكلة التنسيقات المتقدمة

    10 ساعة

    أنظمة تنسيق قابلة للتوسع والصيانة.

    • Sass fundamentals
    • Variables & nesting
    • Mixins & reusable styles
    • Functions & partials
    • Revision & project
  9. 09

    تطوير React

    30 ساعة

    إتقان أشهر مكتبة واجهات في العالم.

    • React fundamentals & JSX
    • Components & props
    • State management with hooks
    • Component lifecycle
    • Event handling
    • Forms & validation
    • Conditional rendering
    • React Router
    • API integration
    • Context API & global state
    • React Hooks deep dive
    • React Query
    • Redux Toolkit
    • Project 1
    • Project 2

عايز تنضم للمسار ده؟

ابعتلنا على واتساب وهنبدأ معاك على طول.

انضم دلوقتي