×
ribbon
مکتب خونه برنامه‌نویسیطراحی سایتبرنامه‌نویسی فرانت اند

آموزش پروژه محور CSS ،HTML و JavaScript

مدرس:

ابوالفضل وفادوست

این دوره برنامه نویسی فرانت اند مبتدی شامل آموزش CSS، HTML و JavaScript بوده و برای کسانی مناسب... بیشتر
پرطرفدار
گواهی‌نامه
4.7 (355)
110 دیدگاه
9,301دانشجو
11ساعت
سرفصل‌ها
مقدماتی تا پیشرفته سطح دوره

اشتراک مکتب‌پلاس

خرید اشتراک

با خرید اشتراک مکتب‌پلاس، علاوه بر این دوره، به بیش از ۴،۰۰۰ دوره دیگر دسترسی خواهید داشت.

دسترسی به تمام دوره‌هابیش از ۴،۰۰۰ دوره
محتوای دوره
سرفصل‌ها
پیش‌نیاز‌ها
توضیحات دوره
دیدگاه کاربران
درباره مدرس

آنچه در این دوره می‌آموزید

اصول و مبانی HTML برای ساخت صفحات وب

نحوه استفاده از CSS برای استایل دهی به صفحات وب

آموزش کامل زبان JavaScript برای ایجاد تعامل در صفحات وب

انجام پروژه جهت آموزش کاربردی مفاهیم برنامه نویسی وب

این دوره شامل:

11 ساعت ویدئو

1 جلسه متنی

3 فایل ضمیمه قابل دانلود

گواهینامه مکتب‌خونه

دسترسی مادام‌العمر به محتوای دوره

سرفصل‌های دوره

5 فصل89 جلسه11 ساعت ویدیو
HTML – اچ تی ام ال
  Intro – مقدمه
11:10
  Text – متن
08:02
  Link – لینک
06:34
  Image – تصویر
03:35
  List – لیست
03:42
  Table – جدول
04:01
  Form – فرم
22:18
  Layout – چیدمان
08:46
CSS – سی اس اس
  Import CSS – ایمپورت کردن سی اس اس
06:21
  Basic Selectors – انتخابگرهای ساده
07:44
  Specificity – الویت‌بندی انتخابگرها
05:16
  Color – رنگ
04:10
  Shadow – سایه
04:24
  Font – فونت
07:15
  Measurement Units – واحدهای اندازه‌گیری
04:41
  Text – متن
04:06
  Link – لینک‌
05:38
  Image – تصویر
08:37
  Icon – آیکون
03:02
  Border – حاشیه
03:43
  Box Model – باکس مادل
09:24
  List – لیست
05:52
  Table – جدول
09:15
  Form – فرم
09:48
  Transition – انتقال
09:03
  Animation – انیمیشن
06:54
  Position – موقعیت‌دهی
05:54
  Flexbox – فلکس‌باکس
16:39
  Grid – گرید
15:16
  Media Query – مدیا کوئری
08:23
  CSS Functions – توابع CSS
09:06
  Advanced Selectors – انتخابگرهای پیشرفته
12:10
پروژه - بخش اول
  Setup – راه‌اندازی
07:07
  Header – هدر
03:31
  Header: Color – هدر: رنگ
01:07
  Header: Navbar – هدر: نوار ناوبری
07:19
  Header: Logo – هدر: لوگو
01:03
  Header: Button – هدر: دکمه
03:38
  Commenting Code – کامنت‌گذاری در کد
02:53
  Menu – منو
05:15
  Menu Items – آیتم‌های منو
09:08
  Comments – نظرات
09:38
  About Us – درباره ما
05:54
  Footer – فوتر
05:34
  Footer: Contact Us – فوتر: تماس با ما
09:01
  Footer: Form – فوتر: فرم
08:21
  Navigation – ناوبری
04:54
JavaScript – جاوااسکریپت
  Setup – راه‌اندازی
03:33
  Variables – متغیرها
06:21
  Data Types – انواع داده
06:38
  Object – آبجکت
06:16
  Array – آرایه
02:43
  Function – تابع
05:54
  Operators – عملگرها
