برای استفاده از خدمات وارد حساب خود شوید

لطفا شماره موبایل خود را وارد کنید دریافت کد تایید

دوره آنلاین طراح و توسعه‌دهنده وب (جامع)

دوره ویژه کاربران اشتراکی

طراحی وب

اچ تی ام ال

سی اس اس

آموزش جی کوئری
  • 1 خوش آمدید!

    01:52

  • 2 منابع برای این سفر

    01:31

  • 3 عناصر و اصول طراحی بصری در وب

    04:55

  • 4 اصول

    01:19

  • 5 مبانی نظریه رنگ

    05:46

  • 6 طراحی با شبکه‌ها در وب

    02:17

  • 7 توضیح سیستم‌های طراحی: راهنمای 10 دقیقه‌ای برای طراحان وب تازه‌کار

    08:41

  • 8 مقایسه Figma و Photoshop

    08:46

  • 9 چگونه به سرعت با فیگما برای طراحی وب شروع کنیم؟

    18:11

  • 10 اصول فیگما: رابط کاربری، گروه‌ها، کامپوننت‌ها و موارد دیگر را بیاموزید

    25:48

  • 11 پروژه فیگما: ایجاد یک سیستم طراحی در فیگما

    03:14

  • 12 پروژه Figma - راهنمای سیستم طراحی

    13:19

  • 13 پروژه فیگما: ایجاد یک وایرفریم LoFi در فیگما

    06:28

  • 14 مقدمه بخش: قانون 80/20، مقدمات Photoshop و موارد دیگر

    01:29

  • 15 ایجاد یک سند جدید فتوشاپ

    04:51

  • 16- محیط فتوشاپ: نوار ابزار - بخش 1

  • 17- پروژه فیگما: ایجاد یک وایرفریم LoFi در فیگما

    06:28

  • 18- مقدمه بخش: قانون 80/20، مقدمات Photoshop و موارد دیگر

    01:29

  • 19- ایجاد یک سند جدید فتوشاپ

    04:51

  • 20- محیط فتوشاپ: نوار ابزار - بخش 1

    20:39

  • 21- محیط فتوشاپ: نوار ابزار - بخش 2

    14:44

  • 22- محیط فتوشاپ: پالت‌ها

    11:49

  • 23- محیط فتوشاپ: منو

    12:14

  • 24- بهبود و دستکاری عکس

    17:00

  • 25- پروژه فتوشاپ شماره 1: ایجاد یک تصویر گرافیکی جدید با چندین لایه + آموزش

    07:08

  • 26- پروژه فتوشاپ شماره 2: طراحی کارت ویزیت + آموزش

    07:39

  • 27- بخش پایانی: جمع‌بندی، آموزش بیشتر و مطالب بعدی

    00:21

  • 28- مقدمه بخش: مبانی طراحی وب، وایرفریمینگ، فتوشاپ

    00:31

  • 29- اصطلاحات طراحی وب: اصطلاحات تخصصی که حرفه‌ای‌ها استفاده می‌کنند

    04:44

  • 30- چهار مرحله یک پروژه طراحی وب + برآورد هزینه

    07:42

  • 31- طراحی تجربه کاربری (UX) چیست؟

    14:36

  • 32- آناتومی طراحی وب‌سایت

    05:17

  • 33- سیستم شبکه 960 + دانلودهای رایگان فتوشاپ

    05:24

  • 34- پروژه طراحی وب شماره 1: طراحی یک صفحه فرود مینیمال + آموزش

    17:42

  • 35- پروژه طراحی وب شماره 2: طراحی مجدد صفحه فرود وبلاگ

    06:07

  • 36- پروژه طراحی وب شماره 2: آموزش

    20:22

  • 37- بخش پایانی: جمع‌بندی، یادگیری بیشتر و گام بعدی

    00:26

  • 38- مقدمه چالش: نحوه کار چالش

    01:06

  • 39- مرحله اکتشاف: ایجاد نقشه سایت

    01:03

  • 40- مرحله اکتشاف دوم: اسکچ و وایرفریمینگ طرح شما

    00:35

  • 41- مرحله خلاقیت: طراحی وب‌سایت شما در فتوشاپ

    00:35

  • 42- اشتراک‌گذاری، همکاری و دریافت بازخورد در مورد طرح شما

    00:43

  • 43- جمع‌بندی چالش و گام بعدی

    00:23

  • 44- مبانی HTML: تگ‌ها، ویژگی‌ها، عناصر

    04:05

  • 45- ساختار اولیه فایل و پوشه یک وب‌سایت

    04:34

  • 46- ابزار ضروری شما: یک ویرایشگر کد خوب

    05:57

  • 47- سلام دنیا: اولین صفحه وب خود را بسازید!

    04:08

  • 48- بخش پایانی: جمع‌بندی، یادگیری بیشتر و مطالب بعدی

    00:32

  • 49- مقدمه بخش: تگ‌های HTML، کدنویسی یک صفحه وب واقعی

    00:18

  • 50- ساختار پایه یک سند HTML

    05:10

  • 51- تگ‌های عنوان و پاراگراف

    06:26

  • 52- استفاده از Emphasis و Strong Emphasis

    04:35

  • 53- هایپرلینک‌ها

    05:14

  • 54- لیست‌ها

    05:52

  • 55- تصاویر

    09:47

  • 56- جداول

    05:52

  • 57- فرم‌ها

    14:00

  • 58- انتیتی های HTML و «کاراکترهای ویژه»

    03:19

  • 59- پروژه HTML: کدنویسی یک صفحه وب ساده + آموزش

    09:23

  • 60- پایان بخش: جمع‌بندی، یادگیری بیشتر و موارد بعدی

    00:21

  • 61- مقدمه بخش: تکنیک‌های پیشرفته HTML5 - HTML

    00:18

  • 62- ID ها و کلاس ها

    04:53

  • 63- برچسب‌های Span و Div

    08:53

  • 64- مقدمه‌ای بر برچسب‌های HTML5: هدر، فوتر، ناوبری، بخش، مقاله، کنار گذاشتن و زمان

    15:35

  • 65- پروژه HTML5: ساخت یک صفحه وب HTML5 پایه + آموزش

    11:41

  • 66- پایان بخش: جمع‌بندی، یادگیری بیشتر و موارد بعدی

    00:33

  • 67- مقدمه بخش: تکنیک‌های تخصصی HTML5

    00:16

  • 68- ورودی‌های جدید HTML5

    13:03

  • 69- سازگار کردن اینترنت اکسپلورر با HTML5

    04:23

  • 70- ویژگی داده HTML5

    04:23

  • 71- پایان بخش: جمع‌بندی، یادگیری بیشتر و موارد بعدی

    00:48

  • 72- مقدمه بخش: ملزومات CSS + دانلود فایل‌های دوره

    00:43

  • 73- CSS چیست؟ همه اصول پایه‌ای که باید بدانید!

    02:34

  • 74- ارث‌بری استایل‌ها

    01:24

  • 75- اندازه‌گیری‌ها و مدل جعبه‌ای

    07:44

  • 76- CSS درون خطی

    05:12

  • 77- CSS داخلی

    05:53

  • 78- CSS خارجی

    08:11

  • 79- سلکتورهای شناسه و کلاس

    11:50

  • 80- سلکتورهای Descendant

    11:05

  • 81- گروه بندی سلکتورها

    10:58

  • 82- مشخص‌سازی

    05:56

  • 83- پروژه CSS: استایل‌دهی به یک صفحه وب HTML + آموزش

    16:33

  • 84- بخش پایانی: جمع‌بندی، یادگیری بیشتر و مطالب بعدی

    00:57

  • 85- مقدمه بخش

    00:15

  • 86- رنگ‌ها

    03:21

  • 87- استایل دهی و فرمت بندی متن

    14:14

  • 88- حاشیه‌ها

    06:51

  • 89- تصاویر پس‌زمینه

    10:14

  • 90- استایل دهی به لینک ها

    10:56

  • 91- بخش پایانی: جمع‌بندی، یادگیری بیشتر و مطالب بعدی

    00:16

  • 92- مقدمه بخش

    00:18

  • 93- استایل‌دهی به فرم‌های وب

    22:10

  • 94- عناصر بلوکی، درون‌خطی و درون‌خطی-بلوک

    02:31

  • 95- درک شناوری و پاک سازی (یک بار برای همیشه!)

    21:11

  • 96- موقعیت نسبی، مطلق و ثابت

    11:34

  • 97- پروژه CSS: ساخت صفحه اصلی گوگل + آموزش (بخش اول)

    18:03

  • 98- پروژه CSS: ساخت صفحه اصلی گوگل (بخش 2)

    17:11

  • 99- بخش پایانی: جمع‌بندی، یادگیری بیشتر و موارد بعدی

    00:22

  • 100- راهنمای CSS Flexbox - ویژگی‌های والد (همچنین به عنوان ویژگی‌های کانتینر Flex شناخته می‌شوند)

    23:29

  • 101- موارد انعطاف‌پذیر: درک ویژگی اسرارآمیز

    19:53

  • 102- موارد فلکس: ویژگی خود-هم‌ترازی

    03:28

  • 103- مقدمه بخش: CSS3 چیست؟ + دانلود فایل‌های دوره

    00:26

  • 104- اندازه کادر CSS3 و گوشه‌های گرد

    08:11

  • 105- رنگ‌ها و گرادیانت‌های CSS3

    09:19

  • 106- سایه‌ها در CSS3

    09:53

  • 107- ستون‌های CSS3

    07:27

  • 108- انیمیشن‌ها و ترنزیشن های CSS3

    18:46

  • 109- پروژه CSS3 شماره 1: ایجاد دکمه‌های متحرک + آموزش

    10:22

  • 110- پروژه CSS3 شماره 2: کدنویسی انیمیشن سیاره در حال چرخش + آموزش (بخش 1)

    15:37

  • 111- پروژه CSS3 شماره 2: کدنویسی انیمیشن سیاره در حال چرخش (بخش 2)

    21:52

  • 112- بخش پایانی: جمع‌بندی، یادگیری بیشتر و مطالب بعدی

    00:42

  • 113- چالش شما: هر آنچه که باید بدانید + جمع‌بندی بخش

    01:11

  • 114- آموزش تکمیلی: نحوه برش یک طرح فتوشاپ و تبدیل آن به HTML و CSS

    15:28

  • 115- آموزش تکمیلی بخش دوم: نحوه برش یک طرح فتوشاپ و تبدیل آن به HTML و CSS

    17:20

  • 116- مقدمه بخش: جاوا اسکریپت چیست، قانون 80/20+ دانلود فایل‌های دوره

    01:11

  • 117- جاوا اسکریپت داخلی و خارجی

    09:35

  • 118- سینتکس پایه جاوا اسکریپت (و بسیاری از زبان‌های برنامه‌نویسی دیگر)

    06:53

  • 119- خروجی جاوا اسکریپت

    05:38

  • 120- متغیرهای Javascript

    17:36

  • 121- آرایه های جاوا اسکریپت

    16:00

  • 122- توابع JavaScript

    08:22

  • 123- دستورات if/else در جاوا اسکریپت

    08:25

  • 124- پروژه جاوا اسکریپت: برنامه‌نویسی یک ماشین حساب انعام + آموزش

    17:48

  • 125- پروژه Javascript: برنامه ماشین حساب انعام، قسمت دوم

    18:47

  • 126- بخش پایانی: جمع‌بندی، یادگیری بیشتر و مطالب بعدی

    00:50

  • 127- مقدمه بخش: جی‌کوئری چیست؟ + فایل‌های دوره

    00:23

  • 128- دانلود و نصب جی‌کوئری

    13:57

  • 129- سینتکس ساده جی‌کوئری

    09:59

  • 130- متدهای رویداد جی‌کوئری

    11:28

  • 131- پایان بخش: جمع‌بندی و مطالب بعدی

    00:15

  • 132- مقدمه بخش: بررسی عمیق jQuery!

    00:25

  • 133- زنجیره سازی jQuery

    04:07

  • 134- پنهان کردن، نمایش دادن و محو کردن محتوا با jQuery

    07:51

  • 135- متد Animate در جی کوئری

    10:13

  • 136- اصلاح CSS با jQuery

    08:44

  • 137- پروژه jQuery: بازی ریس مینی + آموزش

    24:27

  • 138- بخش پایانی: جمع‌بندی، یادگیری بیشتر و مطالب بعدی

    00:42

  • 139- مقدمه بخش: رابط کاربری jQuery چیست؟ + فایل‌های دوره

    00:46

  • 140- رابط کاربری jQuery: بررسی Draggable

    11:25

  • 141- jQuery UI: بررسی Droppable

    07:10

  • 142- jQuery UI: بررسی Sortable

    06:12

  • 143- jQuery UI: آکاردئون

    05:41

  • 144- jQuery UI: بررسی Datepicker

    09:29

  • 145- پروژه jQuery: برنامه وب فهرست کارها + آموزش

    13:22

  • 146- بخش پایانی: جمع‌بندی، یادگیری بیشتر و مطالب بعدی

    00:39

  • 147- مقدمه بخش: طراحی واکنش‌گرا و بوت‌استرپ چیست؟ + فایل‌های دوره

    02:11

  • 148- شروع کار با بوت استرپ

    11:19

  • 149- ساخت نمونه اولیه سریع با نمونه‌های رایگان

    10:32

  • 150- آشنایی با Bootstrap Grid System

    15:55

  • 151- فرم‌های واکنش‌گرا (و جذاب)

    23:13

  • 152- جداول، دکمه‌ها و تصاویر واکنش‌گرا

    13:02

  • 153- کلاس‌های Helper و ابزارهای واکنش‌گرا

    07:35

  • 154- استفاده از Glyphicons (آیکون‌های فونت)

    05:35

  • 155- نوار ناوبری Bootstrap

    18:10

  • 156- پنجره مودال بوت‌استرپ

    09:13

  • 157- ScrollSpy بوت‌استرپ

    09:29

  • 158- تب‌های قابل تاگل

    06:47

  • 159- Sliding Carousel

    12:41

  • 160- پروژه بوت‌استرپ: کدنویسی یک وب‌سایت استارتاپی "Hipster" + آموزش

    16:37

  • 161- پروژه بوت‌استرپ: وب‌سایت استارتاپی، بخش 2

    15:47

  • 162- بخش پایانی: جمع‌بندی، یادگیری بیشتر و مطالب بعدی

    01:21

  • 163- چالش شما: وب‌سایت سفارشی خود را به یک سایت بوت‌استرپ واکنش‌گرا تبدیل کنید

    02:01

  • 164- مقدمه بخش: وب هاستینگ چیست؟

    01:14

  • 165- خرید بسته نام دامنه و وب هاستینگ به صورت ترکیبی

    11:34

  • 166- کنترل پنل میزبانی وب (معروف به cPanel)

    06:17

  • 167- آشنایی با FTP و نحوه آپلود وب‌سایت روی سرور مجازی

    10:07

  • 168- پایان بخش: جمع‌بندی، مرحله بعد + جایزه (میزبانی وب رایگان)

    00:31

  • 169- مقدمه بخش: PHP چیست و چه کاری انجام می‌دهد؟ + فایل‌های دوره

    00:44

  • 170- سینتکس پایه PHP

    08:38

  • 171- متغیرها و ثابت‌های PHP

    06:05

  • 172- آرایه‌های PHP (انجمنی و چندبعدی)

    17:35

  • 173- پروژه PHP: برنامه نویسی یک اپلیکیشن برای رفع مشکل "کلیک روی تیترهای طعمه" + آموزش

    20:10

  • 174- پروژه PHP: تیترهای طعمه کلیک، بخش 2

    10:19

  • 175- پایان بخش: جمع‌بندی و مطالب بعدی

    00:21

  • 176- مقدمه بخش: بیایید عمیق‌تر به PHP بپردازیم

    00:21

  • 177- دستورات If ،Else و Elseif

    14:05

  • 178- حلقه‌های پی اچ پی: While ،For ،Foreach و Do While

    12:56

  • 179- توابع و آرگومان‌های PHP

    10:34

  • 180- GET_$ و POST_$

    18:42

  • 181- پروژه PHP: تبدیل یک وب‌سایت استاتیک به یک سایت پویا PHP + آموزش

    18:03

  • 182- پایان بخش: جمع‌بندی، آموزش‌های بیشتر و مرحله بعد + جایزه (دوره PHP رایگان)

    01:14

  • 183- مقدمه بخش: MySQL چیست؟ + فایل‌های دوره

    00:53

  • 184- ایجاد اولین پایگاه داده MySQL + بررسی اجمالی phpMyAdmin

    18:16

  • 185- ایجاد اتصال MySQL با PHP

    09:41

  • 186- درج داده‌ها در پایگاه داده از یک صفحه وب

    21:15

  • 187- هش کردن رمز عبور (برای ذخیره ایمن رمزهای عبور)

    08:45

  • 188- استفاده از سشن های PHP برای ذخیره متغیرهای سراسری

    08:56

  • 189- پروژه MySQL شماره 1: کدنویسی فرم ورود، صفحه پروفایل و ورود + آموزش

    21:56

  • 190- پروژه MySQL شماره 2.1: دفترچه آدرس کلاینت - برنامه‌ریزی برنامه ما

    06:13

  • 191- پروژه MySQL #2.2: دفترچه آدرس مشتری - ساخت توالی ورود

    20:42

  • 192- پروژه MySQL شماره 2.3: دفترچه آدرس کلاینت - توالی خروج و نمایش کلاینت‌ها

    11:42

  • 193- پروژه MySQL #2.4: دفترچه آدرس مشتری - اضافه کردن مشتریان

    10:07

  • 194- پروژه MySQL شماره 2.5: دفترچه آدرس کلاینت - ویرایش کلاینت‌ها

    11:20

  • 195- پروژه MySQL شماره 2.6: دفترچه آدرس کلاینت - حذف کلاینت‌ها

    07:32

  • 196- پایان بخش: جمع‌بندی، یادگیری بیشتر و موارد بعدی

    00:30

  • 197- چالش شما: تبدیل وب‌سایت استاتیک سفارشی خود به یک وب‌سایت پویا

    03:40

  • 198- مقدمه بخش: وردپرس چیست؟

    01:03

  • 199- چگونه یک وبلاگ وردپرس را در 5 دقیقه راه اندازی کنیم؟

    04:28

  • 200- داشبورد

    07:47

  • 201- استفاده از افزونه‌های رایگان و پریمیوم برای دستیابی به هر ویژگی دلخواه شما

    06:09

  • 202- استفاده از قالب‌های رایگان و پولی برای ساخت سریع وب‌سایت‌های زیبا

    03:06

  • 203- ویترین قالب: قالب "X" - قالب نهایی همه کاره وردپرس برای خودتان بسازید

    04:43

  • 204- اهمیت امنیت وردپرس 24 ساعته و 7 روز هفته

    06:50

  • 205- راه اندازی سریع فروشگاه اینترنتی تجارت الکترونیک

    05:54

  • 206- بخش پایانی: جمع‌بندی، آموزش بیشتر، مطالب بعدی + تخفیف دوره

    01:03

  • 207- اهمیت «پرورش» حرفه‌تان

    02:40

  • 208- موفقیت برای شما چه معنایی دارد؟

    04:19

  • 209- فریلنسری: آیا باید رایگان کار کنید؟

    02:57

  • 210- فریلنسری: آیا باید شغل خود را رها کنید؟

    03:43

  • 211- از کجا می‌توان مشاغل طراحی و توسعه وب را پیدا کرد: پاره وقت، تمام وقت و فریلنسری

    11:12

  • 212- ۴ نکته ارزشمند برای نوشتن یک رزومه بی‌نقص

    04:37

  • 213- فینال بزرگ: از اینجا به کجا می‌روید؟

    03:37

  • 214- به رایان، متخصص AngularJS و مدرس مهمان ما، خوش آمدید

    00:45

  • 215- مقدمه‌ای بر AngularJS + برنامه‌ای که از ابتدا خواهید ساخت

    00:46

  • 216- نصب و راه‌اندازی

    09:53

  • 217- کنترلرها و Views

    11:31

  • 218- سوئیچ به سرویس‌ها

    05:48

  • 219- سرویس HTTP$

    05:08

  • 220- ساخت رابط کاربری

    11:12

  • 221- فیلترهای سفارشی

    08:55

  • 222- ایجاد داده‌های جدید

    10:55

  • 223- ویرایش و حذف داده‌ها

    10:28

  • 224- جمع‌بندی و یادگیری بیشتر

    00:57

  • 225- مقدمه بخش ویژه: معرفی Joel Funk (نینجای پلاگین ما)!

    01:35

  • 226- به راهنمای سریع افزونه وردپرس + فایل‌های دوره خوش آمدید

    01:26

  • 227- پیش‌نیازهای دوره

    01:20

  • 228- مفاهیم و تعاریف: مقدمه

    00:23

  • 229- مفاهیم و تعاریف: افزونه‌ها چیست؟

    04:41

  • 230- مفاهیم و تعاریف: هوک‌ها (hooks) چیست؟

    02:36

  • 231- مفاهیم و تعاریف: اقدامات و فیلترهای رایج

    02:56

  • 232- مفاهیم و تعاریف: انواع پست چیست؟

    03:36

  • 233- مفاهیم و تعاریف: افزونه‌های برنامه‌ریزی

    06:41

  • 234- مراحل اولیه: مقدمه

    00:41

  • 235- مراحل اولیه: داده‌های هدر پلاگین

    07:57

  • 236- مراحل اولیه: ایجاد صفحات مدیریت

    09:48

  • 237- مراحل اولیه: ایجاد منوهای مدیریتی

    11:44

  • 238- مراحل اولیه: ایجاد انواع پست سفارشی

    10:06

  • 239- مراحل اولیه: ایجاد جداول پایگاه داده سفارشی

    13:43

  • 240- ویژگی‌های اصلی: مقدمه

    00:38

  • 241- ویژگی‌های اصلی: ایجاد کدهای کوتاه سفارشی

    01:24

  • 242- ویژگی‌های اصلی: بهبود کدهای کوتاه

    22:56

  • 243- ویژگی‌های اصلی: افزودن اسکریپت‌ها

    13:56

  • 244- ویژگی‌های اصلی: دریافت فرم‌های ارسالی

    28:01

  • 245- ویژگی‌های اصلی: مدیریت پاسخ‌های Ajax

    20:18

  • 246- ویژگی‌های اصلی: ایجاد ستون‌های سفارشی مدیریت

    11:22

  • 247- ویژگی‌های اصلی: تکمیل صفحه آمار ما

    17:51

  • 248- ویژگی‌های اصلی: تکمیل صفحه خوش‌آمدگویی

    11:07

  • 249- [قدیمی] آنچه در این دوره دریافت می‌کنید: تخفیف‌های عمده دوره + کتاب الکترونیکی

    01:31

  • 250- [قدیمی] چگونه یک نسخه آزمایشی رایگان از Adobe Photoshop و موارد دیگر دریافت کنید

    02:04

  • 251- [قدیمی] بخش خوشامدگویی - جمع‌بندی: آنچه آموخته‌اید و آنچه در ادامه است

    01:04

  • 252- [قدیمی] مقدمه بخش: آنچه قرار است یاد بگیرید

    00:45

  • 253- [قدیمی] عناصر و اصول اولیه طراحی بصری

    05:51

  • 254- [قدیمی] اصول اولیه تایپوگرافی

    03:01

  • 255- [قدیمی] علم رنگ (یا رنگ)

    05:33

  • 256- [قدیمی] طراحی با شبکه‌ها

    02:29

  • 257- [قدیمی] پایان بخش: جمع‌بندی، یادگیری بیشتر و آنچه در ادامه است

    00:51

درباره این دوره

دوره های آموزشی مرتبط

دانلود اپلیکیشن آموزش روز

    •