آموزش طراحی رابط کاربری - توسعه وب از صفر تا صد - آخرین آپدیت

دانلود 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

نمایش نظرات

آموزش طراحی رابط کاربری - توسعه وب از صفر تا صد
جزییات دوره
13h 58m
24
(آخرین آپدیت)
639
- از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Board Infinity Board Infinity

Board Infinity: توانمندسازی مشاغل با مسیرهای یادگیری