16:22
  Conditional Statements: If...else – دستورات شرطی: If...else
13:33
  Conditional Statements: Switch...case – دستورات شرطی: Switch...case
05:17
  Loops: For – حلقه: For
07:48
  Loops: For...in – حلقه: For...in
05:03
  Loops: For...of – حلقه: For...of
04:03
  Loops: While – حلقه: While
07:21
  Objects – آبجکت
13:30
  Primitive vs Reference Types – انواع ساده و ارجاعی
06:35
  Built-in Objects – آبجکت های داخلی جاوا اسکریپت
14:58
  Functions – توابع
06:34
  Functions: Arguments – توابع: آرگومان‌ها
09:07
  Functions: The Rest Operator – توابع: عملگر Rest
06:29
  Functions: Default Parameters – توابع: پارامترهای پیش‌فرض
05:58
  Try...Catch – عیب یابی
06:53
  Local vs Global Scope – محدوده متغیرهای محلی و سراسری
05:28
  Built-in Functions – توابع داخلی جاوا اسکریپت
07:24
  Arrays: Adding Elements – آرایه‌ها: اضافه کردن عناصر
04:25
  Arrays: Removing Elements – آرایه‌ها: حذف کردن عناصر
04:54
  Arrays: Finding Elements Primitives – آرایه‌ها: یافتن عناصر انواع ساده
03:33
  Arrays: Finding Elements Reference Types – آرایه‌ها: یافتن عناصر انواع ارجاعی
05:04
  Arrays: Combining and Slicing Arrays / The Spread Operator – آرایه‌ها: ترکیب و برش آرایه‌ها / عملگر Spread
05:33
  Arrays: Iterating an Array – آرایه‌ها: پیمایش آرایه
03:04
  Arrays: Joining Arrays – آرایه‌ها: ادغام آرایه‌ها
02:34
  Arrays: Sorting Arrays – آرایه‌ها: مرتب‌سازی آرایه‌ها
13:37
  Arrays: Testing the Elements of an Array – آرایه‌ها: تست عناصر یک آرایه
03:59
  Arrays: Filtering an Array – آرایه‌ها: فیلتر کردن آرایه
02:19
  Arrays: Mapping an Array – آرایه‌ها: مپ کردن آیتم های آرایه
02:48
  Arrays: Reducing an Array – آرایه‌ها: ریدوس کردن آرایه
03:28
  Practice – تمرین
00:06
  DOM and Events - دام و ایونت‌ها
22:09
پروژه - بخش دوم
  Popup – پنجره پاپ‌آپ
10:02
  Menu Button – دکمه منو
10:30
  Scroll Animation – انیمیشن اسکرول
06:27
  Mapping List Items – مپ کردن آیتم‌های لیست
05:00
  Form – فرم
15:42
  The Next Step – گام بعدی
02:24

پیش‌نیاز‌ها

این دوره به نحوی تهیه و تدوین شده است که مباحث آن به ساده‌ترین شکل ممکن بیان شوند و مخاطبان دوره بتوانند به‌سادگی متوجه موضوعات مطرح شده شوند. به همین جهت برای شرکت در این دوره هیچ پیش‌نیاز به خصوصی وجود ندارد و افراد با هر سطحی از آگاهی و تحصیلات می‌توانند از مباحث این دوره نهایت استفاده را داشته باشند.

توضیحات دوره

این دوره برنامه نویسی فرانت اند مبتدی شامل آموزش CSS، HTML و JavaScript بوده و برای کسانی مناسب است که می‌خواهند برای اولین بار برنامه نویسی را شروع کنند. در این دوره مفاهیم پایه‌ای برنامه نویسی وب از ابتدا آموزش داده می‌شوند و شما به صورت پروژه محور نحوه ساخت صفحات اینترنتی را خواهید آموخت.

شرح فصل ها:

HTML

در این فصل، شما با اصول و مبانی زبان HTML آشنا خواهید شد. از ساختاردهی اولیه صفحات وب تا استفاده از عناصر مهم مانند عنوان، پاراگراف‌، لیست‌، جداول و فرم‌ها را خواهید آموخت.

