به یک توسعهدهنده فرانتاند تبدیل شوید - اچ تی ام ال، سی اس اس و بوتاسترپ
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- تسلط به جاوا اسکریپت پیشرفته، شامل ویژگیهای ES6، عملیاتهای ناهمزمان و توابع callback برای ساخت وب اپلیکیشنهای قوی
- کسب تخصص در فریمورکهای فرانتاند، با تمرکز بر ری اکت، برای توسعه رابطهای وب قابل توسعه، کارآمد و واکنشگرا
- درک خود را از مفاهیم پایه برنامهنویسی با جاوا اسکریپت تقویت کنید تا پایهای برای موضوعات پیشرفته ایجاد کنید.
- یادگیری اصول ابزارهای توسعه وب، دستکاری DOM و بهترین شیوههای فرانتاند برای تضمین تجربه کاربری بینقص
پیشنیازهای دوره
- آشنایی با مفاهیم اولیه توسعه وب مانند اچ تی ام ال، سی اس اس و جاوا اسکریپت مقدماتی
- راحتی در استفاده از ویرایشگر کد مثل ویژوال استودیو کد و انجام عملیاتهای اولیه در خط فرمان
توضیحات دوره
به این دوره خوش آمدید. این دوره را بررسی کنید که برای افرادی طراحی شده است که میخواهند به دنیای هیجانانگیز توسعه وب فرانتاند مسلط شوند.
سفر تحولآفرین خود را با درک عناصر پایه طراحی وب شروع کنید. همچنان که پیشرفت میکنید، عمیقتر روید و توسعه فرانتاند پیشرفته با جاوا اسکریپت را بررسی کنید. در این بخش، پیچیدگیهای دستکاری DOM و قدرت جاوا اسکریپت پیشرفته را میآموزید. هر ماژول با دقت طراحی شده تا تعادلی بین اصول و جدیدترین روندهای توسعه فرانتاند برقرار کند.
یکی از ویژگیهای برجسته این دوره، تأکید بر بهترین شیوههای مدرن وب است. شما با طراحی واکنشگرا، دسترسیپذیری وب و بهینهسازی عملکرد آشنا خواهید شد. در دوران دیجیتال که تجربه کاربری اهمیت زیادی دارد، این مهارتها باعث میشود وب اپلیکیشنهای شما متمایز شده و تجربهای بینظیر را در دستگاهها و پلتفرمهای مختلف ارائه دهند.
درسهای تعاملی سراسر دوره یکپارچه شدهاند تا شما را به یادگیری فعال تشویق کنند و به شما امکان دهند بلافاصله نظریههای آموخته شده را به کار ببرید. این روش عملی تضمین میکند که درک عمیقی پیدا کنید و شکاف بین دانش نظری و کاربرد عملی را پر کنید. در پروژههای واقعی شرکت کنید، چالشها را پشت سر بگذارید و همکاری کنید تا در پایان دوره آماده ی ورود به صنعت باشید.
در پایان این مسیر تحولآفرین، مهارتها و دانش لازم برای خلق طراحیهای وب جذاب و واکنشگرا را خواهید داشت و تبدیل به سرمایهای ارزشمند در صنعت فناوری همیشه در حال تغییر خواهید شد. همین حالا شروع کنید و سفر خود را برای تبدیل شدن به یک توسعهدهنده فرانتاند ماهر آغاز کنید!
این دوره برای چه کسانی مناسب است؟
این دوره برای همه طراحی شده است، از مبتدیان کنجکاو تا متخصصان پیشرفته که میخواهند دنیای توسعه وب فرانتاند با جاوا اسکریپت و ری اکت را عمیقا بررسی کنند.
به یک توسعهدهنده فرانتاند تبدیل شوید - اچ تی ام ال، سی اس اس و بوتاسترپ
-
آشنایی با توسعه وب فرانتاند 02:29
-
HTML چیست؟ 02:13
-
نصب ویژوال استودیو کد و ایجاد اولین صفحه وب 03:45
-
تگهای اولیه اچ تی ام ال 04:33
-
فرمتبندی تگهای اچ تی ام ال - قسمت 1 12:43
-
فرمتبندی تگهای اچ تی ام ال - قسمت 2 12:01
-
فرمتبندی تگهای اچ تی ام ال - قسمت 3 07:35
-
فرمها و تگهای ورودی - قسمت 1 11:08
-
فرمها و تگهای ورودی - قسمت 2 08:14
-
فرمها و تگهای ورودی - قسمت 3 17:10
-
تگهای فریم 02:37
-
تگهای تصاویر 17:42
-
تگهای SVG 05:04
-
تگهای صوتی و ویدئویی 06:11
-
تگهای لینک 06:41
-
تگهای لیست 05:31
-
تگهای جدول 07:33
-
تگهای معنایی 08:50
-
پیادهسازی تگهای معنایی 03:18
-
تگهای غیرمعنایی 04:12
-
تگهای Head و Meta 07:06
-
تگهای برنامهنویسی 02:30
-
تکلیف اچ تی ام ال None
-
CSS چیست؟ 09:37
-
ساختار سینتکسی CSS 03:17
-
سلکتور ساده در سی اس اس 11:39
-
سلکتورهای ترکیبی در سی اس اس 24:27
-
آشنایی با شبه کلاسها 01:59
-
شبه کلاسهای زبانی 09:23
-
شبه کلاسهای لوکیشن 11:07
-
شبه کلاسهای اکشن کاربر 22:54
-
شبه کلاسهای ورودی 15:42
-
شبه کلاسهای ورودی - قسمت 1 17:48
-
شبه کلاسهای ورودی - قسمت 2 11:27
-
شبه کلاسهای ساختاری درختی - قسمت 1 06:58
-
شبه کلاسهای ساختاری درختی - قسمت 2 12:23
-
سلکتورهای شبه عناصر 17:44
-
سلکتورهای Attribute 17:34
-
رنگها در CSS 08:36
-
پسزمینه در سی اس اس 07:26
-
مدل جعبهای سی اس اس 12:19
-
تغییر اندازه جعبه در سی اس اس 12:38
-
ویژگی فونتها در سی اس اس 10:41
-
ویژگی متن در سی اس اس 13:09
-
چگونه آیکونها را در سی اس اس اضافه کنیم؟ 06:10
-
استایل لیست در سی اس اس 06:19
-
جداول در سی اس اس 08:24
-
موقعیتها در سی اس اس 15:54
-
Float در سی اس اس 06:38
-
display در سی اس اس 14:20
-
فلکسباکس در سی اس اس 13:06
-
گرید در سی اس اس 12:29
-
نوارهای ناوبری عمودی و افقی در سی اس اس 20:05
-
منوهای کشویی در سی اس اس 15:07
-
واحدها در سی اس اس 04:45
-
گالری تصویر و اسپرایتها در سی اس اس 07:36
-
حداکثر عرض و مارجین در سی اس اس 05:12
-
استایلدهی به تصاویر و انعکاس تصاویر 11:45
-
فرمها در سی اس اس 16:45
-
شمارندهها در سی اس اس 10:43
-
گرادیانها در سی اس اس 12:47
-
افکتهای متن در سی اس اس 13:01
-
تبدیلات دو بعدی و سه بعدی در سی اس اس 35:32
-
ترنزیشنها در سی اس اس 13:01
-
انیمیشنهای CSS 17:57
-
Object Fit و موقعیتها در سی اس اس 06:23
-
مدیا کوئریها در سی اس اس 03:55
-
صفحهبندی در سی اس اس 12:11
-
چند ستون در سی اس اس 03:10
-
متغیرهای سی اس اس برای رابط کاربری 08:24
-
تکلیف سی اس اس None
-
معرفی Bootstrap 03:09
-
رنگها در بوتاسترپ 03:02
-
کانتینرها در بوتاسترپ 09:54
-
سیستم گرید در بوتاسترپ 11:39
-
فاصلهگذاری در بوتاسترپ 06:55
-
ستونها در بوتاسترپ 09:47
-
ویژگی نمایش در بوتاسترپ 08:50
-
جداول Bootstrap 08:10
-
جامبترون سفارشی بوتاسترپ 10:55
-
کاروسل بوتاسترپ 14:26
-
نوار ناوبری بوتاسترپ 15:03
-
کارتهای بوتاسترپ 02:01
-
دکمههای Bootstrap 03:20
-
نشانها، نوار پیشرفت و چرخندههای بوتاسترپ 08:06
-
صفحهبندی 12:11
-
منوهای کشویی 05:36
-
مودالها، Tooltip و پاپاور 05:57
-
Scrollspy و offcanvas 05:44
-
پروژه صفحه فرود ساده با بوتاسترپ 25:02
-
پروژه صفحه فرود ساده با بوتاسترپ 18:06
-
پروژه صفحه فرود ساده با بوتاسترپ 20:40
-
بررسی ماژول: اصول علوم کامپیوتر 00:50
-
آشنایی با گیت و نصب آن 07:33
-
راهاندازی محیط گیت و مفاهیم اولیه 12:16
-
چرخهعمر گیت 08:18
-
ایجاد مخزن محلی و کلون کردن مخزن از راه دور در گیت 09:26
-
اضافه و حذف فیلدها و کامیت در گیت 08:19
-
بررسی وضعیت و Push در گیت 07:21
-
برنچ در گیت 07:28
-
pull در گیت 03:12
-
آشنایی با Postman 11:10
-
مقدمهای بر جاوااسکریپت 09:56
-
جاوا اسکریپت - انواع داده و متغیرها 25:57
-
جاوا اسکریپت - عملگرها 05:25
-
جاوا اسکریپت - شرطها 13:25
-
جاوا اسکریپت - حلقهها 16:54
-
جاوا اسکریپت - رشتهها 18:29
-
جاوا اسکریپت - آرایهها 21:57
-
جاوا اسکریپت - اشیاء 40:33
-
تکلیف جاوا اسکریپت None
-
جاوا اسکریپت پیشرفته 16:21
-
جاوا اسکریپت - توابع callback 07:09
-
آشنایی با دستکاری DOM 07:54
-
دستکاری DOM با جاوا اسکریپت 12:43
-
رویدادها در جاوا اسکریپت 06:25
-
اعتبارسنجی فرم با جاوا اسکریپت 05:59
-
جاوا اسکریپت - Async و Await 16:10
-
جاوا اسکریپت - Promise 23:14
-
آشنایی با ری اکت 11:15
-
نصب ری اکت و اولین اپلیکیشن ری اکت 26:37
-
ساختار دایرکتوری ری اکت و JSX 21:36
-
کامپوننتهای React 28:10
-
stateها در ری اکت 15:43
-
props در ری اکت 16:24
-
هوک useEffect در ری اکت 07:25
-
ایجاد فراخوانیهای API با هوک useEffect 12:00
-
هوک useContext 12:57
-
DOM مجازی در ری اکت 11:11
-
React Redux 19:30
-
نمایش پروژه کوچک با ری اکت 27:21
-
آشنایی با انگولار 18:18
-
راهاندازی محیط و نصب انگولار 09:22
-
ساختار پروژه انگولار 21:47
-
چرخه عمر انگولار 11:35
-
دکوراتورها در انگولار 09:08
-
کامپوننت در انگولار 18:21
-
ماژول در انگولار 08:15
-
اتصال داده در انگولار (اتصال داده یکطرفه و دوطرفه) 08:34
-
درونیابی در انگولار 06:44
-
اتصال ویژگی در انگولار 08:07
-
اتصال رویداد در انگولار 11:23
-
اتصال داده دوطرفه در انگولار (ngModel) 11:36
-
دایرکتیو در انگولار 03:55
-
دایرکتیوهای ساختاری در انگولار 21:27
-
پایپها در انگولار 07:59
-
مسیریابی در انگولار 24:34
-
بارگذاری Lazy در انگولار 12:25
-
گاردهای مسیر در انگولار 13:26
-
فرمها در انگولار 06:39
-
فرم مبتنی بر قالب در انگولار 14:38
-
فرم واکنشگرا در انگولار 17:53
-
مشاهدهپذیر در انگولار 17:54
-
تزریق وابستگی در انگولار 03:43
-
سرویسهای انگولار و سرویسهای HTTP 20:25
-
تکلیف ری اکت None
مشخصات آموزش
به یک توسعهدهنده فرانتاند تبدیل شوید - اچ تی ام ال، سی اس اس و بوتاسترپ
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:156
- مدت زمان :30:04:53
- حجم :14.51GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:41:00
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی