دوره آموزشی
دوبله زبان فارسی
100 روز HTML ،CSS و JavaScript - ساخت 100 پروژه
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- با ساخت 100 پروژه منحصربهفرد در 100 روز، HTML ،CSS و JavaScript را بهطور کامل یاد میگیرید.
- کار با REST APIs - واکشی و نمایش داده از Pokemon API و Country API و Meal API و Crypto API و موارد دیگر
- ساخت کامپوننتهای تعاملی رابط کاربری مانند مودالها، تبها، کاروسلها، tooltips و سیستمهای نوتیفیکیشن
- طراحی طرحبندیهای حرفهای - نوارهای ناوبری، فوترها، سایدبارها و صفحات 404
- مدیریت اعتبارسنجی فرم و فرمتبندی ورودی - ورودیهای OTP، سنجش قدرت پسورد و formatters کارت اعتباری
- تسلط به تکنیکهای مدرن CSS - بررسی Flexbox و Grid، انیمیشنها، skeleton loaders و افکتهای هاور
پیشنیازهای دوره
- فقط به یک آشنایی خیلی ابتدایی با HTML ،CSS و JavaScript نیاز دارید.
- تنها ابزار مورد نیاز شما یک لپتاپ است. حتی یک مدل قدیمی هم کافی است. نیازی به کامپیوتر گرانقیمت نیست.
توضیحات دوره
100 روز و هر روز 1 پروژه
این دوره پروژه محور شما را از یک مبتدی کامل به توسعهدهنده فرانتاند مطمئن تبدیل میکند. بدون حاشیه، بدون تئوری بیپایان و فقط کدنویسی عملی
این دوره به طور فعال در حال گسترش است. در حال حاضر بیش از 50 پروژه کامل داریم و ما هر روز پروژههای جدیدی اضافه میکنیم تا به 100 پروژه کامل برسیم.
آنچه یاد خواهید گرفت:
- تسلط به HTML ،CSS و JavaScript با ساخت 100 پروژه منحصربهفرد و واقعی
- کار با REST APIs - واکشی و نمایش داده از Pokemon API و Country API و Meal API و Crypto API و موارد دیگر
- ساخت کامپوننتهای تعاملی رابط کاربری مانند مودالها، تبها، کاروسلها، tooltips و سیستمهای نوتیفیکیشن
- ساخت بازیها و اپلیکیشنها از جمله بازی دوز، ماشینحساب، موزیک پلیر و اپلیکیشن فیلتر تصویر
- تسلط به تکنیکهای مدرن CSS - بررسی Flexbox و Grid، انیمیشنها، skeleton loaders و افکتهای هاور
- مدیریت اعتبارسنجی فرم و فرمتبندی ورودی - ورودیهای OTP، سنجش قدرت پسورد و formatters کارت اعتباری
- ساخت کامپوننتهای تجارت الکترونیک - سبد خرید، کارتهای محصول، کارتهای مقایسه قیمت و تاریخچه سفارش
- استفاده از Browser APIs مانند Battery Status و Page Visibility و تشخیص پیشرفت اسکرول
- طراحی طرحبندیهای حرفهای - نوارهای ناوبری، فوترها، سایدبارها و صفحات 404
- ساخت یک پورتفولیوی 100 پروژهای
آنچه خواهید ساخت:
- بازیهای تعاملی (بازی دوز و ماشینحساب)
- اپلیکیشنهای مبتنی بر API (Pokemon Viewer، ردیاب کریپتو، جستجوی کشور و مولد غذای تصادفی)
- کامپوننتهای تجارت الکترونیک (سبد خرید، کارتهای محصول، مقایسه قیمت)
- کامپوننتهای مدرن رابط کاربری (مودالها، کاروسلها، تبها، Tooltips و ورودی OTP)
- طرحبندیهای حرفهای (نوارهای ناوبری، فوترها، سایدبارها و صفحات 404)
- چالشهای فقط با CSS (Skeleton Loaders، تایملاینها و Chat Bubbles)
- و خیلی موارد دیگر
فناوریهای پوشش داده شده:
- HTML5 و علامتگذاری سمانتیک
- CSS3 (Flexbox و Grid، انیمیشنها، ترنزیشن ها)
- Vanilla JavaScript و دستکاری DOM
- REST APIs و واکشی
- Browser APIs (Battery Status و Page Visibility و رویدادهای اسکرول)
- طراحی واکنشگرا و UI/UX مدرن
مخاطبان دوره:
- مبتدیان کامل که آشنایی اولیهای با HTML ،CSS و JavaScript دارند.
- بنیانگذاران مشتاق استارتاپ که میخواهند وبسایتها و وب اپلیکیشنهای خودشان را بسازند
- توسعهدهندگان بکاند که میخواهند مهارتهای فرانتاند خود را با پروژههای عملی تقویت کنند.
- طراحانی که میخواهند کدنویسی یاد بگیرند - یاد بگیرید چگونه طرحهای خود را با HTML ،CSS و JavaScript به واقعیت تبدیل کنید
- کسی که با انجام دادن بهتر یاد میگیرد تا تماشای ویدئوهای تئوری بیپایان
در پایان دوره:
- شما 100 پروژه خواهید داشت.
- با ساخت هر نوع کامپوننت فرانتاند از ابتدا، با اعتمادبهنفس عمل خواهید کرد.
- مهارت لازم برای جان بخشیدن به هر طراحی وب را خواهید داشت.
بدون فریمورک، بدون وابستگی و فقط HTML و CSS و JavaScript خالص
این دوره برای چه کسانی مناسب است؟
- اگر میخواهید با ساخت پروژههای جذاب در HTML ،CSS و JavaScript مهارت پیدا کنید، این دوره برای شماست.
- .اگر میخواهید با ساخت وبسایتها، صفحات لندینگ و وب اپلیکیشنهای خودتان، استارتاپ خود را راهاندازی کنید.
- اگر توسعهدهنده بکاند هستید و میخواهید مهارتهای فرانتاند خود را تقویت کنید. شما از طریق پروژههای کدنویسی عملی یاد میگیرید.
- اگر طراح هستید و میخواهید کدنویسی یاد بگیرید. میآموزید چگونه طرحهای خود را با HTML ،CSS و JavaScript به واقعیت تبدیل کنید.
100 روز HTML ،CSS و JavaScript - ساخت 100 پروژه
-
مقدمه 01:04
-
راهاندازی فضای کاری و افزونهها 06:46
-
کد منبع همه پروژهها 01:51
-
پیشنمایش پروژه 01:10
-
ساخت HTML 11:05
-
ساخت CSS 21:46
-
ساخت JavaScript 24:24
-
پیشنمایش پروژه 00:30
-
HTML 05:55
-
CSS 15:12
-
JavaScript 18:47
-
پیشنمایش پروژه 01:06
-
HTML ،CSS و JavaScript 22:24
-
پیشنمایش پروژه 01:32
-
HTML 06:45
-
CSS 23:38
-
JavaScript 23:18
-
پیشنمایش پروژه 00:43
-
HTML ،CSS و JS 22:16
-
پیشنمایش پروژه 01:28
-
HTML و CSS 11:16
-
JavaScript 19:10
-
پیشنمایش پروژه 01:30
-
HTML 08:06
-
CSS 25:42
-
JavaScript 22:50
-
پیشنمایش پروژه 00:59
-
HTML 06:45
-
CSS 20:34
-
JavaScript 30:17
-
پیشنمایش پروژه 00:43
-
HTML ،CSS و JS 24:33
-
پیشنمایش پروژه 00:58
-
HTML 10:32
-
CSS 29:08
-
پیشنمایش پروژه 01:27
-
HTML و CSS 31:09
-
پیشنمایش پروژه 03:11
-
HTML و CSS 20:12
-
JavaScript 28:02
-
پیشنمایش پروژه 01:29
-
HTML ،CSS و JS 23:47
-
پیشنمایش پروژه 01:47
-
HTML و CSS 28:59
-
JavaScript 20:16
-
پیشنمایش پروژه 01:17
-
HTML و CSS 05:14
-
پیشنمایش پروژه 00:20
-
HTML و CSS 13:00
-
پیشنمایش پروژه 01:07
-
HTML 11:12
-
CSS 31:49
-
JavaScript 11:37
-
پیشنمایش پروژه 00:48
-
HTML 13:28
-
CSS 28:59
-
JavaScript 05:37
-
پیشنمایش پروژه 01:00
-
HTML ،CSS و JS 27:00
-
پیشنمایش پروژه 01:21
-
HTML 10:02
-
CSS 23:30
-
پیشنمایش پروژه 00:52
-
HTML و CSS 19:12
-
JavaScript 12:19
-
پیشنمایش پروژه 00:26
-
HTML و CSS 16:49
-
JavaScript 07:58
-
پیشنمایش پروژه 00:37
-
HTML ،CSS و JS 21:20
-
پیشنمایش پروژه 00:48
-
HTML ،CSS و JS 16:00
-
پیشنمایش پروژه 00:40
-
HTML ،CSS و JS 21:17
-
پیشنمایش پروژه 00:40
-
HTML ،CSS و JS 16:35
-
پیشنمایش پروژه 00:39
-
HTML و CSS 20:26
-
JavaScript 05:49
-
پیشنمایش پروژه 00:53
-
HTML و CSS 16:36
-
JavaScript 18:40
-
پیشنمایش پروژه 00:38
-
HTML و CSS 13:28
-
JavaScript 10:52
-
پیشنمایش پروژه 02:05
-
HTML ،CSS و JS 14:53
-
پیشنمایش پروژه 01:01
-
HTML و CSS 11:09
-
JavaScript 09:56
-
پیشنمایش پروژه 00:51
-
HTML و CSS 16:44
-
JavaScript 14:23
-
پیشنمایش پروژه 01:10
-
HTML ،CSS و JS 23:40
-
پیشنمایش پروژه 01:10
-
HTML و CSS 17:55
-
JavaScript 11:21
-
پیشنمایش پروژه 00:55
-
HTML و CSS 11:14
-
پیشنمایش پروژه 01:02
-
HTML و CSS 16:30
-
JavaScript 12:23
-
پیشنمایش پروژه 01:36
-
HTML ،CSS و JS 20:12
-
پیشنمایش پروژه 00:30
-
HTML و CSS 14:44
-
پیشنمایش پروژه 00:31
-
HTML ،CSS و JS 18:03
-
پیشنمایش پروژه 00:32
-
HTML ،CSS و JS 19:19
-
پیشنمایش پروژه 01:09
-
HTML و CSS 14:23
-
JavaScript 12:01
-
پیشنمایش پروژه 00:38
-
HTML و CSS 13:55
-
JavaScript 08:18
-
پیشنمایش پروژه 00:17
-
HTML و CSS 07:45
-
پیشنمایش پروژه 01:13
-
HTML و CSS 09:58
-
JavaScript 16:11
-
پیشنمایش پروژه 01:00
-
HTML ،CSS و JS 13:35
-
پیشنمایش پروژه 01:05
-
HTML و CSS 12:04
-
JavaScript 12:34
-
پیشنمایش پروژه 00:42
-
HTML ،CSS و JS 13:22
-
پیشنمایش پروژه 00:41
-
HTML ،CSS و JS 09:58
-
پیشنمایش پروژه 00:35
-
HTML و CSS 05:06
-
JavaScript 04:03
-
پیشنمایش پروژه 00:35
-
HTML و CSS 06:40
-
JavaScript 12:17
مشخصات آموزش
100 روز HTML ،CSS و JavaScript - ساخت 100 پروژه
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:Alls
- تعداد درس:137
- مدت زمان :24:25:37
- حجم :23.6GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
The Great Courses
7,256,500
1,451,300 تومان
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
2,260,000
452,000 تومان
- زمان: 03:02:02
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
795,000
159,000 تومان
- زمان: 58:00
- تعداد درس: 12
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
8,508,000
1,701,600 تومان
- زمان: 11:25:13
- تعداد درس: 94
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
5,201,500
1,040,300 تومان
- زمان: 06:58:57
- تعداد درس: 60
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
1,833,000
366,600 تومان
- زمان: 02:27:39
- تعداد درس: 24
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
6,100,500
1,220,100 تومان
- زمان: 08:11:21
- تعداد درس: 28
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
3,634,500
726,900 تومان
- زمان: 04:52:43
- تعداد درس: 38
-
سطح دوره:
-
زبان: دوبله فارسی