رئيس مجلس الإدارة ورئيس التحرير أحمد حمدي
الرئيسية‹ الكورسات ‹برمجة وتطوير المواقع

كورس БЕСПЛАТНЫЙ курс по верстке сайтов (Front End). Уроки HTML CSS JS // Фрилансер по жизни

👤 Фрілансер по життю 🎬 60 درس ⏱️ 22 ساعة 51 دقيقة 📶 مبتدئ 🇺🇸 English
ПЛАН РАЗВИТИЯ ФРОНТЕНД РАЗРАБОТЧИКА. ЭФФЕКТИВНОЕ О
EG-24 ACADEMY
EG24
EG-24ACADEMY
— أكاديمية مصر 24 —
CERTIFICATE
OF COMPLETION
THISCERTIFICATE IS PROUDLY PRESENTED TO
اسمك هنا
FOR SUCCESSFULLY COMPLETING THE COURSE
كورس БЕСПЛАТНЫЙ курс по верстке сайтов (Front End). Уроки HTML CSS JS // Фрилансер по жизни
ISSUED ON
09 سبتمبر 2026
Ahmed Hamdy
AHMED HAMDY
FOUNDER
VERIFY CERTIFICATE
CERTIFICATE ID
PREVIEW
رقم تحقق الشهادة
EG24
ACADEMY
LEARN GROW
🔒

شاهد 50% من الكورس واحصل على شهادتك المجانية

✅ تتبع تقدمك في الكورس
🏆 شهادة مجانية عند الإتمام
📊 إحصائياتك محفوظة دائماً
🔖 استكمل من حيث توقفت

إنشاء حساب مجاني يأخذ ثوانٍ فقط