CSS

در فصل CSS، شما یاد می‌گیرید که چگونه ظاهر وب‌سایت‌ها را بهبود دهید. در این فصل به مفاهیمی چون رنگ‌، فونت‌، چیدمان و دیگر جنبه های ظاهری یک صفحه وب پرداخته می‌شود. همچنین، تکنیک‌های پیشرفته‌ای مانند Flexbox و Grid برای طراحی صفحات ریسپانسیو آموزش داده خواهد شد تا بتوانید صفحات وب زیبا و کاربر پسند بسازید.

پروژه (بخش اول)

این فصل شامل پیاده‌سازی یک صفحه وب با استفاده از اچ تی ام ال و سی اس اس می باشد. این پروژه کمک می‌کند تا با کاربرد واقعی مفاهیم تئوری در عمل آشنا شوید.

JavaScript

در این فصل، به دنیای برنامه‌نویسی با JavaScript وارد خواهید شد. همه مفاهیم پایه‌ای اسکریپت در این فصل به زبانی ساده و قابل درک آموزش داده می‌شود.

پروژه (بخش دوم)

این فصل شامل افزودن جاوا اسکریپت به پروژه است تا با چند مثال ساده با نحوه استفاده از جاوا اسکریپت در صفحات وب آشنا شوید.

دیدگاه کاربران

4.7

بر اساس امتیاز 355 دانشجو

1
2
3
4
5

محمدحسن رضایی کوله مرزی

1 روز پیش

5

مرحله به مرحله و اصولی آموزش شاید فکر کنید خیلی سریع جلو میره اما تمام موارد بعدا در سر فصل های تخصصی خودش مرور میشه و حتی عمقی تر بررسی میشه در کل خیلی خوبه و اینکه صفر تا صد همه موارد طراحی سایت از مبتدی تا حرفه ای شاملش میشه که البته خیلی خیلی زیاد به تلاش شخصی بستگی داره. تشکر از مکتب خونه

امیرحسین سلیمی

4 روز پیش

5

روان ، دقیق و موثر

ابراهیم بابا محمدی

4 روز پیش

5

خوب

ایمان کریمی

4 روز پیش

5

خیلی خوب بود

مهدی تمهیدی نیر

5 روز پیش

5

عالی

دانشجوی دوره

5 روز پیش

5

دوره بسیار مفیدی هست. من دوره های زیادی گرفتم ولی این یکی واقعا خیلی مفید تر بود.

گواهینامه اختصاصی دو زبانه

پس از گذراندن دوره به صورت آنلاین در سایت مکتب‌خونه، گواهی‌نامه رسمی پایان دوره به زبان فارسی و انگلیسی، توسط مکتب‌خونه به اسم شما صادر شده و در اختیار شما قرار می‌گیرد.

امکان اشتراک گذاری در لینکدین
دو زبانه
ابوالفضل وفادوست
8دوره
11,143دانشجو
473نظر و امتیاز

ابوالفضل وفادوست دانش آموخته کارشناسی ارشد مترجمی زبان انگلیسی از دانشگاه تهران است.

ایشان تجربه فعالیت به عنوان برنامه نویس فول استک در  استارت آپ‌های مختلف  را در کارنامه خود دارد.

از سوابق آموزشی ایشان می توان به بیش از ۸ سال سابقه تدریس، تولید محتوا و مدیریت آموزشی در حوزه‌های مختلف از جمله زبان انگلیسی و برنامه نویسی اشاره نمود.

مهارت‌هایی که می‌آموزید

جاوا اسکریپت
برنامه‌نویسی فرانت اند

دوره‌های مشابه

دیگر دوره‌های ابوالفضل وفادوست

سوالات پرتکرار

آیا بعد از پایان مدت دوره همچنان به محتوای آن دسترسی دارم؟

بله. پس از پایان مدت دوره نیز به ویدئوها، تمرین‌ها، پروژه‌ها و سایر محتوای آموزشی دوره دسترسی خواهید داشت؛ اما امکان تصحیح تمرین‌ها توسط پشتیبان دوره و دریافت گواهی‌نامه برای شما وجود نخواهد داشت.