لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش طراحی رابط کاربری - توسعه وب از صفر تا صد
- آخرین آپدیت
دانلود Crafting User Interface - End to End Web Development
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره اولین قدم در تخصص توسعه جامع وب (End-to-End Web Development) است که بر تسلط بر هنر خلق رابطهای کاربری (UI) جذاب و واکنشگرا تمرکز دارد. شما اصول اولیه HTML، CSS و JavaScript را خواهید آموخت و موضوعات پیشرفتهای مانند طراحی واکنشگرا (Responsive Design)، اصول طراحی رابط کاربری، فریمورکهای CSS و فریمورکهای فرانتاند جاوااسکریپت مانند React را بررسی خواهید کرد. در پایان این دوره، مهارتهای لازم برای ایجاد رابطهای وب حرفهای و بصری را خواهید داشت که به شکلی بینقص با دستگاهها و اندازههای مختلف صفحه نمایش سازگار میشوند و تجربه کاربری بهینهای را تضمین میکنند.
ماژول ۱: مقدمهای بر توسعه وب و رابطهای کاربری
در این ماژول، با مفاهیم اصلی توسعه وب و رابطهای کاربری آشنا میشوید. شما تفاوتهای بین توسعه فرانتاند و بکاند، نقش رابط کاربری در اپلیکیشنهای وب و ابزارهای ضروری مورد نیاز برای توسعه وب را درک خواهید کرد.
ماژول ۲: تکنیکهای پیشرفته HTML و CSS
این ماژول به بررسی تکنیکهای پیشرفتهتر HTML و CSS میپردازد و بر نحوه ایجاد صفحات HTML ساختاریافته و قابل دسترس تمرکز دارد. همچنین یاد میگیرید که با استفاده از CSS Flexbox، Grid و Media Queries، چیدمانهای منعطف و واکنشگرا بسازید تا صفحات وب شما با انواع دستگاهها سازگار شوند.
ماژول ۳: جاوااسکریپت و فریمورکهای فرانتاند
در این ماژول، وارد دنیای جاوااسکریپت میشوید تا صفحات وب خود را پویا و تعاملی کنید. شما مبانی سینتکس و ویژگیهای جاوااسکریپت را پوشش داده و به موضوعات پیشرفتهتری مانند دستکاری DOM، ویژگیهای ES6 و جاوااسکریپت ناهمگام (Asynchronous) خواهید پرداخت. همچنین این ماژول فریمورکهای فرانتاند، با تمرکز بر React برای ایجاد رابطهای کاربری مقیاسپذیر و قابل نگهداری را معرفی میکند.
اهداف یادگیری دوره:
طراحی رابطهای کاربری زیبا و واکنشگرا با استفاده از HTML، CSS و JavaScript.
بهکارگیری تکنیکهای پیشرفته HTML5 و CSS3 برای ایجاد چیدمانهای وب ساختاریافته، قابل دسترس و تطبیقپذیر.
توسعه تعاملات پویا در وب از طریق جاوااسکریپت، شامل دستکاری DOM و مدیریت رویدادها.
پیادهسازی فریمورکهای فرانتاند مانند React برای ساخت اپلیکیشنهای وب مقیاسپذیر و تعاملی.
پیشنیازها:
درک پایه از مرورگرهای وب و نحوه عملکرد وبسایتها.
بدون نیاز به تجربه قبلی در برنامهنویسی، اما آشنایی اولیه با HTML/CSS کمککننده است.
نکته - این دوره، دوره اول از مجموعه تخصصی «طراحی رابط کاربری - توسعه وب از صفر تا صد» است.
سلب مسئولیت: این یک منبع آموزشی مستقل است که توسط Board Infinity صرفاً برای اهداف اطلاعرسانی و آموزشی ایجاد شده است. این دوره وابسته به، تایید شده توسط، اسپانسر شده توسط یا رسماً مرتبط با هیچ شرکت، سازمان یا نهاد صدور گواهینامهای نیست، مگر اینکه صراحتاً ذکر شده باشد. محتوای ارائه شده بر اساس دانش صنعت و بهترین روشها است اما شامل مطالب آموزشی رسمی برای کارفرما یا برنامه گواهینامه خاصی نمیباشد.
سرفصل ها و درس ها
مقدمهای بر توسعه وب و رابطهای کاربری
Introduction to Web Development and User Interfaces
مروری بر توسعه وب
Overview of Web Development
درک فرانتاند و بکاند
Understanding Front-End and Back-End
ابزارها و فناوریهای توسعه وب
Tools and Technologies for Web Development
رابط کاربری چیست؟
What is a User Interface?
اصول طراحی UI خوب
Principles of Good UI Design
الگوهای رایج طراحی UI
Common UI Design Patterns
مقدمهای بر HTML
Introduction to HTML
مقدمهای بر CSS
Introduction to CSS
تکنیکهای پیشرفته HTML و CSS
Advanced HTML and CSS Techniques
HTML معنایی (Semantic HTML)
Semantic HTML
فرمهای HTML و انواع ورودیها
HTML Forms and Input Types
المانهای جدید HTML5
HTML5 New Elements
CSS Flexbox
CSS Flexbox
مقدمهای بر Bootstrap
Introduction to Bootstrap
استفاده از کامپوننتهای Bootstrap
Using Bootstrap Components
سفارشیسازی Bootstrap
Customizing Bootstrap
جاوااسکریپت و فریمورکهای فرانتاند
JavaScript and Front-End Frameworks
مقدمهای بر جاوااسکریپت
Introduction to JavaScript
سینتکس و متغیرهای جاوااسکریپت
JavaScript Syntax and Variables
توابع و رویدادهای جاوااسکریپت
JavaScript Functions and Events
دستکاری DOM در جاوااسکریپت
JavaScript DOM Manipulation
ویژگیهای ES6 در جاوااسکریپت
JavaScript ES6 Features
جاوااسکریپت ناهمگام: Callbacks، Promises و Async/Await
Async JavaScript: Callbacks, Promises, and Async/Await
مقدمهای بر React
Introduction to React
کامپوننتها و Props در React
React Components and Props
مدیریت وضعیت (State Management) در React
State Management in React
نمایش نظرات