📋 محتوى الكورس 60 درس · 22 ساعة 51 دقيقة
  • 1 ПЛАН РАЗВИТИЯ ФРОНТЕНД РАЗРАБОТЧИКА. ЭФФЕКТИВНОЕ ОБУЧЕНИЕ HTML CSS JAVASCRIPT 18:11
  • 2 Как правильно учиться в IT - сфере. ТОП ошибок при обучении. Конкретный план обучения. 20:19
  • 3 Що таке якісна верстка сайтів? Чотири критерії якості HTML-верстки. Що має вміти майстер по верстці? 7:45
  • 4 HTML уроки. Первый урок по HTML верстке. Уроки HTML CSS JS. Урок №1 5:54
  • 5 HTML уроки. HTML теги. Тег DIV и другие. Уроки HTML CSS JS. Урок №2 6:18
  • 6 HTML уроки. HTML теги для КОНТЕНТА. Уроки HTML CSS JS. Урок №3 18:43
  • 7 HTML уроки. HTML теги форм. HTML input. Уроки HTML CSS JS. Урок №4 35:30
  • 8 CSS синтаксис. Обнуление CSS стилей. Уроки HTML CSS JS. Урок №5 17:59
  • 9 CSS Стили шрифта и текста. CSS font-size. CSS color, CSS text-shadow. Уроки HTML CSS JS. Урок №6 31:20
  • 10 Свойства блоков. CSS padding. CSS margin. CSS display. Уроки CSS HTML JS. Урок №7 31:08
  • 11 Свойства и стили оформления блоков. CSS opacity. Уроки HTML CSS JS. Урок №8 18:50
  • 12 CSS свойство BACKGROUND. Делаем фон для сайта // Уроки HTML CSS JS. Урок №9 30:20
  • 13 CSS псевдоклассы. Псевдокласс HOVER и другие. Уроки HTML CSS JS. Урок №10 25:22
  • 14 CSS псевдоэлементы. Псевдоэлементы BEFORE и AFTER. Уроки HTML CSS JS. Урок №11 14:31
  • 15 CSS позиционирование (CSS position). Уроки HTML CSS JS. Урок №12 29:15
  • 16 Препроцессор SASS/SCSS за 38 минут. Что такое SASS, SCSS. Установка уроки обучение. 38:07
  • 17 Подключение шрифтов. Google Fonts. CSS font-face. Как подключить шрифты // Фрилансер по жизни 20:09
  • 18 Методология БЭМ за 17 минут. Пример верстки по БЭМ методологии // Фрилансер по жизни 17:34
  • 19 МЕТА теги для сайта за 13 минут. HTML мета теги для SEO, адаптива, социальных сетей и для iPhone. 13:18
  • 20 FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнера 11:13
  • 21 FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть вторая - свойства flex-элементов 6:24
  • 22 FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть третья - свойство flex-direction 9:46
  • 23 FLEXBOX. Примеры верстки на flex. Учимся верстать на флексах. Часть четвертая - практика 42:02
  • 24 Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS] 36:44
  • 25 Все о CSS переходах (transitions) за 16 минут. CSS анимация. Часть первая. 15:52
  • 26 CSS animation и @keyframes за 12 минут. Подробный разбор CSS свойств анимации + шпаргалка. 11:38
  • 27 Форматы изображений в веб-разработке и виды графики сайта за 7 минут. + Создаем favicon. 7:07
  • 28 Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture. 18:27
  • 29 CSS transform. 2D и 3D трансформации translate, scale, rotate и другие 26:40
  • 30 Все про CSS отступы padding и margin. Объяснение на практике за 33 минуты. 33:12
  • 31 CSS Grid Layout. Кроссбраузерность. Grid и Flex. Основные понятия. 6:58
  • 32 CSS Grid Layout. Свойства определения сетки grid-template и другие 22:41
  • 33 CSS Grid Layout. Свойства элементов grid сетки grid-row grid-column order gap и другие 12:03
  • 34 CSS Grid Layout. Практика + шпаргалка. 34:22
  • 35 Адаптивное видео и видеоролик в качестве фона. Вставка видео/аудио на сайт. HTML-теги VIDEO и AUDIO. 31:50
  • 36 CSS EM REM и прочие единицы измерения CSS. Что когда использовать? Подробное объяснение на практике. 41:17
  • 37 ВСЕ ПРО CSS-СЕЛЕКТОРИ. Типи, комбінації, каскадність та пріоритетність CSS-селекторів. Практика. 48:18
  • 38 FLEX GRID БІЛЬШЕ НЕ ПОТРІБНІ? Все про СSS COLUMNS. CSS властивості для побудови структури колонок. 17:42
  • 39 СЕМАНТИЧНА ВЕРСТКА САЙТІВ. HTML-теги та практичні приклади семантичної верстки для початківців 41:38
  • 40 Что такое JAVASCRIPT? Как работает JS? Пишем первую программу на JavaScript. Уроки JAVASCRIPT с нуля 8:01
  • 41 Основы синтаксиса JAVASCRIPT. Структура кода. Инструкции. Режим use strict. Уроки JAVASCRIPT с нуля. 10:01
  • 42 Переменные в JAVASCRIPT. Константы. Ключевые слова LET CONST VAR. Уроки JAVASCRIPT с нуля 2020 13:59
  • 43 Типы данных JAVASCRIPT. Null String Undefined Boolean Number и другие. Уроки JAVASCRIPT с нуля 2020 12:05
  • 44 Операторы JAVASCRIPT. "2"+2=22. Уроки JAVASCRIPT с нуля 2020 27:28
  • 45 IF ELSE в JAVASCRIPT. Условный оператор "?". Примеры IF ELSE. Уроки JAVASCRIPT с нуля 2020 9:18
  • 46 Циклы FOR и WHILE в JavaScript. Директивы break и continue. Уроки JAVASCRIPT с нуля 2020 11:50
  • 47 Функции в JAVASCRIPT. Стрелочные функции, рекурсия, планирование: setTimeout и setInterval. 18:08
  • 48 Объекты в JavaScript. Основы для начинающих. Синтаксис, создание, изменение. Уроки JavaScript с нуля 31:34
  • 49 Числа в JAVASCRIPT. Тип данных number. Работа с числами. проблема неточных вычислений. 16:29
  • 50 Строки в JAVASCRIPT. Тип данных string. Типы кавычек, поиск, регистр и получение подстроки. 15:38
  • 51 Массивы в JAVASCRIPT. Методы массивов. Редактирование, поиск, сортировка. Уроки JavaScript с нуля 40:26
  • 52 JavaScript Document object model (DOM) за час. Изменение HTML CSS. Атрибуты и свойства. Окружение. 1:09:55
  • 53 JavaScript размеры прокрутка и координаты элементов на странице и окна браузера. 34:02
  • 54 JAVASCRIPT СОБЫТИЯ. addEventListener делегирование. Cобытия мыши клавиатуры загрузки сайта. Практика 58:39
  • 55 JAVASCRIPT И ФОРМЫ. Свойства, события, методы. Практические примеры. Уроки JAVASCRIPT 32:19
  • 56 JQUERY ПРОТИВ JAVASCRIPT. Стоит ли учить jQuery в 2021? Что лучше для развития программиста? 12:26
  • 57 🔴 Ще більше практичних відео HTML CSS JAVASCRIPT на моєму окремому каналі Code Only - @codeonly 0:47
  • 58 ЛОГІЧНІ CSS ВЛАСТИВОСТІ - BLOCK/INLINE. Думай блочно та рядково 14:02
  • 59 FLEX проти GRID. Практичні приклади CSS FLEX та CSS GRID модулів. Різниця ФЛЕКС та ГРІД на практиці 46:48
  • 60 CSS ASPECT-RATIO. Все що треба знати про співвідношення сторін на практиці 10:39
