ایجاد رابط کاربری - توسعه وب End to End
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- طراحی رابطهای وب کاربرپسند که از اصول و بهترین شیوههای طراحی رابط کاربری پیروی میکنند.
- پیادهسازی تکنیکهای پیشرفته HTML ،CSS و جاوااسکریپت برای ساخت صفحات وب پویا و واکنشگرا
- ارزیابی اثربخشی الگوها و فریمورکهای طراحی رابط کاربری در ایجاد تجربیات کاربری جذاب
- ساخت وب اپلیکیشنها با استفاده از فریمورکهای فرانتاند مانند ری اکت برای مدیریت state های و تعاملات پیچیده رابط کاربری
توضیحات دوره
این دوره اولین قدم در تخصص توسعه وب End-to-End است که بر تسلط به هنر ایجاد رابطهای کاربری جذاب و واکنشگرا تمرکز دارد. شما با اصول HTML ،CSS و جاوااسکریپت آشنا شده و همچنین مباحث پیشرفته مانند طراحی واکنشگرا، اصول طراحی رابط کاربری، فریمورکهای CSS و فریمورکهای فرانتاند جاوااسکریپت مانند ری اکت را بررسی خواهید کرد. در پایان دوره، شما توانایی ایجاد رابطهای وب شهودی و حرفهای را در اختیار خواهید داشت که بهطور یکپارچه با انواع دستگاهها و اندازههای صفحه نمایش سازگار میشوند و تجربیات کاربری بهینهای را تضمین میکنند.
ماژول 1 - آشنایی با توسعه وب و رابطهای کاربری
در این ماژول، شما با مفاهیم اساسی توسعه وب و رابطهای کاربری آشنا خواهید شد. شما تفاوتهای بین توسعه فرانتاند و بکاند، نقش رابطهای کاربری در وب اپلیکیشنها و ابزارهای اولیه لازم برای توسعه وب را درک خواهید کرد.
ماژول 2 - تکنیکهای پیشرفته HTML و CSS
این ماژول به تکنیکهای پیشرفته HTML و CSS میپردازد و بر نحوه ایجاد صفحات HTML ساختاریافته و قابل دسترس متمرکز است. شما همچنین یاد میگیرید که چگونه با استفاده از CSS Flexbox، گرید و کوئریهای رسانه، طرحهای واکنشگرا و انعطافپذیر بسازید که صفحات وب شما را قادر به سازگاری با دستگاهها و اندازههای صفحه نمایش مختلف میکند.
ماژول 3 - جاوااسکریپت و فریمورکهای فرانتاند
در این ماژول، شما وارد دنیای جاوااسکریپت خواهید شد تا صفحات وب شما پویا و تعاملی شوند. شما مبانی سینتکس و ویژگیهای جاوااسکریپت را بررسی کرده و به مباحث پیشرفته مانند دستکاری DOM، ویژگیهای ES6 و جاوااسکریپت غیرهمزمان خواهید پرداخت. این ماژول همچنین به معرفی فریمورکهای فرانتاند میپردازد و بر ری اکت برای ایجاد رابطهای کاربری مقیاسپذیر و قابل نگهداری تمرکز میکند.
اهداف یادگیری دوره:
- طراحی رابطهای کاربری زیبا و واکنشگرا با استفاده از HTML و CSS و جاوااسکریپت
- اعمال تکنیکهای پیشرفته HTML5 و CSS3 برای ایجاد طرحبندیهای وب ساختاریافته، قابل دسترس و سازگار
- توسعه تعاملات وب پویا از طریق جاوااسکریپت، شامل دستکاری DOM و مدیریت رویدادها
- پیادهسازی فریمورکهای فرانتاند مانند ری اکت برای ساخت وب اپلیکیشنهای مقیاسپذیر و تعاملی
پیشنیازها:
- درک اولیه از مرورگرهای وب و نحوه عملکرد وبسایتها
- تجربه قبلی در کدنویسی نیاز نیست، اما آشنایی ابتدایی با HTML وCSS مفید خواهد بود.
توجه - این دوره، دوره 1 از مجموعه دورههای تخصصی در زمینه ایجاد رابط کاربری و توسعه وب از End to End است.
ایجاد رابط کاربری - توسعه وب End to End
-
بررسی توسعه وب 7:01
-
درک فرانتاند و بکاند 3:50
-
ابزارها و فناوریهای توسعه وب 4:33
-
رابط کاربری چیست؟ 4:51
-
اصول طراحی خوب رابط کاربری 8:42
-
الگوهای رایج طراحی رابط کاربری 6:48
-
آشنایی با HTML 4:55
-
آشنایی با CSS 6:22
-
آشنایی با سیلابس دوره None
-
درباره توسعه وب بیشتر بخوانید None
-
درباره رابطهای کاربری بیشتر بخوانید None
-
درباره مبانی HTML و CSS بیشتر بخوانید None
-
HTML سمانتیک 8:12
-
فرمهای HTML و تایپهای ورودی 9:01
-
عناصر جدید در HTML5 3:48
-
CSS Flexbox 9:54
-
آشنایی با بوت استرپ 8:45
-
استفاده از کامپوننتهای بوت استرپ 9:27
-
سفارشی سازی بوت استرپ 5:10
-
درباره HTML پیشرفته بیشتر بخوانید None
-
درباره فریمورکهای CSS بیشتر بخوانید None
-
آشنایی با جاوااسکریپت 8:33
-
سینتکس و متغیرهای جاوااسکریپت 11:47
-
توابع و رویدادهای جاوااسکریپت 7:34
-
دستکاری DOM در جاوااسکریپت 9:08
-
ویژگیهای جاوااسکریپت ES6 25:11
-
جاوااسکریپت غیرهمزمان - Callbacks و Promises و Async/Await 4:56
-
آشنایی با ری اکت 4:48
-
کامپوننتها و Props ری اکت 5:32
-
مدیریت State در ری اکت 4:31
-
درباره مبانی جاوااسکریپت بیشتر بخوانید None
-
درباره جاوااسکریپت پیشرفته بیشتر بخوانید None
-
درباره فریمورکهای فرانتاند بیشتر بخوانید None
مشخصات آموزش
ایجاد رابط کاربری - توسعه وب End to End
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:مقدماتی
- تعداد درس:33
- مدت زمان :03:03:19
- حجم :648.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy