مجتبی سوری
برنامه نویس ارشد اسنپ فود
تدریس 12 سرفصل
در جریان باش !
متخصص جاوااسکریپت
یادگیری جاوا اسکریپت دروازه ورود طراحان وب به تمام هیجانات و فرصت‌هایی‌ست که هنوز تجربه نکرده‌اند. برای به‌دست آوردن بعضی موفقیت‌ها چاره‌ای نیست جز اینکه جای خود را عوض کنیم و به جمع حرفه‌ای‌ها وارد شویم.درحال حاضر یادگیری جاوا اسکریپت از اهمیت ویژه‌ای برای برنامه‌نویسان وب برخوردار است و می‌تواند رزومه شما را از بقیه متمایز کند اما در آینده‌ای نزدیک، نه یک امتیاز بلکه تنها راه چاره شما برای فعالیت در این حوزه خواهد بود. پس بهتر است به استقبال آینده برویم و با خواندن ادامه مطلب، مسیر خود را برای آموزش جاوا اسکریپت پروژه محور و حرفه‌ای شدن بشناسیم.
مدت زمان پیشنهادی برای اتمام دوره
11 ماه
مدت زمان پشتیبانی از زمان شروع دوره
14 ماه
محتوای دوره
(در حال برگزاری)
837 جلسه،
22 تمرین ،
10 آزمون
آشنایی با دوره متخصص جاوا اسکریپت
آشنایی با دوره‌های متخصص سون‌لرن
دوره‌های متخصص سون لرن بر اساس پر طرفدارترین حوزه‌های برنامه‌نویسی و با هدف تدریس تمامی مباحث و سرفصل‌های لازم برای تسلط و آمادگی دانشجویان جهت ورود به بازار کار ارائه شده اند. در این دوره کامل‌ترین سرفصل‌های جاوا اسکریپت به صورت غیرحضوری تدریس می‌شود و مباحث آموزشی با توجه به متد آموزشی جدید سون لرن در قالب ویدئوهای ضبط شده در پلتفرم آکادمی ارائه می‌شوند. دانشجویان پس از مشاهده جلسات امکان پرسش و پاسخ، رفع اشکال، انجام تمرین، انجام آزمون‌های مقطعی و رتبه‌بندی خواهند داشت.
پس از پایان دوره کسانی که در آزمون‌های جامع و ارزیابی فنی بالاترین نمرات را کسب کنند، جهت استخدام به شرکت‌هایی معرفی می‌شوند که قصد دارند از طریق مجموعه سون‌لرن برنامه‌نویس موردنظر خود را جذب کنند.
چرا باید زبان جاوا اسکریپت یاد بگیرم ؟
- جاوا اسکریپت یکی از زبان‌های ترند دنیا است و نقش مهمی در توسعه وب به‌صورت حرفه‌ای دارد.
- این زبان هم در بخش Front-End و هم Back-End کاربرد دارد و امکان کسب درآمد بیشتر را برای شما فراهم می‌کند.
- مسیر فول استک شدن، با یادگیری جاوا اسکریپت برای شما هموار می‌شود.
- امکان کسب درآمد دلاری و دریافت پروژه از سایت‌های خارجی را برای شما فراهم می‌کند.
- یادگیری آن به برای علاقه‌مندان به مهاجرت از طریق برنامه‌نویسی یک امتیاز ویژه محسوب می‌شود.
- اگر یکی از دانشجویان برتر در پایان دوره باشید توسط سون لرن برای استخدام به یک شرکت معتبر معرفی خواهید شد.
زبان جاوا با جاوا اسکریپت فرق دارد !
- زبان برنامه‌نویسی جاوا یکی از زبان‌های پایه‌ای، نسبتا سخت و شیرین است که تسلط بر آن ممکن است زمان‌بر باشد. شاید بتوان زبان جاوا را از لحاظ کاربرد و نوع سینتکس (Syntax) در دسته زبان‌هایی مانند C و ++C قرار داد. این زبان بسیار قدرتمند در برنامه‌نویسی اندروید و توسعه نرم‌افزارهای تحت ویندوز به کار می‌رود.
- جاوا اسکریپت یک زبان برنامه نویسی سمت وب است که فریم‌ورک‌هایی برای توسعه سمت کاربر و سمت سرور دارد. برنامه هایی که با جاوا اسکریپت نوشته می‌شوند تنها قابلیت اجرا بر روی مرورگر کاربر دارند. از آنجا که امروزه برنامه‌نویسی وب بسیار فراگیر شده، یادگیری جاوا اسکریپت فرصت خوبی برای قدرت‌نمایی برنامه‌نویسان این حوزه و افزایش سطح درآمدشان است.
مخاطبین این دوره
- کسانی که قصد دارند به یک برنامه‌نویس فول استک (Full-Stack) تبدیل شوند.
- کسانی که قصد دارند به‌طور ویژه و حرفه‌ای در یکی از حوزه برنامه‌نویسی توسعه وب فعالیت کنند.
- برنامه‌نویسان وب که به‌دنبال ارتقای شغل و درآمد هستند.
- کسانی که درحال افزایش سطح توانمندی خود به‌جهت مهاجرت شغلی یا تحصیلی هستند.
پیش نیاز های یادگیری جاوا اسکریپت
- لازم است با مباحث اولیه طراحی وب مانند Html و CSS آشنا باشید.
- دانش ریاضی برای یادگیری جاوا اسکریپت اهمیت چندانی ندارد.
- سطح زبان انگلیسی بهتر است به گونه‌ای باشد که در صورت بروز مشکل بتوانید به انگلیسی در گوگل جستجو کنید و به منابع بیشتر دسترسی داشته باشید.
- شما به سیستم و لپتاپ حرفه‌ای نیاز ندارید و یک سیستم معمولی هم می‌تواند نیاز شما را در این مرحله برآورده کند.
اهداف کلی دوره
- توانمندسازی دانشجویان برای فعالیت در حوزه وب به‌عنوان یک متخصص جاوا اسکریپت.
- هموار کردن مسیر تبدیل شدن به برنامه‌نویس فول-استک.
- کسب مهارت لازم برای ارتقای سطح شغلی و درآمد.
- تسلط بر فریم‌ورک‌های کاربردی و مهم مانند انگولار، React، Node JS و غیره.
اطلاعات کلی خرید
- اگر با برنامه‌نویسی آشنایی قبلی ندارید با خرید کل دوره به‌صورت جامع از تخفیف و همچنین مزایای ویژه آکادمی سون‌لرن برخوردار خواهید شد.
- اگر با این حوزه آشنایی دارید می‌توانید دوره را به‌صورت مبحثی خریداری کرده و فقط سرفصل‌های موردنیاز را تهیه کنید. در این حالت فقط از امکان منتورینگ و دریافت به‌روزرسانی‌های همان سرفصل بهره‌مند خواهید شد.
- برای علاقمندانی که دانشجو و یا سرباز نظام وظیفه هستند نیز تخفیف در نظر گرفته شده است.
تخفیف پلکانی در خرید دوره
در خرید جامع دوره را با تخفیف مشخصی که روی دوره اعمال شده خریداری می‌کنید اما در خرید سرفصلی این امکان را دارید که از دوره‌های مختلف، سرفصل‌های دلخواه را به سبد خرید خود اضافه کنید. با اضافه کردن هر سرفصل به سبد خرید و افزایش مبلغ پرداختی، سیستم به‌طور خودکار برای شما تخفیف پلکانی را اعمال می‌کند. میزان تخفیف پلکانی در خرید سرفصلی به شرح زیر است:
- از 500 هزار تومان تا 1 میلیون 3% تخفیف
- از 1 تا 2 میلیون 5% تخفیف
- از 2 تا 4 میلیون 9% تخفیف
- از 4 تا 7 میلیون 13% تخفیف
- از 7 تا 12 میلیون 17% تخفیف
- بالای 12 میلیون 20% تخفیف
سرفصل های دوره متخصص جاوااسکریپت
یک برنامه نویس حرفه ای باید در مورد زیرساختی که روی اون برنامه نویسی میکنه آگاهی و شناخت عمیق داشته باشد. به عنوان مثال یک برنامه نویس وب باید دقیقاً ساختار اینترنت و معماری شبکه اینترنت رو بشناسه. در مورد مفاهیم و پروتکل های معروف دنیای وب و جزئیات عملکرد اونها اطلاعات دقیق داشته باشه و درک عمیقی از مدل کاری شبکه اینترنت و دنیای وب داشته باشه. برنامه نویس وب باید تفاوت های زبان های فرانت اند و بک اند رو بشناسه تا بتونه یه نگاه جامع به حوزه کاری خودش داشته باشه. ما در این فصل به طور کامل در مورد مدل اینترنت و دنیای وب صحبت میکنیم، پروتکل های معروف دنیای وب رو خواهیم شناخت، و به درک عمیقی از معماری Client-Server و تفاوت زبان های سمت سرور و کلاینت خواهیم رسید. در انتها با زبان های فرانت اند کمی آشنا شده و آماده میشیم که به یک برنامه نویسی متخصص PHP تبدیل شیم.
جلسه :
معرفی مفاهیم پایه و پروتکل ها
00:56
جلسه :
پروتکل چیست؟
02:02
جلسه :
مدل و معماری شبکه اینترنت
19:09
جلسه :
آشنایی با مرورگرهای وب
26:12
جلسه :
آشنایی با سرور و وب سرورها
31:24
جلسه :
آشنایی با مدل های لایه بندی شبکه
14:42
جلسه :
پروتکل IP ورژن 4 و 6
15:45
جلسه :
پروتکل HTTP و HTTPS
23:05
جلسه :
آشنایی با CORS Policy در پروتکل HTTP
06:51
جلسه :
پروتکل DNS - دفترچه تلفن اینترنت
16:07
جلسه :
پروتکل SSL/TLS
16:44
جلسه :
پروتکل FTP
08:06
جلسه :
پروتکل WebSocket
20:30
جلسه :
آشنایی با Ajax
04:09
آزمون :
آزمون مفاهیم پایه و پروتکل های وب
در این دوره در مورد ابزارهای مورد نیاز برای دوره متخصص جاوااسکریپت صحبت می کنیم، اینکه چگونه ویرایشگر کد، مروگر و افزونه های مورد نیاز را نصب و تنظیم کنیم تا به بهترین شکل ممکن از آنها برای یادگیری و توسعه کدهای جاوااسکریپت استفاده کنیم.
جلسه :
معرفی دوره متخصص جاوااسکریپت
03:24
جلسه :
آشنایی با ویرایشگر Visual Studio Code
10:28
جلسه :
آشنایی با مرورگر Google Chrome
08:29
در این دوره با زبان جاوااسکریپت و مقدمات آن آشنا خواهید شد. در این دوره در مورد متغییر ها و داده ها و تعریف آنها و هم چنین بسته بندی کدها در قالب هایی به نام تابع صحبت می کنیم.
جلسه :
معرفی جاوا اسکریپت و مرور ویژگیهای آن
27:07
جلسه :
چرا باید جاوا اسکریپت را یاد بگیریم؟
07:56
جلسه :
سکوهای جاوااسکریپت
07:03
جلسه :
ساختار اصلی کدها در جاوا اسکریپت و نمایش خروجی
39:54
جلسه :
متغییرها و انواع داده‌ها در جاوا اسکریپت
57:14
جلسه :
عملگرهای ریاضی و انتسابی
22:16
جلسه :
عملگرهای مقایسه‌ای و منطقی در جاوا اسکریپت
22:50
جلسه :
روش‌ها و ساختارهای تصمیم‌گیری
30:43
جلسه :
توابع در جاوا اسکریپت
28:16
جلسه :
حلقه‌ها در جاوا اسکریپت
20:03
جلسه :
آبجکت‌ها در جاوا اسکریپت
21:50
جلسه :
تبدیل داده‌ها به یکدیگر و تغییرات احتمالی آنها
34:04
جلسه :
رویدادها در HTML یا HTML Events
35:48
جلسه :
کار با متن‌ها در جاوا اسکریپت
39:09
جلسه :
کار با آرایه‌ها در جاوا اسکریپت
35:32
جلسه :
استفاده از تاریخ و زمان در جاوا اسکریپت
22:49
جلسه :
intervalها و ساخت یک ساعت دیجیتال
32:20
جلسه :
توابع ریاضی و ساخت ماشین حساب حرفه‌ای در جاوا اسکریپت
36:22
جلسه :
scope ها، hoisted و let
19:38
جلسه :
Strict Mode
08:40
Git یک سیستم کنترل ورژن یا version control system می باشد که توسط لینوس توروالدز، خالق هسته لینوکس طراحی شده است. هدف اصلی این سرویس فراهم کردن محیطی برای برنامه نویسان بود تا بتوانند به صورت گروهی روی یک پروژه مشترک کار کنند. به کمک Git می توانید یک پروژه نرم افزاری ایجاد کنید که به راحتی توسط خودتان و دیگران قابل تغییر می باشد. اطلاعات پروژه شما می تواند توسط دیگران هم قابل ردیابی یا تغییر باشد. Git این اطلاعات را تحت ساختاری به نام Repository یا مخزن ذخیره می کند. پس Repository یک محیط در Git است که برنامه نویسان در آنجا کدهای خود را به ذخیره کرده، به اشتراک می گذارند، تست می کنند و به طور کلی با سایر برنامه نویسان همکاری می کنند.
جلسه :
آشنایی با Git و چرایی استفاده از آن
18:28
جلسه :
نصب و شروع کار با گیت
31:23
جلسه :
کانفیگ کردن git
07:52
جلسه :
آشنایی با وضعیت فایل ها و LifeCycle در git
11:41
جلسه :
ایجاد و مدیریت انشعاب ها در پروژه (Git Branches)
31:20
جلسه :
رفع تداخل ها (Fix Conflicts)
18:54
جلسه :
مدل برنچینگ بهینه (Git Flow)
15:38
جلسه :
ثبت و نمایش تغیرات در git
11:06
جلسه :
برگردوندن و ریست کردن پروژه به یک کامیت خاص
09:33
جلسه :
آموزش Stashing در git
15:33
جلسه :
معرفی، کانفیگ و استفاده از GitLab
46:11
جلسه :
آشنایی با فایل gitignore و اهمیت اون
29:51
آزمون :
آزمون جامع git
در این دوره به مباحث سطح متوسط در جاوااسکریپت می پردازیم، مباحثی مانند توابع سازنده، شی گرایی و مباحثی مانند Prototype و ارث بری در جاوااسکریپت و هم چنین Events در این دوره بررسی خواهد شد.
جلسه :
Best Practiceها در کدهای جاوا اسکریپت
46:13
جلسه :
اشاره گر this و شرایط مختلف آن
11:19
جلسه :
معرفی DOM و پیمایش در Element ها
29:54
جلسه :
در جستجوی DOM ها!
30:59
جلسه :
انوع Node و ویژگیهای آنها و استفاده از داده‌ها در DOM
24:15
جلسه :
کار با attribute ها در DOM
15:30
جلسه :
ویرایش HTML صفحه با استفاده از امکانات DOM
31:29
جلسه :
کلاس‌ها و استایل‌ها در DOM
13:51
جلسه :
جغرافیای المنت‌ها در صفحه
18:52
جلسه :
نقاط در DOM
20:57
جلسه :
ساخت یک صفحه پارالاکس با استفاده از جاوا اسکریپت
01:00:45
جلسه :
مدل BOM
13:40
جلسه :
مفهوم همگام و ناهمگام و ترد - مقدماتی
11:37
جلسه :
json و ایجکس
48:46
در این دوره به مباحث پیشرفته تر در زبان جاوااسکریپت می پردازیم.در این دوره مباحثی مانند DOM یا Document Object Model و BOM یا Browser Object Model و هم چنین WEB API را بررسی می کنیم.
جلسه :
ریجکس و استفاده از قدرت آن در جاوا اسکریپت
53:41
جلسه :
انمیشن‌ها در جاوا اسکریپت
29:08
جلسه :
مدیریت خطاها در جاوا اسکریپت
20:26
جلسه :
اشیا (آبجکت‌ها) در جاوا اسکریپت - پیشرفته
30:57
جلسه :
توابع در جاوا اسکریپت - پیشرفته
40:44
جلسه :
آشنایی با مفهوم شی گرایی
39:15
جلسه :
سازنده‌ها گام نخست در شی گرایی جاوا اسکریپت
28:50
جلسه :
شی گرایی در جاوا اسکریپت - پرتوتایپ‌ها
44:56
جلسه :
شی گرایی در جاوا اسکریپت - کلاس ها قسمت اول
19:09
جلسه :
شی گرایی در جاوا اسکریپت - کلاس ها قسمت دوم
32:16
جلسه :
پردازش همگام و غیرهمگام در جاوا اسکریپت (sync & async)
39:56
جلسه :
Bubbling و Capturing
27:07
جلسه :
کار با فرم‌ها و ایجاد یک فرم ولیدیتور
45:12
جلسه :
ذخیره سازی داده‌ها در مرورگر
51:01
JSON مخفف JavaScript Object Notation یا نشانه شیء جاوااسکریپت می باشد. جی سون یک فرمت فایل برای ذخیره سازی و یا انتقال فایل ها می باشد. در این دوره به بررسی ساختار JSON و استفاده های متعدد آن در جاوااسکریپت می پردازیم.
جلسه :
آموزش JSON و کاربردهای آن
35:17
جلسه :
نکته ها و ابزارهای مفید کار با JSON
15:13
جلسه :
نکته مهم در مورد جلسات مثال استفاده از json در زبان های مختلف
01:53
جلسه :
کار با JSON در جاوااسکریپت
19:25
جلسه :
کار با JSON در پایتون
13:56
تمرین :
تمرین نحوه اعتبارسنجی JOSN در پایتون
جلسه :
کار با JSON در PHP
14:37
تمرین :
تمرین نحوه اعتبارسنجی ساختار Json در PHP
آزمون :
آزمون JSON
در سال 2015 نسخه جدید از جاوااسکریپت منتشر شد که به نام ES2015 یا ES6 شناخته می شود. در این نسخه تغییرات نسبتا زیاد و جالبی در جاوااسکریپت اضافه شد که در این دوره به بررسی آنها می پردازیم.
جلسه :
مقدمه و معرفی
07:51
جلسه :
اسکوپ‌ها و Let
19:53
جلسه :
کلاس‌ها قسمت اول
19:25
جلسه :
کلاس‌ها در ES6 قسمت دوم
32:28
جلسه :
Best Practiceها با توجه به ES6
46:23
جلسه :
Promiseها و کمک به مدیریت ناهمگامی‌ها
39:58
جلسه :
Destructuring
28:21
جلسه :
ماژول ها و ماژول نویسی
43:01
جلسه :
استفاده از ویژگی new.target
21:18
جلسه :
arrow function ها در ES6
25:02
جلسه :
collection ها در جاوا اسکریپت
37:31
جلسه :
حلقه for ... of
11:15
جلسه :
symbol ها و کاربردهای آن
33:18
جلسه :
تکرار کننده ها و مولدها (Iterators & Generators)
35:23
جلسه :
Array extensions در جاوا اسکریپت جدید
14:16
جلسه :
Object extensions در جاوا اسکریپت جدید
05:08
جلسه :
پروکسی و کاربردهای آن
07:33
در این سرفصل یاد میگیریم از JS به صورتی عملی در سایت های مختلف به چه صورتی استفاده میشه و یکسری تمرین که در سایت های مختلف مشابه اونها رو میتونید ببینید با هم پیاده سازی بکنیم
جلسه :
معرفی
02:55
جلسه :
اعمال تغییرات با استفاده از style
02:50
جلسه :
پیاده سازی accordion (روش اول)
13:31
جلسه :
پیاده سازی accordion (روش دوم)
06:03
جلسه :
پیاده سازی accordion بهینه سازی کد
08:35
جلسه :
اعتبارسنجی فرم ها
04:13
جلسه :
اعتبارسنجی فرم ها با استفاده از HTML
06:34
جلسه :
تغییر پیام های خطای پیش فرض در اعتبارسنجی فرم ها
10:24
جلسه :
اعتبارسنجی شماره موبایل و نمایش پیام خطا به کاربر
06:09
جلسه :
پیاده سازی اعتبار سنجی همه فیلدهای فرم
20:49
جلسه :
کدنویسی Toast ساده
06:49
جلسه :
کدنویسی Toast (با استفاده از class)
15:15
جلسه :
کدنویسی Toast (با استفاده از class) جلسه دوم
10:42
جلسه :
پیاده سازی موزیک پلیر - آشنایی با نحوه پخش
12:02
جلسه :
پیاده سازی موزیک پلیر شروع پیاده سازی با class
11:31
جلسه :
پیاده سازی موزیک پلیر - پیاده سازی progress
11:40
جلسه :
پیاده سازی موزیک پلیر - پیاده سازی progress (روش حل بهتر)
03:42
جلسه :
پیاده سازی موزیک پلیر - پیاده سازی جلو و عقب کردن موزیک
12:33
جلسه :
پیاده سازی موزیک پلیر - پیاده سازی تغییر موزیک
12:37
جلسه :
استفاده کردن ترکیبی از template و regex
09:12
جلسه :
پیاده سازی موزیک پلیر - اضافه کردن play list
15:47
جلسه :
پیاده سازی موزیک پلیر - sync کردن آیکون موزیک در حال پخش
18:27
جلسه :
پیاده سازی موزیک پلیر - sync کردن اطلاعات موزیک در حال پخش
05:58
تصور ما از اجرای کدهای جاوااسکریپت همیشه محیطی مانند مرورگر وب بوده است اما باید بدانیم که جاوااسکریپت قابلیت اجرا در محیط هایی خارج از مرورگر را دارد یعنی مانند زبان های مثل PHP یا Python می تواند در سمت سرور هم اجرا شود. در این دوره به بررسی و آشنایی با محیط NODE JS و نحوه کار کردن با آن می پردازیم.
جلسه :
NodeJs چیست؟ و چرا به وجود آمد؟
14:53
جلسه :
آموزش نصب NodeJs
09:38
جلسه :
معرفی و آموزش نصب NVM
15:23
جلسه :
گام نخست: اجرای کدهای JS سمت سرور
11:26
جلسه :
ایجاد و استفاده از ماژول‌ها در NodeJS
15:07
جلسه :
معرفی پکیج‌ها و آموزش استفاده از NPM
56:24
جلسه :
مدیریت نسخه پکیج‌های نصب شده و آپدیت آنها در NodeJs
27:21
جلسه :
تسک‌ها و کامندها و آموزش استفاده از NPX
20:39
جلسه :
همه چیز در مورد package.json
12:48
جلسه :
ایجاد و انتشار پکیج در npm
39:04
جلسه :
کار با کامند لاین NodeJs یا همان REPL
12:38
جلسه :
دریافت حرفه‌ای ورودی‌ها در CLI - قسمت اول
45:05
جلسه :
دریافت حرفه‌ای ورودی‌ها در cli - قسمت دوم
21:26
جلسه :
خروجی‌های حرفه‌ای تر در کنسول NodeJs
24:36
جلسه :
ایجاد وب سرور و نمایش خروجی در مرورگر
49:30
جلسه :
ارسال و دریافت درخواست‌های HTTP
55:39
جلسه :
وب سرورهای http2 و http2 + push
40:28
جلسه :
اولین Web API - , وب‌سروری کامل‌تر با NodeJs
43:04
جلسه :
یک وب سرور کامل (API + Web view + Http Errors + Gzip + Cache headers)
33:30
جلسه :
کار با فایل ها در NodeJs
44:12
جلسه :
ایجاد یک آپلودر فایل
31:31
جلسه :
ماژول path
21:56
در این دوره با مباحث پیشرفته تری در NODE JS مانند Stream ها، Event Emiiter و طراحی برنامه ها تحت CLI آشنا خواهید شد.
جلسه :
معرفی موتور V8 و فرآیندهای آن
15:43
جلسه :
اندازه گیری کارایی کدها نوشته شده با استفاده از perf_hooks و async_hooks
20:39
جلسه :
آبجکت Global در node.js
22:09
جلسه :
global آبجکت process
19:11
جلسه :
تبدیل پروژه به یک تک فایل کامپایل شده
21:39
جلسه :
event loop در NodeJs
10:38
جلسه :
کار با رویدادها
20:22
جلسه :
error handling در NodeJs
17:28
جلسه :
ابزارهای دیباگ کردن کدهای nodejs و آموزش استفاده از inspector
22:36
جلسه :
استریم‌ها و بافرها
46:52
جلسه :
کار با دیتابیس
25:13
جلسه :
کار با MySQL driver
01:18:58
جلسه :
آموزش ORM Sequelize قسمت اول
56:35
جلسه :
آموزش ORM Sequelize قسمت دوم
28:29
جلسه :
sequelize-cli - migrations - seeder - model loader
39:05
جلسه :
رابطه‌ها - associations در Sequelize
01:01:03
در این دوره با فریمورک Express که محبوب ترین فریمورک NODEJS برای توسعه برنامه های وب هست آشنا خواهید شد.
جلسه :
بررسی مفهوم فریمورک ها در برنامه نویسی وب
20:01
جلسه :
نصب و راه اندازی اولیه فریمورک express
17:31
جلسه :
آشنایی با مفهوم Routing
18:58
جلسه :
بررسی Request در فریمورک Express
13:46
جلسه :
بررسی Response در فریمورک Express
16:30
جلسه :
بررسی Middleware ها در Express
27:42
جلسه :
بررسی Router سفارشی Express
18:55
جلسه :
استفاده از Template Engines
22:54
جلسه :
مدیریت خطاها در Express
11:48
جلسه :
ایجاد و مدیریت Session ها در Express
27:23
جلسه :
کار با کوکی ها در Express
15:19
جلسه :
استفاده از environment variables در Express
15:56
جلسه :
طراحی ساختار برنامه های Express بر اساس MVC
30:57
جلسه :
طراحی ساختار برنامه های Express بر اساس طراحی Modular
09:09
در این دوره با مفاهیم دیتابیس آشنا خواهید شد.
جلسه :
پایگاه داده چیست؟
24:15
تمرین :
تفاوت پایگاه داده های Relational در مقابل NoSQL
جلسه :
آشنایی با پایگاه داده های رابطه ای (RDBMS)
42:46
جلسه :
آشنایی با SQL و امکانات آن
30:28
جلسه :
فرایندهای طراحی پایگاه داده رابطه ای و ER-Diagram
48:00
تمرین :
تمرین طراحی پایگاه داده برای یک TaskManager
تمرین :
تمرین طراحی پایگاه داده برای وبسایت ثبت موقعیت مکانی
آزمون :
آزمون مفاهیم پایگاه داده
در این دوره شما با مفاهیم اولیه و پایگاه داده mysql آشنا خواهید شد.
جلسه :
آشنایی با SQL و قابلیت های آن
12:52
جلسه :
آشنایی با ابزارها و کلاینت های SQL
12:32
جلسه :
آشنایی با MySQL
18:36
جلسه :
اتصال به پایگاه داده از طریق Cammand Line
08:13
تمرین :
تمرین: کامنت کردن کدها در SQL
جلسه :
Show ، Use و Drop : ایجاد، حذف و نمایش پایگاه های داده در SQL
10:35
جلسه :
Create و Alter: ایجاد، حذف و مدیریت جداول در SQL
44:17
تمرین :
تمرین: تغیرات درساختار جدول
جلسه :
دستور INSERT : درج و افزودن رکورد به یک جدول
15:37
تمرین :
تمرین SQL : کوئری درج اطلاعات
جلسه :
دستور Delete : حذف رکورد از جداول
12:44
جلسه :
دستور UPDATE : ویرایش اطلاعات سطرهای جداول
12:05
تمرین :
تمرین: به روز رسانی قیمت محصولات در زمان تغیر واحد ارز
تمرین :
تمرین: تغیر نام برند در همه مقالات سایت
جلسه :
دستور SELECT : گزارش گیری از اطلاعات (مرتب سازی، aggrigates و عملگرها)
57:38
تمرین :
تمرین: یافتن ایمیل های تکراری
آزمون :
آزمون اول SQL مقدماتی
جلسه :
دستور LIMIT : محدودسازی تعداد رکوردهای برگشتی و ایجاد صفحه بندی (pagination) در پروژه ها
13:27
جلسه :
انواع عملیات JOIN و دریافت اطلاعات از چند جدول
28:53
در این دوره در مورد کتاب خانه ها و ORM های موجود برای کار با دیتابیس MySQL در NODE JS صحبت می کنیم.
جلسه :
نصب و پیاده سازی Mysql در NodeJS
09:55
جلسه :
پیاده سازی عملیات های CRUD
23:22
جلسه :
استفاده از Promise برای نوشتن کوئری های بهتر
09:48
جلسه :
ساختاردهی به کدهای ارتباط به دیتابیس
09:31
آزمون :
آزمون استفاده از MYSQL در NODEJS
در این دوره به عنوان یک مینی پروژه به طراحی و پیاده سازی یک بلاگ ساده برای کار و تمرین بیشتر با Express و دیتابیس MySQL و هم چنین موتورهای قالب خواهیم پرداخت.
جلسه :
طراحی دیتابیس پروژه
16:05
جلسه :
ایجاد ساختار پروژه
16:28
جلسه :
بررسی قالب HTML برای بخش مدیریت
05:27
جلسه :
پیاده سازی موتور قالب Handlebars
24:57
جلسه :
پیاده سازی صفحه Dashboard
23:12
جلسه :
استفاده از Model ها در پروژه
17:23
جلسه :
پیاده سازی لیست Posts
22:27
جلسه :
پیاده سازی Module Alias
06:16
جلسه :
آشنایی با Services & Presenters
35:23
تمرین :
بهینه سازی Presenter
جلسه :
ایجاد کردن Post
34:50
جلسه :
اعتبارسنجی داده ها
23:40
تمرین :
اعتبارسنجی داده ها از طریق Session
جلسه :
حذف کردن مطالب
13:24
جلسه :
به روز رسانی مطلب
26:47
جلسه :
نمایش لیست دیدگاه ها
25:54
جلسه :
توسعه helper های handlebars
21:41
جلسه :
مدیریت دیدگاه ها
21:25
جلسه :
مدیریت کاربران
27:10
جلسه :
مدیریت تنظیمات
54:25
تمرین :
پیاده سازی روش بهینه برای ذخیره تنظیمات
جلسه :
پیاده سازی Login
31:25
جلسه :
پیاده سازی Auth Middleware
13:00
جلسه :
پیاده سازی بخش ثبت نام
25:05
جلسه :
نمایش کاربر لاگین شده در پنل مدیریت
08:25
جلسه :
انتقال ذخیره سازی Session بر روی MYSQL و Redis
28:57
جلسه :
پیاده سازی Logout
07:05
جلسه :
شروع بخش Front
21:06
جلسه :
نمایش مطالب در صفحه اول
20:28
جلسه :
پیاده سازی صفحه بندی
29:01
جلسه :
پیاده سازی ساختار تک مطلب
29:18
جلسه :
پیاده سازی اطلاعات نویسنده در صفحه تک مطلب
12:28
جلسه :
ذخیره سازی دیدگاه
19:10
جلسه :
نمایش لیست دیدگاه ها
13:37
جلسه :
نمایش دیدگاه های تو در تو
32:09
جلسه :
پیاده سازی دیدگاه تو در تو با الگوریتم بازگشتی
12:32
جلسه :
استفاده از Settings
15:47
جلسه :
پیاده سازی ویرایشگر متن
23:05
جلسه :
پیاده سازی File Uploader
27:18
جلسه :
پیاده سازی بخش جستجو
21:15
جلسه :
پیاده سازی آخرین جلسات
10:10
آزمون :
آزمون جامع دوره طراحی بلاگ ساده با Express
دیتابیس های NOSQL که ساختار های جدیدی را برای ذخیره سازی داده ها معرفی کرده اند روز به روز توسط شرکت های بیشتری برای توسعه نرم افزارهای جدید مورد استفاده قرار می گیرند. در این دوره به معرفی و استفاده از یکی از این دیتابیس ها که MongoDB نام دارد می پردازیم. MongoDB داده ها را به صورت یک فرمت خاص شبیه JSON و در ساختاری به نام Document ذخیره سازی می کند که این مورد باعث شده است استفاده های زیادی در توسعه نرم افزارهای مدرن در حوزه وب داشته باشد.
جلسه :
معرفی دیتابیس های NoSQL و MongoDB
30:45
جلسه :
نصب و پیاده سازی MongoDB بر روی Windows
06:21
جلسه :
اجرای MongoDB در Command Line
05:03
جلسه :
اضافه کردن داده ها
13:37
جلسه :
خواندن داده ها در MongoDB
12:45
جلسه :
ویرایش و به روز رسانی داده ها در MongoDB
05:21
جلسه :
حذف کردن داده ها در MongoDB
02:46
جلسه :
Import کردن داده های آماده
14:17
جلسه :
ایندکس گذاری در MongoDB
15:46
جلسه :
اجرای کوئری ها بر روی مقادیر آرایه ای
17:44
جلسه :
پیاده سازی Data Modeling در MognoDB
12:11
جلسه :
پیاده سازی رابطه ها در MongoDB
15:04
جلسه :
پیاده سازی Aggregation ها در MongoDB
17:47
در این دوره به آموزش نحوه استفاده از دیتابیس Mongo DB و پیاده سازی Driver های آن و هم چنین معرفی ODM های مرتبط با آن در NODE JS می پردازیم.
جلسه :
نصب MongoDB در NodeJS و ایجاد Connection
08:30
جلسه :
اضافه کردن Document
05:03
جلسه :
اجرای کوئری های Read
06:07
جلسه :
به روز رسانی Document ها
07:14
جلسه :
حذف کردن Document ها
06:03
جلسه :
تولید داده های جعلی با استفاده از Node در MongoDB
12:54
جلسه :
نمایش داده ها با استفاده از ExpressJS
04:19
در دنیای امروز استفاده از برنامه های واسط که توان دریافت و ارسال داده ها را دارند به صورت گسترده در حال افزایش می باشد. در این میان سرویس های وب نقش مهمی را ایفا می کنند که سبک Rest API برای تولید سرویس های وب بسیار پر استفاده می باشد. در این دوره با استفاده از Express به طراحی و کدنویسی Rest API به صورت استاندارد می پردازیم.
جلسه :
معرفی و مقدمات دوره
02:11
جلسه :
مقدمه ای بر توسعه وب سرویس : API چیست؟
23:50
جلسه :
تفاوت وب سرویس های Soap و REST
34:31
جلسه :
آشنایی با کلاینت های API : چگونه بدون برنامه نویسی API ها رو تست کنیم؟
22:02
جلسه :
آشنایی با اصول و قواعد مهم توسعه RESTful API
28:29
جلسه :
معرفی و نصب ابزارها و کتاب خانه
13:59
جلسه :
پیاده سازی ساختار پروژه
09:01
جلسه :
استفاده از ENV
11:21
جلسه :
پیاده سازی Git و Nodemon
09:22
جلسه :
پیاده سازی Middleware ها
09:44
جلسه :
پیاده سازی Routing
15:49
جلسه :
پیاده سازی هندلر های 404 و Exception
10:36
جلسه :
اتصال به MongoDB
08:30
جلسه :
پیاده سازی مدل های Mongoose
06:18
جلسه :
استفاده از Model
12:17
جلسه :
ایجاد کاربر
08:52
جلسه :
لیست کاربران
05:31
جلسه :
فیلتر کردن فیلد ها
13:29
جلسه :
جزئیات کاربر
09:41
جلسه :
حذف کردن کاربر
05:24
جلسه :
به روز رسانی کاربر
13:35
جلسه :
پیاده سازی Token و استفاده از JWT
18:56
جلسه :
پیاده سازی Auth Middleware
12:48
جلسه :
پیاده سازی لاگین کاربر و دریافت token
16:25
جلسه :
صفحه بندی (جلسه آخر)
13:50
پکیج WebPack یکی از قدرتمند ترین ابزارهای مدیریت فایل ها و Asset های یک برنامه جاوااسکریپتی می باشد. در این دوره به بررسی امکانات پر کاربرد این پکیج می پردازیم.
جلسه :
معرفی ابزارهای مدیریت Asset
10:59
جلسه :
نصب پکیج ها و ساختار فایل ها
09:17
جلسه :
ایجاد Entry و Output
11:59
جلسه :
Html Webpack Plugin
07:58
جلسه :
استفاده از DevServer
04:45
جلسه :
آشنایی با loader ها و babel-loader
12:15
جلسه :
استفاده از فایل های CSS
15:15
جلسه :
استخراج کدهای CSS به صورت فایل مجزا
11:17
جلسه :
ماژول های CSS
11:38
جلسه :
استفاده از React
07:01
جلسه :
جداسازی کدها
06:58
در این سرفصل مباحث اولیه React و موارد مورد نیاز برای کدنویسی با آن آموزش داده خواهد شد.
جلسه :
React چیست؟
18:21
جلسه :
ساخت UI با استفاده از JS
31:59
جلسه :
Hello World With React
13:48
جلسه :
JSX و ویژگیهای آن
20:32
جلسه :
Component چست؟
11:55
جلسه :
نحوه ساخت functinal component
16:03
تمرین :
تبدیل کد HTML به React Components
جلسه :
ایجاد Component با استفاده از Class
14:47
تمرین :
تبدیل کد HTML به React Class Components
جلسه :
React Component Props
16:51
جلسه :
آشنایی با Create React App
19:19
جلسه :
List rendering
24:15
جلسه :
state چست؟
21:30
جلسه :
Event handeling
26:05
جلسه :
Event Handling (part 2)
12:00
جلسه :
ایجاد ارتباط بین کامپوننت ها
30:13
جلسه :
ایجاد ارتباط بین کامپوننت ها (جلسه دوم)
16:06
جلسه :
Conditional Rendering
21:33
جلسه :
تبدیل template ساده چت به React
34:23
تمرین :
پیاده سازی to-do list ساده
جلسه :
json server
15:25
آزمون :
آزمون جامع ورود به دنیای React
در این سرفصل همه نکات مربوط به class components از جمله State , Lifecycle , بهینه سازی کامپوننت ها و ... کامل شرح داده خواهد شد و در انتها برای جمع بندی یک مینی پروژه خواهیم داشت.
جلسه :
Lifecycle Methods
11:13
جلسه :
componentDidMount
05:43
جلسه :
مینی پروژه دریافت اطلاعات بر اساس IP کاربر
28:47
جلسه :
componentDidUpdate
06:24
جلسه :
مینی پروژه نمایش پست ها به همراه سایدبار
27:32
جلسه :
مینی پروژه نمایش پست ها به همراه سایدبار (پارت دوم)
14:14
جلسه :
componentWillUnmount
03:45
جلسه :
مثال استفاده از componentWillUnmount
09:31
جلسه :
getDerivedStateFromProps
12:54
جلسه :
مثال استفاده از getDerivedStateFromProps (پارت اول)
22:10
جلسه :
مثال استفاده از getDerivedStateFromProps (پارت دوم)
11:48
جلسه :
shouldComponentUpdate
15:50
جلسه :
نحوه اضافه کردن shouldComponentUpdate
12:06
جلسه :
createRef
09:26
جلسه :
مثال استفاده از createRef
06:44
جلسه :
getSnapshotBeforeUpdate
07:40
جلسه :
مثال استفاده از getSnapshotBeforeUpdate
22:06
آزمون :
آزمون جامع react class component
در این سرفصل همه نکات مربوط به Functional components و React Hooks کامل شرح داده خواهد شد و در انتها برای جمع بندی یک مینی پروژه خواهیم داشت.
جلسه :
مشکلات class components و دلایل اضافه شدن React Hooks
08:35
جلسه :
آشنایی اولیه با useState
07:08
جلسه :
آشنایی اولیه با useEffect
05:27
جلسه :
ساده ترین مثال استفاده از Hooks
06:18
جلسه :
Closure functions
15:21
جلسه :
Stale Closure
14:32
جلسه :
مثال slider (part 1)
13:57
جلسه :
مثال slider (part 2)
25:23
جلسه :
مهمترین تفاوت بنیادی functional و class کامپوننت ها (part 1)
14:35
جلسه :
مهمترین تفاوت بنیادی functional و class کامپوننت ها (part 2)
05:54
جلسه :
useState Functional updates
11:38
جلسه :
useEffect dependency array
16:45
جلسه :
useEffect cleanup function
14:05
جلسه :
useRef
12:40
جلسه :
useRef vs createRef
05:17
جلسه :
نحوه استفاده از loading و toast
23:42
جلسه :
user actions
17:12
جلسه :
useReducer (جلسه اول)
17:14
جلسه :
useReducer (جلسه دوم)
12:43
جلسه :
useMemo
11:30
جلسه :
useMemo and useCallback
08:24
جلسه :
custom hooks
11:20
جلسه :
useDebugValue
03:33
جلسه :
useLayoutEffect
05:23
جلسه :
دریافت اطلاعات از wikipedia (ایجاد نقشه جهان با قابلیت کلیک بر روی کشورها)
19:28
جلسه :
دریافت اطلاعات از wikipedia (ایجاد componentها و تعریف event مورد نیاز نقشه)
12:26
جلسه :
دریافت اطلاعات از wikipedia (دریافت اولین پاراگراف صفحه به عنوان summary از ویکی پدیا)
11:56
جلسه :
دریافت اطلاعات از wikipedia (دریافت info از ویکی پدیا)
08:16
جلسه :
دریافت اطلاعات از wikipedia (دریافت لینک تصویر و راهنمایی برای دریافت اطلاعات به زبان فارسی)
13:30
تمرین :
فارسی سازی دریافت اطلاعات از wikipedia
تمرین :
موضوع آزاد!!
آزمون :
آزمون جامع
بعد از یادگیری موارد پایه ای React زمان فراگیری قابلیت های پیشرفته تر خود React از جمله Error Boundaries، Context، HOC، Virtual DOM ، Typechecking و ... می رسد. همچنین best practice های موجود برای React نیز بیان می شوند.
جلسه :
آشنایی با virtual DOM جلسه اول
14:23
جلسه :
آشنایی با virtual DOM جلسه دوم
23:33
جلسه :
استفاده درست از key و عواقب استفاده اشتباه!!
18:41
جلسه :
آشنایی با Higher-Order Components
24:37
جلسه :
آشنایی با context
12:55
جلسه :
استفاده از context در functional components
13:40
جلسه :
استفاده از context در class components
04:50
جلسه :
مثال پیاده سازی فرآیند ورود کاربر (بخش اول)
17:52
جلسه :
مثال پیاده سازی فرآیند ورود کاربر (بخش دوم)
11:19
جلسه :
مثال پیاده سازی فرآیند ورود کاربر (بخش سوم)
28:53
جلسه :
مثال پیاده سازی فرآیند ورود کاربر (بخش چهارم)
17:04
تمرین :
تکمیل مثال پیاده سازی فرآیند ورود کاربر
جلسه :
استفاده مجدد از کامپوننت به چه معناست و در چه سطحی باید در پروژه انجام شود؟
12:08
جلسه :
آشنایی با الگوی Container-Presenter و شفاف سازی در خصوص استفاده یا عدم استفاده از آن
14:35
جلسه :
آشنایی با انواع ساختاربندی پوشه ها و فایل های پروژه در React
25:34
جلسه :
نحوه استفاده از متغییرهای محیطی در React
13:23
جلسه :
پیاده سازی یک نمونه سرویس (axios) در React
25:02
تمرین :
تکمیل پیاده سازی سرویس axios
جلسه :
page layout
23:35
جلسه :
پیاده سازی routing ساده
10:47
جلسه :
نحوه کنترل UI یک کامپوننت با استفاده از Props
24:01
جلسه :
جابه جایی بین صفحات برنامه
27:18
جلسه :
سیاست های ارائه نسخه های جدید در React
03:54
جلسه :
JSX Transform جدید چیست و چگونه از آن استفاده نماییم
10:03
جلسه :
تغییرات Event Delegation در React 17
15:33
جلسه :
حذف Event Pooling در React 17
02:25
جلسه :
تغییرات Effect Cleanup در React 17
11:12
جلسه :
پرسش و پاسخ دانشجویان در پایان وبینار React 17
12:21
یکی از قابلیت های مهم مورد نیاز در برنامه های SPA بحث routing می باشد که در این سرفصل در ابتدا با مفاهیم این حوزه آشنا شده و در ادامه دوره با پکیج های جانبی از جمله React routing که در این مورد وجود دارد آشنا می شویم
جلسه :
معرفی مفهوم routing
10:22
جلسه :
آشنایی با location api در مرورگر
01:55
جلسه :
آشنایی با history api در مرورگر
11:48
جلسه :
ایجاد یک کامپوننت ساده برای رندر کردن کامپوننت متناسب با آدرس وارد شده
08:00
جلسه :
پیاده سازی یک کامپوننت link برای اضافه کردن لینک ها به برنامه
07:06
جلسه :
پیاده سازی forceUpdate برای کامپوننت route
13:07
جلسه :
رندر مجدد route ها با تغییر آدرس
05:59
جلسه :
تفاوت hash routing و history
04:30
جلسه :
معرفی کامپوننت های اصلی پکیج React router (شروع آموزش پکیج React router)
04:54
جلسه :
آشنایی با نحوه اضافه کردن react router به پروژه
11:16
جلسه :
آشنایی با route render methods در React router
16:42
جلسه :
تفاوت Static Routing و Dynamic Routing
03:42
جلسه :
نحوه پیاده سازی nesting routing در React router
03:45
جلسه :
نحوه دسترسی به params در کامپوننت ها با استفاده از match و useParams
07:05
جلسه :
دسترسی به history با استفاده از useHistory
03:00
جلسه :
آشنایی با useRouteMatch در React router
06:48
جلسه :
آشنایی با آبجکت location و استفاده از useLocation
04:34
جلسه :
پیاده سازی مثال ورود کاربر با استفاده از React Router (بخش اول)
06:11
جلسه :
پیاده سازی مثال ورود کاربر با استفاده از React Router (بخش دوم)
13:08
جلسه :
پیاده سازی مثال ورود کاربر با استفاده از React Router (بخش سوم)
16:21
تمرین :
تکمیل پیاده سازی مثال ورود کاربر با استفاده از React Router
جلسه :
روش انطباق آدرس وارد شده در React router (بخش اول)
09:02
جلسه :
روش انطباق آدرس وارد شده در React router (بخش دوم)
08:50
جلسه :
بررسی propsهای BrowserRouter و نمایش پیغام به کاربر با Prompt
14:41
جلسه :
تغییر استایل لینک فعال با استفاده از NavLink
06:51
جلسه :
بررسی نکات مثال Modal Gallery
10:51
جلسه :
بررسی نکات مثال های مطرح شده در سایت React router
13:27
یکی از مهمترین موارد در پروژه های React مدیریت کردن state می باشد که یکی از معروف ترین کتابخانه های موجود برای این مورد redux می باشد. در این سرفصل یاد خواهید گرفت چگونه با استفاده از redux به صورت حرفه ای state را در برنامه های React مدیریت کنید.
جلسه :
معرفی پکیج Redux
07:21
جلسه :
آشنایی با ساختار ذخیره سازی State
05:48
جلسه :
آشنایی با action و کاربرد آن
04:46
جلسه :
تعریف ساده از توابع pure
02:54
جلسه :
آشنایی با Reducer و کاربرد آن
05:43
جلسه :
آشنایی و پیاده سازی Store
10:48
جلسه :
اضافه کردن قابلیت subscribe به Store
05:22
جلسه :
نحوه اضافه کردن Redux به پروژه
02:59
جلسه :
اولین مثال ساده استفاده از Redux در React
06:27
جلسه :
استفاده مستقیم از Store و حل مثال todo list ساده
18:44
جلسه :
پیاده سازی برقراری ارتباط بین react و redux
20:05
جلسه :
ترکیب کردن Reducer ها
15:33
جلسه :
نحوه پیاده سازی combineReducers و استفاده از آن
06:36
جلسه :
چرخه جریان اطلاعات (Data flow) در Redux
04:11
جلسه :
آشنایی با ۳ قانون اصلی Redux
05:23
جلسه :
پیاده سازی مثال todos (شناسایی state و actions) بخش اول
16:16
جلسه :
پیاده سازی مثال todos (پیاده سازی todosSlice) بخش دوم
29:46
جلسه :
پیاده سازی مثال todos (پیاده سازی todosSlice) بخش سوم
16:10
جلسه :
پیاده سازی مثال todos (جلوگیری از رندر مجدد همه todoها) بخش چهارم
10:16
جلسه :
معرفی Redux dev tools
08:25
جلسه :
معرفی و نحوه استفاده از پکیج immer
15:30
جلسه :
پیاده سازی مثال todos (اضافه کردن immer به پروژه) بخش پنجم
05:23
جلسه :
پیاده سازی مثال todos (اضافه کردن filtersSlice) بخش ششم
29:53
جلسه :
پیاده سازی مثال todos (پیاده سازی فیلتر todoها) بخش هفتم
13:35
جلسه :
معرفی و نحوه استفاده از پکیج reselect
12:50
جلسه :
پیاده سازی مثال todos (پیاده سازی تغییرات رنگ و اکشن های پاک کردن و کامل کردن todoها) بخش هشتم
20:37
جلسه :
آشنایی با مفهوم و کاربرد enhancer و پیاده سازی آنها
15:16
جلسه :
آشنایی با مفهوم و کاربرد middleware و پیاده سازی آنها
14:42
جلسه :
پیاده سازی async function middleware (مشابه thunk) و یاد گیری اصول کار کردن با thunk
20:01
جلسه :
اضافه کردن redux thunk به پروژه و تبادل اطلاعات با سرور
14:09
جلسه :
مدیریت کردن و نمایش وضعیت درخواست های async در redux thunk (بخش اول)
19:22
جلسه :
مدیریت کردن و نمایش وضعیت درخواست های async در redux thunk (بخش دوم)
10:53
جلسه :
Redux Toolkit چیست و به چه دردی میخورد؟
06:21
جلسه :
کانفیگ راحتر store با استفاده از configureStore
14:21
جلسه :
ایجاد راحت تر action با استفاده از createAction
13:00
جلسه :
ایجاد راحت تر reducer با استفاده از createReducer
12:02
جلسه :
ایجاد همزمان reducer و action creator با استفاده از createSlice
16:24
جلسه :
مدیریت چرخه عملیات های async با استفاده از createAsyncThunk (بخش اول)
25:54
جلسه :
مدیریت چرخه عملیات های async با استفاده از createAsyncThunk (بخش دوم)
10:44
جلسه :
متوقف کردن اجرای عملیات های async در redux thunk
07:39
جلسه :
Normalizing State چیست و چه کاربردی دارد؟
11:29
جلسه :
مثال استفاده از Normalizing State (بخش اول)
17:02
جلسه :
مثال استفاده از Normalizing State (بخش دوم)
27:30
جلسه :
مثال استفاده از Normalizing State (بخش سوم)
18:57
جلسه :
مثال استفاده از Normalizing State (بخش چهارم)
14:02
جلسه :
مثال پیاده سازی بلاگ ساده با استفاده از redux (بخش اول)
05:50
جلسه :
مثال پیاده سازی بلاگ ساده با استفاده از redux (بخش دوم)
17:27
جلسه :
مثال پیاده سازی بلاگ ساده با استفاده از redux (بخش سوم)
11:49
جلسه :
مثال پیاده سازی بلاگ ساده با استفاده از redux (بخش چهارم)
06:28
جلسه :
مثال پیاده سازی بلاگ ساده با استفاده از redux (بخش پنجم)
22:06
جلسه :
مثال پیاده سازی بلاگ ساده با استفاده از redux (بخش ششم)
11:32
جلسه :
مثال پیاده سازی بلاگ ساده با استفاده از redux (بخش هفتم)
28:01
جلسه :
مثال پیاده سازی بلاگ ساده با استفاده از redux (بخش هشتم)
03:54
جلسه :
مثال پیاده سازی بلاگ ساده با استفاده از redux (بخش نهم)
08:47
جلسه :
مثال پیاده سازی بلاگ ساده با استفاده از redux (بخش دهم)
18:10
جلسه :
وبینار - آیا ریداکس مرده و منسوخ شده است؟
23:32
جلسه :
وبینار - پرسش و پاسخ (بخش اول)
21:47
جلسه :
وبینار - پرسش و پاسخ (بخش دوم)
28:25
اگر به دنبال قابلت های Seo Friendly, Pre rendering(ssg and ssr) , افزایش سرعت لود شدن سایت و ... باشیم یکی از بهترین گزینه های موجود برای برنامه های React استفاده کردن از NextJs می باشد.
جلسه :
Next.js چیست و چه مشکلاتی را برطرف می کند؟
09:51
جلسه :
آشنایی با Pre-rendering و کاربرد آن
12:51
جلسه :
نحوه setup کردن Next.js
05:26
جلسه :
تعریف page در Next.js
12:59
جلسه :
تفاوت static generation با data و بدون data چیست؟
09:03
جلسه :
نحوه اجرای تابع getStaticProps در حالت های مختلف
11:01
جلسه :
آشنایی با dynamic routing در Next.JS
10:45
جلسه :
آشنایی با تابع getStaticPaths و کاربرد آن در Next.JS
24:46
جلسه :
بررسی خروجی تولید شده با استفاده از script build در حالت static site generation (ssg)
04:20
جلسه :
بررسی انواع حالت های fallback در تابع getStaticPaths (بخش اول)
18:17
جلسه :
بررسی انواع حالت های fallback در تابع getStaticPaths (بخش دوم)
07:49
جلسه :
Incremental Static Regeneration در حالت SSG
13:37
جلسه :
Server Side Rendering (SSR)
03:00
جلسه :
کاربرد و نحوه استفاده از کامپوننت Link
05:35
جلسه :
کاربرد و نحوه استفاده از کامپوننت Head
01:23
جلسه :
کاربرد و نحوه استفاده از کامپوننت Image
13:57
جلسه :
نحوه مدیریت کردن style در Next.js
15:21
جلسه :
Absolute Imports and Module path aliases
06:28
جلسه :
ایجاد یک custom document
06:11
جلسه :
suppressHydrationWarning
03:32
جلسه :
تفاوت استفاده کردن از useEffect و useLayoutEffect
11:24
جلسه :
نحوه دریافت page props در سمت کلاینت (بخش اول)
11:56
جلسه :
نحوه دریافت page props در سمت کلاینت (بخش دوم)
08:06
جلسه :
کانفیگ Redux در NextJS (بخش اول)
17:15
جلسه :
کانفیگ Redux در NextJS (بخش دوم)
05:35
جلسه :
کانفیگ Redux در NextJS (بخش سوم)
06:13
جلسه :
کانفیگ Redux در NextJS (بخش چهارم)
15:23
جلسه :
کانفیگ Redux در NextJS (بخش پنجم)
07:12
قطعا هیچ برنامه بزرگی به راحتی بدون حصول اطمینان از صحت عملکرد همه قسمت های آن قابلیت استفاده ندارد فلذا این مورد اهمیت تست را مشخص می کند. در این سرفصل مباحث مربوط به تست نویسی در React را فرا خواهید گرفت.
جلسه :
معرفی
01:31
جلسه :
نوشتن یک نمونه تست ساده بدون هیچ ابزاری
03:48
جلسه :
معرفی و استفاده از jest
06:09
جلسه :
معرفی و استفاده از jest جلسه دوم
04:21
جلسه :
اجرای تست ها در react
04:08
جلسه :
نوشتن اولین تست react
09:06
جلسه :
معرفی و استفاده از تابع act
04:03
جلسه :
استفاده از setup و teardown در jest
02:32
جلسه :
تست خروجی کامپوننت با تغییرات props
05:07
جلسه :
روش تست گرفتن eventها بدون استفاده از پکیج اضافه
13:02
جلسه :
تست کردن timing
05:58
جلسه :
رندر کردن کامپوننت ها با استفاده از متد render (شروع کار با پیکج testing library)
04:46
جلسه :
معرفی انواع query در testing library
11:30
جلسه :
انتخاب بهینه المنت ها با استفاده از testing playground
06:21
جلسه :
تفاوت get query find
05:26
جلسه :
استفاده از jest dom custom matchers
03:30
جلسه :
مثال استفاده از queries
09:10
جلسه :
مثال تست عملیات async
19:08
جلسه :
ماک کردن درخواست های api با استفاده از msw
10:35
جلسه :
تست ارسال درخواست api و استفاده از fireEvent
13:53
جلسه :
تست خطا در درخواست از api
15:13
جلسه :
شبیه سازی اکشن های کاربر با استفاده از userEvent
12:22
جلسه :
تست توابع دریافتی از طریق props
05:59
در سال های اخیر با گسترش جاوااسکریپت در زمینه های مختلف، این امکان نیز مهیا شده است که در زمینه طراحی و توسعه برنامه های موبایل بتوان از جاوااسکریپت استفاده کرد، شرکت فیسبوک با توسعه فریمورک React Native یکی از شرکت های پیشرو در این زمینه بوده است. فریمورک React Native با استفاده از ساختاری که در کتابخانه React استفاده شده بود توسعه پیدا کرده است و برای توسعه دهندگان وب که قبلا با React کار کرده اند یادگیری آن راحت و آسان می باشد. در این دوره به مقدمات پیاده سازی React Native می پردازیم.
جلسه :
معرفی پیش نیازها و روش های دور زدن تحریم
04:46
جلسه :
معرفی محیط snack در expo
05:42
جلسه :
کدنویسی Hello World
05:39
جلسه :
React Native چیست و چه ارتباطی با React دارد
15:01
جلسه :
بررسی کلی کامپوننت های React Native
04:58
جلسه :
ایجاد طرح کلی برنامه با استفاده از View
05:18
جلسه :
بررسی خطای عدم استفاده از Text
02:28
جلسه :
پیاده سازی یک counter خیلی ساده
07:05
جلسه :
نحوه اعمال استایل در React Native
06:29
جلسه :
آشنایی با Flexbox جلسه اول
09:01
جلسه :
آشنایی با Flexbox جلسه دوم
11:31
جلسه :
توضیحات برخی اصطلاحات
07:17
جلسه :
نصب expo-cli
05:27
جلسه :
نصب android studio
09:55
جلسه :
init کردن پروژه با استفاده از react native
03:44
جلسه :
اجرای خروجی expo در شبیه ساز موبایل
05:55
جلسه :
کدنویسی todo app ساده (Layout)
07:24
جلسه :
کدنویسی todo app ساده (TextInput)
12:08
جلسه :
کدنویسی todo app ساده (render list)
07:43
جلسه :
کدنویسی todo app ساده (ScrollView)
04:37
جلسه :
کدنویسی todo app ساده (FlatList)
09:26
در این دوره به پیاده سازی ساختار های مناسب برای برنامه های موبایل در React Native می پردازیم و هم چنین از کتاب خانه های مطرح که برای توسعه UI یا دسترسی به منابع دیگر در گوشی های موبایل توسعه داده شده اند استفاده می کنیم.
جلسه :
روش های debug کردن در React Native
10:37
جلسه :
آشنایی با React Native Debugger
06:20
جلسه :
آشنایی با React Navigation
04:53
جلسه :
نحوه اضافه کردن screen به پروژه با استفاده از React Navigation
13:21
جلسه :
حرکت بین صفحات با استفاده از React Navigation
06:50
جلسه :
ارسال پارامتر به صفحه در زمان تغییر صفحه
11:33
جلسه :
نحوه اضافه کردن options به screen
03:21
جلسه :
استایل دهی بخش های مختلف header
04:20
جلسه :
جایگزینی title با یک کامپوننت در React Navigation Stack
07:05
جلسه :
اضافه کردن کامپوننت های دلخواه به header در React Navigation Stack
06:45
جلسه :
Navigation lifecycle
04:51
جلسه :
کاربرد focus و blur در React Navigation
05:06
جلسه :
کاربرد useFocusEffect
07:17
جلسه :
اضافه کردن Tab navigation
03:59
جلسه :
اضافه کردن آیکون به Tab Bar
07:05
جلسه :
توضیحات شروع مثال IMDB App
06:56
جلسه :
پروژه IMDB App (اضافه کردن Tab Navigation)
07:36
جلسه :
پروژه IMDB App (اضافه کردن Icon)
04:50
جلسه :
پروژه IMDB App (تغییر رنگ Icon)
02:09
جلسه :
پروژه IMDB App (ایجاد کامپوننت Movie card)
17:02
جلسه :
پروژه IMDB App (ایجاد کامپوننت Star Rating)
16:51
جلسه :
پروژه IMDB App (آشنایی با RapidAPI)
07:44
جلسه :
پروژه IMDB App (پیاده سازی api دریافت لیست فیلم ها)
10:10
جلسه :
پروژه IMDB App (پیاده سازی لیست فیلم ها با استفاده از Flatlist)
06:26
جلسه :
پروژه IMDB App (پیاده سازی movie api)
11:20
جلسه :
پروژه IMDB App (بهینه سازی Flatlist)
09:49
جلسه :
پروژه IMDB App (بهینه سازی Flatlist در صورت ثابت بودن ارتفاع)
02:49
جلسه :
پروژه IMDB App (اضافه کردن home stack)
06:07
جلسه :
پروژه IMDB App (آشنایی با useNavigation)
08:05
جلسه :
پروژه IMDB App (نمایش لیست سریال ها)
09:21
جلسه :
پروژه IMDB App (پیاده سازی API لیست سریال ها)
16:23
جلسه :
پروژه IMDB App (پیاده سازی لیست سریال ها بخش سوم)
14:07
جلسه :
پروژه IMDB App (پیاده سازی سرچ actors)
15:59
آشنایی با Electron JS
به زودی
در این دوره قصد داریم با استفاده از فریمورک ElectronJS به طراحی و پیاده سازی برنامه های Desktop بپردازیم. برنامه های Desktop تولید شده با این برنامه قابلیت اجرا بر روی همه پلت فرم ها را دارند و از این مورد توجه بسیاری توسعه دهندگان قرار گرفته است.
در این دوره قصد داریم یک پیام رسان با استفاده از تکنولوژی های Nodejs,Expressjs,React,Mongodb,Mysql پیاده سازی کنیم. در این پیام رسان بر اساس موقعیت های جغرافیایی کاربران ، کاربران نزدیک به هم را نشان می دهیم و کاربران می توانند با ارسال درخواست گفتگو اقدام به گپ زدن یا یک دیگر نمایند.
سطح این دوره پیشرفته می باشد و دانشجویان عزیز حتما باید در سطح متوسط به بالا با تکنولوژی های گفته شده کار کرده باشند. این دوره به هیچ وجه برای کاربران مقدماتی مناسب نمی باشد.
جلسه :
توضیحات UI پروژه
04:42
جلسه :
پیاده سازی پروژه سمت Frontend و معرفی پکیج ها
08:44
جلسه :
پیاده سازی پروژه Backend و معرفی پکیج های آن
14:12
جلسه :
پیاده سازی Component های اصلی
22:50
جلسه :
پیاده سازی Sidebar Component
13:55
جلسه :
پیاده سازی Component های بخش محتوای Chat
14:32
جلسه :
پیاده سازی سرویس Http
12:32
جلسه :
پیاده سازی سرویس Location
11:19
جلسه :
پیاده سازی مقدماتی سرویس Message
06:05
جلسه :
تنظیم سرور PeerJS
14:30
جلسه :
پیاده سازی ارتباط با سرور در سمت React
15:55
جلسه :
پیاده سازی React Router و Auth Components
12:23
جلسه :
پیاده سازی Redux با Saga
17:00
جلسه :
پیاده سازی User Register Request
17:21
جلسه :
ثبت نام کاربر
25:53
جلسه :
به روز رسانی Redux برای ثبت نام کاربر
11:47
جلسه :
هش کردن کلمه های عبور
08:51
جلسه :
پیاده سازی لاگین کاربران
27:01
جلسه :
پیاده سازی Init State در Redux
18:54
جلسه :
پیاده سازی Loading Component
10:25
جلسه :
دریافت داده های Init State از سمت سرور
30:08
جلسه :
دریافت لوکیشن کاربر
16:16
جلسه :
پیاده سازی User Location در Redux و Saga
11:56
جلسه :
ذخیره سازی User Location در MongoDB
20:47
جلسه :
آشنایی با WebSocket
30:41
جلسه :
معرفی کتاب خانه SockJS
13:04
جلسه :
آشنایی با PeerJS برای استفاده از Web RTC
25:03
جلسه :
آشنایی با Event Bus
11:41
جلسه :
پیاده سازی ورود به Dashboard
28:36
جلسه :
استفاده از سرویس های Socket,Event و Peer
14:31
جلسه :
پیاده سازی SockJS Server و PeerJS Server
11:38
جلسه :
پیاده سازی نقشه برای نمایش کاربران آنلاین
20:31
جلسه :
آشنایی با نحوه پیاده سازی کاربران آنلاین
34:00
جلسه :
پیاده سازی پیام رسان متنی
31:26
جلسه :
پیاده سازی تماس تصویری
07:46
جلسه :
پیاده سازی گفتگوهای اخیر
12:10
جلسه :
آشنایی با SSH
17:58
جلسه :
ایجاد کلید های SSH برای اتصال به Gitlab
24:40
جلسه :
مدیریت Process ها با PM2
10:37
جلسه :
تنظیم برنامه سمت سرور
12:03
جلسه :
تنظیم برنامه در سمت Front و سرور Nginx
12:56
جلسه :
استفاده از Nginx Proxy
16:33
جلسه :
پیاده سازی خروج و بهینه سازی
06:27
جلسه :
تست ارتباط تصویری و صوتی
04:09
در این دوره یک فروشگاه اینترنتی با امکانات مدیریت محصولات و سفارشی ها، سبد خرید، درگاه های پرداخت آنلاین با کدنویسی بهینه و استفاده از تکنولوژی هایی نظر React,MongoDB,Express و TypeScript پیاده سازی خواهیم کرد.
سطح این دوره پیشرفته می باشد و دانشجویان عزیز حتما باید در سطح متوسط به بالا با تکنولوژی های گفته شده کار کرده باشند. این دوره به هیچ وجه برای کاربران مقدماتی مناسب نمی باشد.
جلسه :
TypeScript چیست؟
15:49
جلسه :
آشنایی با Static typing
11:39
جلسه :
انواع داده های Enum و Tuple
11:08
جلسه :
توابع در TypeScript
14:47
جلسه :
Union Type & Type Assertion
11:43
جلسه :
کلاس های شی گرایی در TypeScript
15:41
جلسه :
کلاس های Abstract
14:59
جلسه :
بررسی مفهوم Interface
13:51
جلسه :
ایجاد Custom Type
06:29
جلسه :
کار با جنریک ها
16:54
جلسه :
کار با Map و Set
07:52
جلسه :
بررسی @Types
07:17
جلسه :
کار با express با استفاده از @types
07:02
جلسه :
ساختار پروژه بر اساس TypeScript
09:17
جلسه :
Users & Routes
15:15
جلسه :
Route Service
15:24
جلسه :
ایجاد مدل کاربران
25:20
جلسه :
ایجاد مدل محصول
13:52
جلسه :
ایجاد مدل دسته بندی محصول و ویژگی ها
16:25
جلسه :
ایجاد مدل Order
15:11
جلسه :
پیاده سازی Order Line
09:49
جلسه :
پیاده سازی مدل های پیشنهادهای ویژه
10:51
جلسه :
پیاده سازی آدرس ها
10:41
جلسه :
شروع کار با سبد خرید
16:06
جلسه :
استفاده از Redis در سبد خرید
16:22
جلسه :
پیاده سازی Promise در Provider های سبد خرید
19:37
جلسه :
استفاده از Factory Design Pattern و Interface Segregation
13:15
جلسه :
پیاده سازی مدل کد تخفیف
10:07
جلسه :
آشنایی با الگوی Chain Of Responsibility
15:34
جلسه :
اعتبارسنجی Coupon با استفاده از الگوی Chain
22:37
جلسه :
ایجاد کردن پروژه بخش مدیریت
15:29
جلسه :
توضیحات ساختار پروژه
19:13
جلسه :
پیاده سازی بخش Sidebar
20:59
جلسه :
پیاده سازی بخش Router
09:16
جلسه :
ایجاد دسته بندی
18:11
جلسه :
پیاده سازی خاصیت ها و دسته بندی خاصیت ها
15:27
جلسه :
اضافه کردن Attribute توسط State
25:44
جلسه :
اضافه کردن دسته بندی خاصیت ها توسط Dialog
09:18
جلسه :
پیاده سازی State برای دسته بندی ها
12:55
جلسه :
اضافه کردن دسته بندی خاصیت ها
07:48
جلسه :
استفاده از داده های State توسط Context
19:06
جلسه :
تغییرات در Attribute Component
17:14
جلسه :
به روز رسانی و تغییر دسته بندی خاصیت ها
13:41
جلسه :
اضافه کردن ویژگی جدید توسط State
08:49
جلسه :
آماده سازی به روز رسانی خاصیت
09:21
جلسه :
به روز رسانی داده های خاصیت در State
08:48
جلسه :
آماده سازی کدها برای ذخیره Category
29:06
جلسه :
ذخیره سازی دسته بندی
15:17
جلسه :
نمایش Notification
17:46
جلسه :
نمایش لیست دسته بندی ها
29:28
جلسه :
فرم ایجاد محصول جدید
15:53
جلسه :
آماده سازی دریافت دسته بندی ها
08:46
جلسه :
HTTP API Refactoring
07:13
جلسه :
Fetch Categories
12:55
جلسه :
Fetch Category Attributes
14:00
جلسه :
Render Attributes Group
06:28
جلسه :
Render Attributes
02:08
جلسه :
آماده سازی فایل های تصویر با استفاده از FormData
12:21
جلسه :
Refactor API Post Method
06:56
جلسه :
ذخیره سازی فایل های تصویری در سمت سرور
09:40
جلسه :
نمایش ProgressBar برای آپلود فایل ها
06:58
جلسه :
آماده سازی به روز رسانی Attributes
09:04
جلسه :
به روز رسانی Attribute ها
12:02
جلسه :
آماده سازی داده ها Attribute برای ارسال به سمت سرور
05:30
جلسه :
پیاده سازی جزئیات محصول در State
11:58
جلسه :
آماده سازی متغییرهای محصولات
13:52
جلسه :
پیاده سازی مدال متغییر محصول
11:19
جلسه :
بهینه سازی ساختار متغییر محصول
15:21
جلسه :
پیاده سازی Color Component
10:34
جلسه :
نمایش لیست رنگ ها
15:49
جلسه :
تکمیل Color Component
19:02
جلسه :
تکمیل DropDown Varaint
07:51
جلسه :
اضافه کردن متغییرهای قیمت
12:22
جلسه :
به روز رسانی داده های متغییر قیمت
17:39
جلسه :
ذخیره سازی متغییر قیمت
10:35
جلسه :
به روز رسانی مبلغ Price Variant
06:43
جلسه :
بهینه سازی متغییر های قیمت
10:50
جلسه :
نحوه اعتبارسنجی فرم
18:21
جلسه :
آشنایی با Repository Pattern
07:57
جلسه :
تعریف Repository Interface
07:38
جلسه :
ایجاد Product Repository Interface
06:09
جلسه :
پیاده سازی Product Mongo Repository
10:49
جلسه :
بهینه سازی IRepository
09:50
جلسه :
بهینه سازی ProductMongoRepository
10:13
جلسه :
ذخیره سازی محصول
21:07
جلسه :
بهینه سازی Interface های محصول
08:37
جلسه :
ایجاد سرویس Hash
08:27
جلسه :
ایجاد سرویس Upload
19:08
جلسه :
به روز رسانی تصاویر شاخص و گالری برای Product
18:03
جلسه :
آماده سازی لیست محصولات
09:01
جلسه :
پیاده سازی Notify Component
15:03
جلسه :
نمایش لیست محصولات
22:06
جلسه :
ایجاد Transformers
11:44
جلسه :
اضافه کردن Date Service
09:33
جلسه :
اضافه کردن Product Virtuals
10:27
جلسه :
نمایش واحد پولی
04:46
جلسه :
تبدیل اعداد فارسی
06:02
جلسه :
نمایش وضعیت محصول
08:25
جلسه :
بهینه سازی و نمایش تاریخ های محصول
05:29
جلسه :
بهینه سازی ساختار Order
13:19
جلسه :
ایجاد Order Repository
11:24
جلسه :
ایجاد Payment Interface
09:05
جلسه :
پیاده سازی مدل Payment
03:52
جلسه :
پیاده سازی Repository های Payment
07:26
جلسه :
پیاده سازی مدل های جدید
19:48
جلسه :
پیاده سازی Error Handler برای مدیریت خطاها
13:10
جلسه :
پیاده سازی Not Found Handler
10:35
جلسه :
بهینه سازی Exception Handling
20:19
جلسه :
آماده سازی Orders Component
08:28
جلسه :
پیاده سازی Orders Transformer
10:23
جلسه :
پیاده سازی Model Factory
15:46
جلسه :
ایجاد Command Line Interface
21:40
جلسه :
استفاده از Factory
10:38
جلسه :
پیاده سازی Relation در Repository
11:19
جلسه :
پیاده سازی لیست سفارش ها
19:32
جلسه :
تکمیل داده های لیست سفارش ها
15:34
جلسه :
آماده سازی Pagination در BackEnd
16:10
جلسه :
پیاده سازی Pagination در FrontEnd
12:19
جلسه :
پیاده سازی Search Component
09:29
جلسه :
پیاده سازی Search در Backend
20:48
جلسه :
بهینه سازی Query String ها در بخش جستجو
11:21
جلسه :
بهینه سازی بخش جستجو در Backend
11:36
جلسه :
ایجاد Order Details
16:47
جلسه :
نمایش جزئیات سفارش
19:41
جلسه :
اضافه کردن تغییر وضعیت سفارش
12:29
جلسه :
بررسی وضعیت سفارش با Chain of responsibility
22:07
جلسه :
استفاده از Status Verifier
24:08
جلسه :
آماده سازی لیست پرداخت ها
17:37
جلسه :
ایجاد داده های Payment با Factory
13:10
جلسه :
پیاده سازی Payment Transformer
07:34
جلسه :
نمایش لیست داده های Payment
15:56
جلسه :
تکمیل لیست ها
07:08
جلسه :
ایجاد کوپن - بخش فرانت
27:45
جلسه :
ایجاد کد تخفیف - بخش backend
10:09
جلسه :
ایجاد تنظیمات - بخش فرانت
27:36
جلسه :
ایجاد تنظیمات - بخش بک اند
11:52
جلسه :
نصب NextJS و معرفی قالب فروشگاه
13:19
جلسه :
بررسی ساختار NextJS
09:32
جلسه :
آشنایی با Layouts و Partials
12:46
جلسه :
بهینه سازی آدرس فایل های static
07:19
جلسه :
ایجاد Document سفارشی
09:07
جلسه :
ایجاد صفحه Products
06:59
جلسه :
ایجاد ProductsList & ProductItem
07:56
جلسه :
Static & Server Rendering
11:24
جلسه :
دریافت و بهینه سازی محصولات از سمت سرور
20:06
جلسه :
نمایش لیست محصولات
10:32
جلسه :
ایجاد صفحه Single + بهینه سازی تصاویر
11:41
جلسه :
بهینه سازی صفحه Single Product
18:57
جلسه :
استفاده از getStaticPaths
17:38
جلسه :
دریافت اطلاعات Single Product
15:01
جلسه :
پیاده سازی Product Gallery
08:02
جلسه :
ایجاد جزئیات محصول
06:42
جلسه :
پیاده سازی ویژگی های محصول
09:05
جلسه :
پیاده سازی دیدگاه های محصول
15:59
جلسه :
پیاده سازی State
13:35
جلسه :
افزودن به سبد خرید
08:37
جلسه :
ذخیره سازی State در سمت Client
11:24
جلسه :
ایجاد سبد خرید
15:31
جلسه :
Render کردن آیتم های سبد خرید
08:23
جلسه :
حذف آیتم و به روز رسانی تعداد آن در سبد خرید
10:49
جلسه :
پیام های خطا و موفقیت آمیز در سبد خرید
16:53
جلسه :
اعتبارسنجی کد تخفیف
31:44
جلسه :
اضافه کردن کد تخفیف به State
07:50
جلسه :
اعمال کد تخفیف در سبد خرید
15:44
جلسه :
ایجاد صفحه checkout
09:38
جلسه :
پیاده سازی Auth Check و نمایش لینک Login
28:30
جلسه :
پیاده سازی صفحه Login
07:33
جلسه :
Login Reqeust
14:07
جلسه :
Auth Service
17:55
جلسه :
Auth Controller
07:37
جلسه :
ایجاد صفحه Register
06:04
جلسه :
ثبت نام کاربر - بخش اول
25:58
جلسه :
ثبت نام کاربر - بخش دوم
17:25
جلسه :
پیاده سازی Token Service
15:54
جلسه :
پیاده سازی User Login
08:31
جلسه :
پیاده سازی Auth Token
05:15
جلسه :
اعتبارسنجی Auth Token
06:49
جلسه :
پیاده سازی اطلاعات کاربر در State
14:57
جلسه :
نمایش آدرس های کاربر
15:07
جلسه :
پیاده سازی فرم ثبت آدرس
15:57
جلسه :
آماده سازی ذخیره آدرس
20:57
جلسه :
پیاده سازی Auth Middleware
18:03
جلسه :
ذخیره سازی آدرس کاربر
21:14
جلسه :
ایجاد Payment Service
19:26
جلسه :
پیاده سازی مقدماتی درگاه زرین پال
15:22
جلسه :
به روز رسانی صفحه آدرس ها و فرم پرداخت
12:35
جلسه :
پیاده سازی Config
20:30
جلسه :
نمایش درگاه های آنلاین
11:22
جلسه :
تعیین آدرس تحویل و درگاه پرداخت برای سفارش
09:27
جلسه :
آماده سازی اطلاعات سفارش
05:51
جلسه :
ایجاد سرویس Order
15:24
جلسه :
ذخیره سازی Order
22:55
جلسه :
بهینه سازی Order & Payment
15:58
جلسه :
ایجاد Payment Method Factory
21:03
جلسه :
پیاده سازی Online Gateway Factory
14:25
جلسه :
پیاده سازی بخش Payment Request در ZarinPal
10:36
جلسه :
انتقال کاربر به درگاه ZarinPal
06:56
جلسه :
ایجاد صفحه Verify
12:35
جلسه :
بهینه سازی Payment
20:37
جلسه :
Verify Payment - بخش اول
26:11
جلسه :
Verify Payment - بخش دوم
12:11
جلسه :
نمایش پیام های متناسب با Verify
10:43
جلسه :
پیاده سازی Notification Service
14:34
جلسه :
پیاده سازی Mail Provider
08:48
جلسه :
پیاده سازی SMS Provider
06:51
جلسه :
تکمیل سفارش
24:14
جلسه :
ریست کردن Basket
14:17
جلسه :
آماده سازی صفحه Home
10:28
جلسه :
پیاده سازی Home Controller
16:58
جلسه :
نمایش محصولات در صفحه Home
12:52
جلسه :
آماده سازی صفحه پنل کاربری
09:06
جلسه :
آماده سازی لیست سفارش های کاربر
07:29
جلسه :
دریافت لیست سفارش ها از سمت سرور
11:20
جلسه :
بهینه سازی و رفع مشکل نمایش سفارش ها
21:34
جلسه :
خروج از پنل کاربری
02:39
جلسه :
پیاده سازی دسته بندی ها به صورت Mega Menu
13:42
جلسه :
لیست محصولات یک دسته بندی
18:49
جلسه :
نمایش محصولات دسته بندی و فیلتر ها
20:23
جلسه :
سرویس Query String
18:42
جلسه :
به روز رسانی آدرس ها بر اساس Query String
08:05
جلسه :
فیلتر کردن محصولات
12:22
جلسه :
متغییر های محصول
13:32
جلسه :
متغییر های قیمت برای محصول
17:30
جلسه :
جلسه پایانی - قدم های بعدی
09:00
اشتغال و درآمدزایی
دانشجویان سابق متخصص سون لرن کجا استخدام شدند؟
کسانی که در دوره های متخصص سون لرن شرکت می کنند با هدف رسیدن به اشتغال و درآمدزایی و یا ارتقای شغلی آن را انتخاب می کنند. سرفصل های دوره های متخصص سون لرن مهمترین مباحثی هستند که در بازار کار نیاز به آنها دارید و کاملا مهارت محور هستند. به همین خاطر تمامی مباحث به صورت عملی و همراه با انجام پروژه آموزش داده می شود تا شما بتوانید به نحو احسن با آن حوزه آشنا شوید. بسیاری از دانشجویان دوره های متخصص سون لرن با ثبت نام در این دوره ها در مطرح ترین شرکت های حوزه IT ایران استخدام شده اند و یا ارتقای شغلی گرفته اند. لیست برخی از شرکت هایی که دانشجویان سون لرن در آنجا استخدام شده اند و یا برای ارتقای شغلی استفاده کرده اند را مشاهده می کنید:
مدرسین دوره
کیوان علی محمدی
برنامه نویس ارشد، مدیر فنی و هم بنیان گذار سون لرن
تدریس 9 سرفصل
مهرداد دادخواه
تدریس 6 سرفصل
لقمان آوند
دانشجوی دکترای نرم‌افزار، مدیر و موسس سون‌لرن
تدریس 5 سرفصل
علی فاضلی
برنامه نویس ارشد دیجی کالا
تدریس 2 سرفصل
سوالات متداول
شرکت در این دوره‌ها نوعی سرمایه‌گذاری برای آینده محسوب می‌شود زیرا شما یادگیری را جامع و پروژه‌محور تجربه می‌کنید و البته مانند بسیاری از دوره‌های دیگر که دانشجو باید مباحث را به‌تنهایی پیش ببرد، در این مسیر تنها نیستید. بلکه قرار است علاوه‌بر آموختن مطالب، با انجام تمرین‌ها و آزمون‌های مختلف یادگیری خود را محک بزنید. اساتید سون‌لرن تجربه همکاری با کسب‌وکارهای مختلف را دارند و از تقاضای بازار کار و مباحث ترند حوزه خود آگاهی داشته و به‌روزترین مطالب را به شما ارائه می‌دهند. علاوه‌بر این امکان ارزیابی فنی و رتبه‌بندی دانشجویان در سیستم امتیازدهی آکادمی، امکان شرکت در رقابت‌ها و البته پیدا کردن شغل را برای شما راحت‌تر خواهد کرد.
سالانه شرکت‌های زیادی از سون‌لرن تقاضای معرفی نیروی متخصص و متعهد را دارند که این معرفی براساس دانشجویان برتر هر دوره انجام می‌شود. علاوه‌بر این بسیاری از دانشجویان پس از اتمام دوره در مصاحبه‌های شغلی شرکت کرده و موفق به استخدام می‌شوند. همچنین می‌توانید به‌عنوان فریلنسر مشعول به کار شده و از هرجای ایران و جهان پروژه دریافت کنید. بسیاری از دانشجویان پس از اشتغال و در ماه‌های اولیه توانسته‌اند درآمدی معادل با هزینه دوره و یا بیشتر از آن را کسب کنند.
بله. دوره‌های متخصص تا ۱ سال پس از خرید پشتیبانی دارند و همچنین در صورت استخدام شما، در 1 ماه ابتدایی شروع کارتان هم از سون لرن پشتیبانی ویژه دریافت خواهید کرد. شما می‌توانید سوالات خود را در سیستم پرسش و پاسخ سون‌لرن ثبت کنید و از بازخورد منتورها، مدرسان و سایر دانشجویان بهره‌مند شوید.
سيستم امتيازدهي در آكادمي سون لرن بر مبناي xp انجام مي‌شود. در طول دوره به هر کدام از فعالیت‌های دانشجویان مانند مشاهده ویدیوی کلاس‌ها، انجام تمرین‌ها، میزان مشارکت در پاسخگویی به سوالات سایر افراد، میزان انجام پروژه‌ها، آزمون‌ها و غیره امتیازی در واحد xp تعلق می‌گیرد و دانشجویان طبق بیشترین xp دریافتی رتبه‌بندی می‌شوند. در پایان دوره دانشجویانی که امتیاز بیشتری به‌دست آورده‌اند به‌عنوان نفرات برتر دوره شناخته می‌شوند.
بر اساس تجربیات ما در دوره‌های قبل، دانشجویانی که وقت و تلاش خود را بر روی مطالب دوره متمرکز می‌کنند قبل از پایان رسمی دوره هم در شرکت‌های فعال حوزه IT مشغول به فعالیت خواهند شد و نیازی به بررسی امتیاز های XP ندارند. تلاش ما هم بر همین اساس است که دانشجویان فعال را هر چه سریع‌تر به بازار کار معرفی کنیم اما در انتهای کار، شاخص رتبه‌بندی میزان XP کسب شده در طی دوره و آزمون‌های ارزیابی خواهد بود. پس از بررسی وضعیت دانشجویان، افراد برتر به شرکت‌های متقاضی نیرو معرفی خواهند شد.
اگر قصد مهاجرت شغلی دارید حتما می‌دانید که در همکاری با کمپانی‌های خارج از کشور تخصص و مهارت شما حرف اول را می‌زند. چنین دوره جامعی می‌تواند به شما در تقویت و تثبیت مهارت‌های خود کمک زیادی بکند و فرصت‌های زیادی برای شما به ارمغان بیاورد. اگر قصد مهاجرت تحصیلی دارید داشتن مهارت برنامه‌نویسی علاوه‌بر کاربرد آن در دروس تحصیلی، برای همکاری بیشتر با دپارتمان و اساتید و حتی کار پاره‌وقت به شما کمک زیادی می‌کند. علاوه‌بر این در محیطی که پر از فرصت و البته رقابت فشرده است نیازی به صرف وقت برای آموزش نیست بلکه می‌توانید بلافاصله از موقعیت‌های پیش‌آمده استقبال کنید. عالی نیست؟
مهارت برنامه‌نویسی در سراسر جهان به‌عنوان یک مهارت امن شناخته می‌شود. به این معنی که وابسته به مکان و زمان خاصی نیست و به همین دلیل جایگاه پررنگی در دنیای فریلنسینگ پیدا کرده است. سون‌لرن نیز تلاش می‌کند تا جای ممکن راهنمایی‌های لازم را در اختیار شما قرار دهد تا آگاهانه و هدف‌مند وارد این مسیر شوید.
بله. تا ۱ ماه پس از ثبت‌نام امکان انصراف و بازگشت کامل وجه برای دانشجویان وجود دارد البته در صورتی‌که حداکثر از 25% محتوای دوره استفاده کرده باشند. بازگشت وجه مخصوص عزیزانی است که دوره را به شکل جامع خریداری کرده‌اند و در خرید سرفصلی امکان انصراف و بازگشت وجه وجود ندارد.
شما در این دوره تنها دریافت‌کننده مطالب آموزشی نیستید و برعکس بسیاری از دوره‌های آموزشی رایج، ما در پلتفرم آکادمی با پیگیری وضعیت دانشجو، ارزیابی فنی، تمرین و پروژه برای تحقق یک روند آموزشی پربار تلاش میکنیم. امکانات ویژه این دوره به شما کمک می‌کنند تا برنامه‌نویسی را به‌خوبی و سریع‌تر یاد گرفته و با بهره‌مندی از یک آموزش چندوجهی و منسجم، بیش از چیزی که فکر می‌کنید در هزینه‌های زمانی و حتی مالی خود صرفه‌جویی کنید.
ترجیح منتورهای سون‌لرن این است که دانشجویان مطالب را در پلتفرم آکادمی دنبال کنند تا امکان نظارت و ارزیابی روند پیشرفت آنها وجود داشته باشد. این پیگیری وضعیت در راستای حفظ منافع دانشجو از دوره و بهبود نتیجه یادگیری او در پایان دوره است. درصورت درخواست وی، راهنمایی‌های لازم برای دریافت ویدئوی کلاس‌ها نیز صورت می‌گیرد.
مشاوره رایگان تلفنی
درخواست شما با موفقیت ثبت شد
شماره تماس وارد شده معتبر نیست