▶ يُشغَّل الآن
ПЛАН РАЗВИТИЯ ФРОНТЕНД РАЗРАБОТЧИКА. ЭФФЕКТИВНОЕ ОБУЧЕНИЕ HTML CSS JAVASCRIPT

📘 نظرة عامة على الكورس

يُقدّم هذا الكورس المجاني شرحاً شاملاً لـ БЕСПЛАТНЫЙ курс по верстке сайтов (Front End). Уроки HTML CSS JS // Фрилансер по жизни في مجال برمجة وتطوير المواقع، ويستهدف المبتدئين الراغبين في بناء مهاراتهم العملية واحترافية في 2026. يُقدّمه Фрілансер по життю باللغة العربية بأسلوب مبسّط ومنظّم.

يضم الكورس 60 درساً بمدة إجمالية 22 ساعة 51 دقيقة، تأخذك من الصفر حتى الاحتراف خطوةً بخطوة.

لماذا تتعلم БЕСПЛАТНЫЙ курс по верстке сайтов (Front End). Уроки HTML CSS JS // Фрилансер по жизни؟

  • JavaScript هي اللغة الوحيدة التي تعمل على المتصفح، وأصبحت مع Node.js تشمل كل أجزاء تطوير الويب.
  • مجاني بالكامل — ابدأ الآن دون أي رسوم
  • شهادة إتمام معتمدة — أضفها لـ CV وLinkedIn
  • تعلّم في أي وقت — بالسرعة التي تناسبك
  • يُستخدم JavaScript في: تطوير الواجهات (React/Vue/Angular)، الخلفية (Node.js)، تطبيقات الموبايل (React Native).

مسار التعلم في هذا الكورس

يسير الكورس وفق مسار منطقي متدرّج: أساسيات JS → DOM → Async/Await → Frameworks → Node.js

المتطلبات السابقة

أساسيات HTML و CSS — يمكن لأي شخص البدء في هذا الكورس.

الأدوات والبرامج المستخدمة

  • VS Code
  • Node.js
  • npm
  • Browser DevTools
  • Postman

متطلبات الجهاز

  • RAM 4GB (يُوصى 8GB)
  • أي معالج حديث

الوظائف المتاحة بعد إتمام الكورس

  • Frontend Developer
  • Full Stack Developer
  • Node.js Developer
  • React Developer

متوسط رواتب БЕСПЛАТНЫЙ курс по верстке сайтов (Front End). Уроки HTML CSS JS // Фрилансер по жизни 2026

  • مصر: 7,000-22,000 ج
  • السعودية: 10,000-28,000 ر
  • الإمارات: 12,000-32,000 د
  • أمريكا: $85,000-$140,000

كم من الوقت تحتاج لإتقان БЕСПЛАТНЫЙ курс по верстке сайтов (Front End). Уроки HTML CSS JS // Фрилансер по жизни؟

  • أساسيات: 25-35 ساعة
  • React/Vue: 30-50 ساعة
  • Full Stack: 100-150 ساعة

الشهادات المعتمدة في مجال برمجة وتطوير المواقع

  • Meta Front-End Developer
  • JavaScript Algorithms (freeCodeCamp)

مشاريع عملية ستتمكن من بناؤها

  • Landing Page
  • Todo App
  • Weather App
  • E-commerce Frontend
  • REST API

ماذا بعد هذا الكورس؟

بعد إتمام الكورس، يُوصى بالتعمق في: React، Next.js، TypeScript، Node.js.

الأقسام الجامعية ذات الصلة

يُناسب هذا الكورس طلاب: كلية حاسبات ومعلومات، كلية هندسة.

سجّل في كورس БЕСПЛАТНЫЙ курс по верстке сайтов (Front End). Уроки HTML CSS JS // Фрилансер по жизни الآن، ابدأ رحلتك نحو الاحتراف في برمجة وتطوير المواقع مجاناً. تذكّر: أفضل وقت للتعلم هو الآن.

Ф
المدرّس / القناة
Фрілансер по життю
🎬
عدد الدروس
60 درس
⏱️
المدة الإجمالية
22 ساعة 51 دقيقة
📶
المستوى
مبتدئ
🌍
اللغة
English
🎓
الشهادة
مجانية عند الإكمال
✅
المتطلبات
لا توجد متطلبات مسبقة
📂
التصنيف
برمجة وتطوير المواقع

🎯 ماذا ستتعلم في هذا الكورس

✓
ПЛАН РАЗВИТИЯ ФРОНТЕНД РАЗРАБОТЧИКА. ЭФФЕКТИВНОЕ ОБУЧЕНИЕ HTML CSS JAVASCRIPT
✓
Как правильно учиться в IT - сфере. ТОП ошибок при обучении. Конкретный план обучения.
✓
Що таке якісна верстка сайтів? Чотири критерії якості HTML-верстки. Що має вміти майстер по верстці?
✓
HTML уроки. Первый урок по HTML верстке. Уроки HTML CSS JS. Урок №1
✓
HTML уроки. HTML теги. Тег DIV и другие. Уроки HTML CSS JS. Урок №2
✓
HTML уроки. HTML теги для КОНТЕНТА. Уроки HTML CSS JS. Урок №3
✓
HTML уроки. HTML теги форм. HTML input. Уроки HTML CSS JS. Урок №4
✓
CSS синтаксис. Обнуление CSS стилей. Уроки HTML CSS JS. Урок №5
✓
+ 52 موضوع آخر...

💼 الوظائف التي يؤهلك لها الكورس

💼
مطور ويب
بناء مواقع احترافية
💰 8000-25000 ج.م
💼
فريلانسر
العمل الحر من المنزل
💰 يتفاوت

❓ أسئلة شائعة عن الكورس

كم عدد دروس الكورس؟ +
يحتوي الكورس على 60 درس بإجمالي مدة 22 ساعة 51 دقيقة.
هل الكورس مجاني بالكامل؟ +
نعم، الكورس مجاني تماماً ومتاح بالكامل على منصة مصر 24 بدون أي رسوم.
هل الكورس مناسب للمبتدئين؟ +
الكورس موجّه لمستوى مبتدئ، وهو مناسب تماماً للمبتدئين من الصفر.
ما لغة الشرح في الكورس؟ +
الكورس مشروح باللغة الإنجليزية بأسلوب واضح ومبسّط.
هل يمكن تعلم الكورس بدون خبرة سابقة؟ +
نعم بالتأكيد. هذا الكورس مصمم للمبتدئين من الصفر.
كم يستغرق إتمام هذا الكورس؟ +
المدة الإجمالية 22 ساعة 51 دقيقة. يُنصح بتخصيص ساعة يومياً.
هل أحصل على شهادة عند الإتمام؟ +
نعم، تحصل على شهادة إتمام مجانية من مصر 24 بعد مشاهدة جميع الدروس.
من يقدم هذا الكورس؟ +
الكورس مقدم من Фрілансер по життю.

كورسات مشابهة في برمجة وتطوير المواقع

كورس ووردبرس

كورس ووردبرس

👤 محمد الضبعان - عالم واحد للإعلام والبرمجيات🎬 8 درس
كورس تقوية الواي فاي وتسريع الانترنت

كورس تقوية الواي فاي وتسريع الانترنت

👤 التميز للشروحات - altamiuz🎬 54 درس
كورس FiberHome hg6243c مودام الألياف البصرية

كورس FiberHome hg6243c مودام الألياف البصرية

👤 Naji 4 Tech🎬 13 درس
كورس Ethical Hacking Courses in Arabic

كورس Ethical Hacking Courses in Arabic

👤 The-HackTor🎬 8 درس
✕
🎓 أكاديمية مصر 24
EG24
EG-24 ACADEMY
EG24
EG-24ACADEMY
— أكاديمية مصر 24 —
CERTIFICATE
OF COMPLETION
THISCERTIFICATE IS PROUDLY PRESENTED TO
اسمك هنا
FOR SUCCESSFULLY COMPLETING THE COURSE
اسم الكورس هنا
ISSUED ON
09 سبتمبر 2026
Ahmed Hamdy
AHMED HAMDY
FOUNDER
VERIFY CERTIFICATE
CERTIFICATE ID
PREVIEW
رقم تحقق الشهادة
EG24
ACADEMY
LEARN GROW
أقرب طريق لحلمك — سواء مشروعك الجديد أو وظيفة أحلامك — يبدأ من هنا، بكورسات مجانية 100% للأبد.