دوره VIP آموزش فرانتاند از صفر تا بازار کار
یکی از چالشهای یادگیری فرانت، تنوع زیاد ابزارها و زبانهاست که برای ورود به بازار کار باید یاد بگیری. اما یادگیری هرکدام هزینهبر است و سلفاستادی هم زمانبر و همراه با تردید. یک دوره جامع که از صفر آموزش بدهد، آموزشها را بهروز کند و یک مربی باتجربه کنارت باشد، میتواند بهترین انتخاب باشد. با هزینهای کم میتوانی به تمام دورههای ضروری فرانت دسترسی داشته باشی و دوره VIP یکی از بهترین گزینههاست.
پشتیبانی دوره
پشتیبانی دوره VIP آموزش فرانتاند از صفر تا بازار کار در چه وضعیه ؟
تعداد جلسات
392 جلسه ضبط شده
مدت زمان دوره
81 ساعت
پیش نیاز
هیچ پیش نیازی نمیخواد
وضعیت دوره
ضبط ادامه دارد
آپدیت دائمی و رایگان
عضویت مادام العمر
پشتیبانی مستقیم با مدرس
خودم جواب سوال ها را میدم
محتوا دوره
داخل دوره VIP آموزش فرانتاند از صفر تا بازار کار چه آموزش هایی هست ؟
آموزش Html Css
اولین قدم برای ورود به دنیای طراحی وب و فرانتاند، یادگیری HTML و CSS است. در یکی از بخش های این دوره، این مباحث را از صفر و همراه با پروژههای عملی آموزش میدهیم.
آموزش Javascript
برای حرفه ای شدن در دنیای فرانت اند یادگیری جاوااسکریپت واجبه که تا بحال 100 جلسه آموزش جاوااسکریپت داخل دوره قرار داریم و همچنان ادامه دارد .
آموزش React js
محبوب ترین کتابخونه فرانت بدون شک React js هست که ما تا این لحظه 100 قسمت از آموزش React js داخل دوره قرار دادیم و همچنان ادامه دارد.
آموزش کار با Rest Api
ابتدا مباحث پایهای ارتباط با سرور را توضیح میدهیم و سپس با استفاده از جاوااسکریپت خام، یک پروژه واقعی ثبت آگهی را برای کار با APIها پیادهسازی میکنیم.
کامپوننت های جذاب جاوااسکریپت
یه عالمه کامپوننت جذاب با استفاده از جاوااسکریپت میسازیم تا هم حسابی دستت راه بیوفته و هم بتونی نمونه کارهای جذاب درست کنی.
کامپوننت های جذاب React js
بعد اینکه بهت React js یاد دادم , بهت یاد میدم چطوری پروژه های جذاب React js درست کنی تا بواسطه اون ها بتونی کلی پروژه بگیری.
ریز جلسات دوره VIP آموزش فرانتاند از صفر تا بازار کار
ریز جلسات دوره VIP آموزش فرانتاند از صفر تا بازار کار بگو برام
آموزش Html Css
جلسه 01 Css Html - معرفی دوره
جلسه 02 Css Html - نصب vscode
جلسه 03 Css Html - معرفی تگ - html , body
جلسه 04 Css Html - تگ های h1 تا h6 و strong , b , p
جلسه 05 Css Html - تگ ul , li , ol
جلسه 06 Css Html - تگ a و اتریبیوت href , title , target
جلسه 07 Css Html - تگ img , video , audio
جلسه 08 Css Html - تگ form , input
جلسه 09 Css Html - تگ div
جلسه 10 Css Html - عنوان صفحه (title) - favicon
جلسه 11 Css Html - استایل inline
جلسه 12 Css Html - نوشتن css خارجی و داخلی (internal css & external css)
جلسه 13 Css Html - سلکتورها (selector)
جلسه 14 Css Html - استایل های width , height , bg color و div تو درتو
جلسه 15 Css Html - استایل padding , margin
جلسه 16 Css Html - استایل display (block - inline - none)
جلسه 17 Css Html - استایل flex - پارت اول
جلسه 18 Css Html - استایل flex - پارت دوم
جلسه 19 Css Html - استایل flex - پارت سوم
جلسه 20 Css Html - استایل border
جلسه 21 Css Html - استایل border radius
جلسه 22 Css Html - استایل box shadow
جلسه 23 Css Html - پوزیشن relative - استایل zindex
جلسه 24 Css Html - پوزیشن absolute
جلسه 25 Css Html - پوزشن fixed , sticky
جلسه 26 Css Html - سودوکلاس hover
جلسه 27 Css Html - استایل opacity , visibility , cursor , all
جلسه 28 Css Html - استایل transition
جلسه 29 Css Html - استایل animation
جلسه 30 Css Html - استایل direction , box sizing و سلکتور nth of type
جلسه 31 Css Html - استایل font
جلسه 32 Css Html - استایل background image
جلسه 33 Css Html - معرفی @media و شروع ریسپانسیو
جلسه 34 Css Html - استایل transform (skew , scale , translate , perspective , rotate)
جلسه 35 Css Html - پروژه سایت شرکتی - هدر پروژه - پارت اول + استایل max width
جلسه 36 Css Html - پروژه سایت شرکتی - هدر پروژه - پارت دوم
جلسه 37 Css Html - پروژه سایت شرکتی - هدر پروژه - پارت سوم
جلسه 38 Css Html - پروژه سایت شرکتی - ساب منو - پارت اول
جلسه 39 Css Html - پروژه سایت شرکتی - ساب منو - پارت دوم + تعریف root
جلسه 40 Css Html - پروژه سایت شرکتی - هیروسکشن - پارت اول + کامنت گذاری
جلسه 41 Css Html - پروژه سایت شرکتی - هیروسکشن - پارت دوم
جلسه 42 Css Html - پروژه سایت شرکتی - سکشن خدمات - پارت اول
جلسه 43 Css Html - پروژه سایت شرکتی - سکشن خدمات - پارت دوم + استایل text stroke
جلسه 44 Css Html - پروژه سایت شرکتی - سکشن خدمات - پارت سوم + استفاده از svg + استایل fill , stroke
جلسه 45 Css Html - پروژه سایت شرکتی - سکشن خدمات - پارت چهارم
جلسه 46 Css Html - پروژه سایت شرکتی - سکشن درباره ما - پارت اول
جلسه 47 Css Html - پروژه سایت شرکتی - سکشن درباره ما - پارت دوم
جلسه 48 Css Html - پروژه سایت شرکتی - سکشن آمار
جلسه 49 Css Html - پروژه سایت شرکتی - سکشن رودمپ - پارت اول
جلسه 50 Css Html - پروژه سایت شرکتی - سکشن رودمپ - پارت دوم
جلسه 51 Css Html - پروژه سایت شرکتی - سکشن ویدئو + سودوکلاس after , before
جلسه 52 Css Html - پروژه سایت شرکتی - سکشن فرم - پارت اول
جلسه 53 Css Html - پروژه سایت شرکتی - سکشن فرم - پارت دوم
جلسه 54 Css Html - پروژه سایت شرکتی - فوتر - پارت اول
جلسه 55 Css Html - پروژه سایت شرکتی - فوتر - پارت دوم + استایل scroll behavior
جلسه 56 Css Html - پروژه سایت شرکتی - فوتر - پارت سوم
جلسه 57 Css Html - پروژه سایت شرکتی - ریسپانسیو سازی هدر - پارت اول
جلسه 58 Css Html - پروژه سایت شرکتی - ریسپانسیو سازی هدر - پارت دوم - استایل overflow auto
جلسه 59 Css Html - پروژه سایت شرکتی - ریسپانسیو سازی هیروسکشن
جلسه 60 Css Html - پروژه سایت شرکتی - ریسپانسیو سازی خدمات
جلسه 61 Css Html - پروژه سایت شرکتی - ریسپانسیو سازی درباره ما
جلسه 62 Css Html - پروژه سایت شرکتی - مدیریت فونت سایزها
جلسه 63 Css Html - پروژه سایت شرکتی -ریسپانسیو سازی آمار - تابع calc
جلسه 64 Css Html - پروژه سایت شرکتی -ریسپانسیو سازی رودمپ
جلسه 65 Css Html - پروژه سایت شرکتی -ریسپانسیو سازی فرم
جلسه 66 Css Html - پروژه سایت شرکتی -ریسپانسیو سازی فوتر
جلسه 67 Css Html - استایل figure , figcaption
جلسه 68 Css Html - سی اس اس تو درتو nesting css
جلسه 69 Css Html - تعریف متغییر در css
جلسه 70 Css Html - استایل backdrop filter و filter
جلسه 71 - پروژه لندینگ استیکی (sticky) - پارت اول
جلسه 72 - پروژه لندینگ استیکی (sticky) - پارت دوم
جلسه 73 - پروژه لندینگ استیکی (sticky) - پارت سوم
جلسه 74 - پروژه لندینگ استیکی (sticky) - پارت چهارم
جلسه 75 - پروژه لندینگ استیکی (sticky) - پارت پنجم
جلسه 76 - پروژه لندینگ استیکی (sticky) - پارت ششم
جلسه 77 - پروژه لندینگ استیکی (sticky) - پارت هفتم
جلسه 78 - پروژه لندینگ استیکی (sticky) - پارت هشتم
جلسه 79 - پروژه لندینگ استیکی (sticky) - پارت نهم
جلسه 80 - پروژه ساخت سکشن های مختلف با شکل متفاوت - پارت اول
جلسه 81 - پروژه ساخت سکشن های مختلف با شکل متفاوت - پارت دوم
آموزش Javascript
جلسه 01 جاوااسکریپت - مقدمه
جلسه 02 جاوااسکریپت - کدهارو کجا بنویسیم؟
جلسه 03 جاوااسکریپت - واردکردن دیتا به صفحه
جلسه 04 جاوااسکریپت - تعریف lat var const
جلسه 05 جاوااسکریپت - انواع داده ها
جلسه 06 جاوااسکریپت - معرفی object
جلسه 07 جاوااسکریپت - معرفی array و typeof
جلسه 08 جاوااسکریپت - انواع عملگرها (+ - / % *)
جلسه 09 جاوااسکریپت - عملگرهای مقایسه ای
جلسه 10 جاوااسکریپت - عملگرهای منطقی
جلسه 11 جاوااسکریپت - else if - else - if
جلسه 12 جاوااسکریپت - switch case
جلسه 13 جاوااسکریپت - حلقه for
جلسه 14 جاوااسکریپت - حلقه for in در آرایه ها
جلسه 15 جاوااسکریپت - for of
جلسه 16 جاوااسکریپت - continue-break-do while-while
جلسه 17 جاوااسکریپت - تعریف توابع - function
جلسه 18 جاوااسکریپت - انواع توابع - Callback - Recursive - Arrow - Expression - Declaration
جلسه 19 جاوااسکریپت - تمرین با حلقه ها و توابع
جلسه 20 جاوااسکریپت - کار با توابع رشته ها - پارت اول
جلسه 21 جاوااسکریپت - کار با توابع رشته ها - پارت دوم
جلسه 22 جاوااسکریپت - کار با توابع رشته ها - پارت سوم
جلسه 23 جاوااسکریپت - تغییر مقدار داخل آرایه با اندیس
جلسه 24 جاوااسکریپت - unshift - shift - pop - push
جلسه 25 جاوااسکریپت - slice
جلسه 26 جاوااسکریپت - splice
جلسه 27 جاوااسکریپت - lastIndexOf - indexOf - includes
جلسه 28 جاوااسکریپت - مدل ذخیره سازی - primitive vs reference
جلسه 29 جاوااسکریپت - تلفیق و کپی آرایه - Array - spread - slice - concat
جلسه 30 جاوااسکریپت - تمرین مربوط به توابع آرایه ها
جلسه 31 جاوااسکریپت - forEach
جلسه 32 جاوااسکریپت - map
جلسه 33 جاوااسکریپت - filter
جلسه 34 جاوااسکریپت - reduce
جلسه 35 جاوااسکریپت - pipline
جلسه 36 جاوااسکریپت - every
جلسه 37 جاوااسکریپت - some
جلسه 38 جاوااسکریپت - findIndex - find
جلسه 39 جاوااسکریپت - reverse - sort
جلسه 40 جاوااسکریپت - Array from - Array of - new Array - flatMap - flat - join - mutating vs non mutating
جلسه 41 جاوااسکریپت - دامنه یا scop
جلسه 42 جاوااسکریپت - Hoisting
جلسه 43 جاوااسکریپت - closure
جلسه 44 جاوااسکریپت - Implicit conversion
جلسه 45 جاوااسکریپت - explicit conversion - trusy falsy
جلسه 46 جاوااسکریپت - عملگرهای انتساب assignment operators
جلسه 47 جاوااسکریپت - ternary operator
جلسه 48 جاوااسکریپت - default parameter - rest parameter
جلسه 49 جاوااسکریپت - setTimeout
جلسه 50 جاوااسکریپت - setInterval
جلسه 51 جاوااسکریپت - object dot vs bracket notation
جلسه 52 جاوااسکریپت - add , edit , new key in object - nesting object - function in object
جلسه 53 جاوااسکریپت - for in & values & keys & entries in object
جلسه 54 جاوااسکریپت - for of entries
جلسه 55 جاوااسکریپت - assign - freeze - seal - hasOwn
جلسه 56 جاوااسکریپت - تبدیل متغییر به آبجکت - Shallow copy
جلسه 57 جاوااسکریپت - JSON.parse - JSON.stringify
جلسه 58 جاوااسکریپت - structuredclone - deep clone
جلسه 59 جاوااسکریپت - مقایسه آبجکت ها و destructuring
جلسه 60 جاوااسکریپت - حل تمرین
جلسه 61 جاوااسکریپت - کار بازمان - Date - پارت اول
جلسه 62 جاوااسکریپت - کار بازمان - Date - پارت دوم
جلسه 63 جاوااسکریپت - کار بازمان - Date - پارت سوم
جلسه 64 جاوااسکریپت - Math و توابع مروبطه - پارت اول
جلسه 65 جاوااسکریپت - Math و توابع مروبطه - پارت دوم
جلسه 66 جاوااسکریپت - مدیریت خطا - try , catch , finally , throw - پارت اول
جلسه 67 جاوااسکریپت - مدیریت خطا - try , catch , finally , throw - پارت دوم
جلسه 68 جاوااسکریپت - synchronous or asynchronous and single thread
جلسه 69 جاوااسکریپت - Callback function
جلسه 70 جاوااسکریپت - Promise - پارت اول
جلسه 71 جاوااسکریپت - Promise - پارت دوم
جلسه 72 جاوااسکریپت - آشنایی با API
جلسه 73 جاوااسکریپت - کار با Postman
جلسه 74 جاوااسکریپت - کار با fetch
جلسه 75 جاوااسکریپت - کار با fetch - متد post
جلسه 76 جاوااسکریپت - async await
جلسه 77 جاوااسکریپت - شروع کار با DOM
جلسه 78 جاوااسکریپت - سلکتورهای گلوبال - پارت اول
جلسه 79 جاوااسکریپت - سلکتورهای گلوبال - پارت دوم
جلسه 80 جاوااسکریپت - انتخاب کردن المنت ها - پارت اول
جلسه 81 جاوااسکریپت - انتخاب کردن المنت ها - پارت دوم
جلسه 82 جاوااسکریپت - انتخاب کردن المنت ها - پارت سوم
جلسه 83 جاوااسکریپت - انتخاب کردن المنت ها - پارت چهارم
جلسه 84 جاوااسکریپت - دریافت و تغییر متن با DOM
جلسه 84 جاوااسکریپت - دریافت و تغییر متن با دام - textContent - innerText - innerHTML
جلسه 85 جاوااسکریپت - کارکردن با اتریبیوت ها بوسیله دام - پارت اول - getAttribute
جلسه 86 جاوااسکریپت - کارکردن با اتریبیوت ها بوسیله دام - پارت دوم- setAttribute
جلسه 87 جاوااسکریپت - کارکردن با اتریبیوت ها بوسیله دام - پارت سوم- setAttribute
جلسه 88 جاوااسکریپت - کارکردن با اتریبیوت ها بوسیله دام - پارت چهارم- removeAttribute - hasAttribute
جلسه 89 جاوااسکریپت - کارکردن با اتریبیوت ها بوسیله دام - پارت پنجم- dataset
جلسه 90 جاوااسکریپت - تغییر استایل با دام - style
جلسه 91 جاوااسکریپت - کار کردن با کلاس ها بوسیله دام - classList.add
جلسه 92 جاوااسکریپت - کار کردن با کلاس ها بوسیله دام - classList.remove
جلسه 93 جاوااسکریپت - کار کردن با کلاس ها بوسیله دام - classList.toggle - contains
جلسه 94 جاوااسکریپت - ایجاد المنت در جاوااسکریپت با createElement
جلسه 95 جاوااسکریپت - اضافه کردن المنت با append - پارت اول
جلسه 96 جاوااسکریپت - اضافه کردن المنت با append - پارت دوم
جلسه 97 جاوااسکریپت - اضافه کردن المنت با append - پارت سوم
جلسه 98 جاوااسکریپت - اضافه کردن المنت با insertAdjacentElement
جلسه 99 جاوااسکریپت - حذف و جایگزین کردن المنت - remove - removeChild - replaceWith
جلسه 100 جاوااسکریپت - کپی کردن المنت - cloneNode
جلسه 101 جاوااسکریپت - دسترسی به پدر و فرزند المنت - parentElement - children - childNodes
جلسه 102 جاوااسکریپت - ایونت اینلاین - onclick - پارت اول
جلسه 103 جاوااسکریپت - ایونت اینلاین - onclick - پارت دوم
جلسه 104 جاوااسکریپت - ایونت اینلاین - onchange - oninput
جلسه 105 جاوااسکریپت - ایونت اینلاین - onblur - onfocus
جلسه 106 جاوااسکریپت - ایونت اینلاین - دریافت اطلاعات فرم
جلسه 107 جاوااسکریپت - دریافت اطلاعات فرم با روش بهتر توسط onsubmit
جلسه 108 جاوااسکریپت - ایونت های اینلاین - onkeydown - onkeyup - onmouseover - onmouseleave
جلسه 109 جاوااسکریپت - شروع کار با addEventListener
جلسه 110 جاوااسکریپت - ایجاد شمارنده با addEventListener
جلسه 111 جاوااسکریپت - استفاده از submit و input در addEventListener
جلسه 112 جاوااسکریپت - event delegation
جلسه 113 جاوااسکریپت - contains - matches - closets
جلسه 114 جاوااسکریپت - بررسی معتبر بودن مقادیر فرم
جلسه 115 جاوااسکریپت - بررسی معتبر بودن مقادیر فرم - پارت دوم - regex
جلسه 116 جاوااسکریپت - بررسی معتبر بودن مقادیر فرم - پارت سوم
جلسه 117 جاوااسکریپت - localStorage - sessionStorage - پارت اول
جلسه 118 جاوااسکریپت - localStorage - sessionStorage - پارت دوم
جلسه 119 جاوااسکریپت - localStorage - sessionStorage - پارت سوم
جلسه 120 جاوااسکریپت - پروژه Todo List - پارت اول
جلسه 121 جاوااسکریپت - پروژه Todo List - پارت دوم
جلسه 122 جاوااسکریپت - پروژه Todo List - پارت سوم
جلسه 123 جاوااسکریپت - پروژه Todo List - پارت پنجم
جلسه 124 جاوااسکریپت - پروژه Todo List - پارت پنجم
جلسه 125 جاوااسکریپت - پروژه Todo List - پارت پنجم
آموزش React js
جلسه 01 React js - نصب و راه اندازی
جلسه 02 React js - ساختار پوشه ها
جلسه 03 React js - کامپوننت , fragment , defualt & named export
جلسه 04 React js - کلاس های css
جلسه 05 React js - سی اس اس های inline
جلسه 06 React js - سی اس اس module
جلسه 07 React js -پراپس (props) - پارت اول
جلسه 08 React js - پراپس (props) - پارت دوم
جلسه 09 React js - فرزندان (children) - پارت اول
جلسه 10 React js - فرزندان (children) - پارت دوم
جلسه 11 React js - ایونت (event handeling)
جلسه 12 React js - هوک استیت (useState)
جلسه 13 React js - رندر شرطی (conditional rendering)
جلسه 14 React js - چرخه زندگی کامپوننت (life sycle - side effect)
جلسه 15 React js - هوک یوز افکت (useEffect) - پارت اول (mount)
جلسه 16 React js - هوک یوز افکت (useEffect) - پارت دوم (update)
جلسه 17 React js - هوک یوز افکت (useEffect) - پارت سوم (unmount)
جلسه 18 React js - رندر لیست (Rendering Lists & Keys)
جلسه 19 React js - فچ دیتا و رندر لیست
جلسه 20 React js - پاک کردن آیتم از لیست با استفاده از فیلتر
جلسه 21 React js - پراپس پرنت (lifting state up)
جلسه 22 React js - کانتکست (useContext) - پارت اول
جلسه 23 React js - کانتکست (useContext) - پارت دوم
جلسه 24 React js - مسیردهی (react router dom)
جلسه 25 React js - هوک رف (useRef)
جلسه 26 React js - جلوگیری از رندر اضافی (memo - useCallback) - پارت اول
جلسه 27 React js - جلوگیری از رندر اضافی (useMemo) - پارت دوم
جلسه 28 React js - هوک شخصی (custom hook)
جلسه 29 React js - افزایش سرعت بارگذاری - lazy - suspense - پارت اول
جلسه 30 React js - افزایش سرعت بارگذاری - lazy - suspense - پارت دوم
جلسه 31 React js - هوک ردیوسر (useReducer) - پارت اول
جلسه 32 React js - هوک ردیوسر (useReducer) - پارت دوم
تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 01
تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 02
تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 03
تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 04
تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 05
تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 06
تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 07
تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 08
تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 09
تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 10
تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 11
تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 12
تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 13
تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 14
تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 15
جلسه 33 React js - پروژه پنل مدیریت - معرفی پروژه
جلسه 34 React js - پروژه پنل مدیریت - استارت پروژه
جلسه 35 React js - پروژه پنل مدیریت - ساخت کامپوننت Animated Border با استفاده از useRef
جلسه 36 React js - پروژه پنل مدیریت - استفاده از Svg بصورت کامپوننت
جلسه 37 React js - پروژه پنل مدیریت - جابجایی بین فرم ها با useState
جلسه 38 React js - پروژه پنل مدیریت - ساخت فرم لاگین
جلسه 39 React js - پروژه پنل مدیریت - ساخت فرم رجیستر
جلسه 40 React js - پروژه پنل مدیریت - ساخت فوتر صفحه لاگین
جلسه 41 React js - پروژه پنل مدیریت - ساخت layout اصلی پروژه
جلسه 42 React js - پروژه پنل مدیریت - ساخت سایدبار پنل
جلسه 43 React js - پروژه پنل مدیریت - شروع مسیردهی پروژه با نصب react router dom
جلسه 44 React js - پروژه پنل مدیریت - تکمیل سایدبار پنل
جلسه 45 React js - پروژه پنل مدیریت - ریسپانسیو کردن سایدبار
جلسه 46 React js - پروژه پنل مدیریت - ساخت آیتم های سایدبار
جلسه 47 React js - پروژه پنل مدیریت - داینامیک کردن آیتم های سایدبار با map
جلسه 48 React js - پروژه پنل مدیریت - هندل کردن ساب منو در سایدبار با استفاده از state
جلسه 49 React js - پروژه پنل مدیریت - بهبود استایل های سایدبار
جلسه 50 React js - پروژه پنل مدیریت - ایجاد کامپوننت برای ساب منو و داینامیک کردن آیتم ها
جلسه 51 React js - پروژه پنل مدیریت - استفاده از پوشه ثابت ها
جلسه 52 React js - پروژه پنل مدیریت - ایجاد کامپوننت سایدمنو
جلسه 53 React js - پروژه پنل مدیریت ایجاد سکشن پروفایل در سایدبار
جلسه 54 React js - پروژه پنل مدیریت - ایجاد کامپوننت دارک مود و لایت مود
جلسه 55 React js - پروژه پنل مدیریت - ساخت هدر پنل
جلسه 56 React js - پروژه پنل مدیریت- تکمیل هدر و مدیریت سایدبار با استیت در هدر
جلسه 57 React js - پروژه پنل مدیریت - ساخت سکشن تنظیمات کاربر
جلسه 58 React js - پروژه پنل مدیریت - ساخت سکشن تغییر زبان بصورت داینامیک
جلسه 59 React js - پروژه پنل مدیریت - ساخت سکشن تغییر تم در قسمت تنظیمات کاربر
جلسه 60 React js - پروژه پنل مدیریت - تکمیل سکشن تنظیمات کاربر
جلسه 61 React js - پروژه پنل مدیریت - استفاده از context برای مدیریت دکمه دارک مود
جلسه 62 React js - پروژه پنل مدیریت - مسیر دهی داخل با react router
جلسه 63 React js - پروژه پنل مدیریت - شرط گذاری روی لینک ها و استفاده از unseNavigate
جلسه 64 React js - پروژه پنل مدیریت - تکمیل مسیردهی ساب منو و ساید منو
جلسه 65 React js - پروژه پنل مدیریت - عنوان صفحات با استفاده از context
جلسه 66 React js - پروژه پنل مدیریت - استفاده از layout store برای مدیریت بهتر استیت ها
جلسه 67 React js - پروژه پنل مدیریت - شروع استفاده از zustand
جلسه 68 React js - پروژه پنل مدیریت - ایجاد صفحه داشبورد
جلسه 69 React js - پروژه پنل مدیریت - ایجاد قسمت خلاصه آمار
جلسه 70 React js - پروژه پنل مدیریت - ادامه تکمیل خلاصه آمار
جلسه 71 React js - پروژه پنل مدیریت - استفاده از chart js برای رسم نمودار
جلسه 72 React js - پروژه پنل مدیریت - لیست کاربران در داشبورد
جلسه 73 React js - پروژه پنل مدیریت - ایجاد قسمت بلاگ در داشبورد
جلسه 74 React js - پروژه پنل مدیریت - رسپانسیو کردن صفحه داشبورد
جلسه 75 React js - پروژه پنل مدیریت - ایجاد صفحه لیست محصولات
جلسه 76 React js - پروژه پنل مدیریت - استفاده از react data table component برای نمایش جدول
جلسه 77 React js - پروژه پنل مدیریت - استایل اختصاصی به کتابخانه جدول
جلسه 78 React js - پروژه پنل مدیریت - ساخت سکشن فیلتر سرچ محصولات
جلسه 79 React js - پروژه پنل مدیریت - ساخت سکشن فیلتر بر اساس وضعیت محصولات
جلسه 80 React js - پروژه پنل مدیریت - استفاده از کتابخانه react multi date picker برای تقویم فارسی
جلسه 81 React js - پروژه پنل مدیریت - شخصی سازی استایل تقویم
جلسه 82 React js - پروژه پنل مدیریت - ذخیره فیلتر ها در state
جلسه 83 React js - پروژه پنل مدیریت - استفاده از useSearchparams برای مدیریت کوئری های داخل آدرس
جلسه 84 React js - پروژه پنل مدیریت - تکمیل اطلاعات جدول
جلسه 85 React js - پروژه پنل مدیریت - ایجاد صفحه افزودن محصول
جلسه 86 React js - پروژه پنل مدیریت - ایجاد فرم افزودن محصول
جلسه 87 React js - پروژه پنل مدیریت - استفاده از react hook form برای مدیریت فرم
جلسه 88 React js - پروژه پنل مدیریت - استفاده از yup برای ولیدیشن فرم
جلسه 89 React js - پروژه پنل مدیریت - ایجاد فیلد داینامیک
جلسه 90 React js - پروژه پنل مدیریت- ریسپانسیو کردن صفحه افزودن محصول
جلسه 91 React js - پروژه پنل مدیریت - پیاده سازی دارک مود و لایت مود
جلسه 92 React js - پروژه پنل مدیریت - ادامه پیاده سازی دارک مود و لایت مود
جلسه 93 React js - پروژه پنل مدیریت - ایجاد هوک اختصاصی برای مدیریت تم
جلسه 94 React js - پروژه پنل مدیریت - تکمیل هوک تغییر تم
جلسه 95 React js - پروژه پنل مدیریت - شروع چند زبانه کردن پنل - مدیریت RTL یا LTR بودن
جلسه 96 React js - پروژه پنل مدیریت - شروع چند زبانه کردن پنل - ادامه مدیریت RTL یا LTR بودن
جلسه 97 React js - پروژه پنل مدیریت - چندزبانه کردن پنل با نصب i18n
جلسه 98 React js - پروژه پنل مدیریت - استفاده از i18n
جلسه 99 React js - پروژه پنل مدیریت - ایجاد هوک اختصاصی برای چندزبانه
جلسه 100 React js - پروژه پنل مدیریت - تغییر direction متناسب با زبان
جلسه 101 React js - پروژه پنل مدیریت - تکمیل چندزبانه کردن
جلسه 102 React js - پروژه پنل مدیریت - توضیحات ابتدایی برای اتصال api
جلسه 103 React js - پروژه پنل مدیریت - معرفی api های پروژه
جلسه 104 React js - پروژه پنل مدیریت - نصب و راه اندازی react-query
جلسه 105 React js - پروژه پنل مدیریت - ارسال اطلاعات فرم لاگین به سرور با api و react query
جلسه 106 React js - پروژه پنل مدیریت - استفاده از کتابخانه toastify
جلسه 107 React js - پروژه پنل مدیریت - استفاده از private route و آدرس های خصوصی
جلسه 108 React js - پروژه پنل مدیریت - ایجاد کاستوم هوک برای لاگین و رجیستر
جلسه 109 React js - پروژه پنل مدیریت - ایجاد baseApi و لودینگ برای دکمه ها
جلسه 110 React js - پروژه پنل مدیریت - دریافت اطلاعات داشبورد از api
جلسه 111 React js - پروژه پنل مدیریت - توضیح ماهیت token و استفاده از httpOnly
جلسه 112 React js - پروژه پنل مدیریت - نمایش اطلاعات داشبورد از api - پارت اول
جلسه 113 React js - پروژه پنل مدیریت - نمایش اطلاعات داشبورد از api - پارت دوم
آموزش کار با Rest Api
آموزش ابتدایی کار با API
پروژه لیست کاربران با API - جاوااسکریپت خام - 01
پروژه لیست کاربران با API - جاوااسکریپت خام - 02
پروژه لیست کاربران با API - جاوااسکریپت خام - 03
پروژه لیست کاربران با API - جاوااسکریپت خام - 04
پروژه لیست کاربران با API - جاوااسکریپت خام - 05
پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 01
پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 02
پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 03
پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 04
پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 05
پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 06
پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 07
پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 08
پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 09
پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 10
پروژه خوندن قیمت سکه از سایت های دیگه
کامپوننت های جذاب جاوااسکریپت
پروژه ساخت منو با انیمیشن باحال - 01
پروژه ساخت منو با انیمیشن باحال - 02
پروژه ساخت منو با انیمیشن باحال - 03
پروژه ساخت منو با انیمیشن باحال - 04
پروژه ظاهر شدن المنت ها موقع اسکرول با انیمیشن دلخواه - 01
پروژه ظاهر شدن المنت ها موقع اسکرول با انیمیشن دلخواه - 02
پروژه ظاهر شدن المنت ها موقع اسکرول با انیمیشن دلخواه - 03
پروژه ساخت image accordion - تب عکس - 01
پروژه ساخت image accordion - تب عکس - 02
پروژه ساخت image accordion - تب عکس - 03
پروژه ساخت image accordion - تب عکس - 04
پروژه ساخت image accordion - تب عکس - 05
پروژه ساخت مودال با انیمیشن باحال - 01
پروژه ساخت مودال با انیمیشن باحال - 02
پروژه ساخت مودال با انیمیشن باحال - 03
پروژه Review Slider - اسلایدر نظرات - 01
پروژه Review Slider - اسلایدر نظرات - 02
پروژه Review Slider - اسلایدر نظرات - 03
پروژه Review Slider - اسلایدر نظرات - 04
پروژه Review Slider - اسلایدر نظرات - 05
پروژه Review Slider - اسلایدر نظرات - 06
پروژه Review Slider - اسلایدر نظرات - 07
پروژه ساخت هیروسکشن پارالکس - 01
پروژه ساخت هیروسکشن پارالکس - 02
پروژه هیروسکشن محصولات - 01
پروژه هیروسکشن محصولات - 02
پروژه هیروسکشن محصولات - 03
پروژه هیروسکشن محصولات - 04
پروژه هیروسکشن محصولات - 05
پروژه هیروسکشن محصولات - 06
جلسه 71 - پروژه لندینگ استیکی (sticky) - پارت اول
جلسه 72 - پروژه لندینگ استیکی (sticky) - پارت دوم
جلسه 73 - پروژه لندینگ استیکی (sticky) - پارت سوم
جلسه 74 - پروژه لندینگ استیکی (sticky) - پارت چهارم
جلسه 75 - پروژه لندینگ استیکی (sticky) - پارت پنجم
جلسه 76 - پروژه لندینگ استیکی (sticky) - پارت ششم
جلسه 77 - پروژه لندینگ استیکی (sticky) - پارت هفتم
جلسه 78 - پروژه لندینگ استیکی (sticky) - پارت هشتم
جلسه 79 - پروژه لندینگ استیکی (sticky) - پارت نهم
جلسه 80 - پروژه ساخت سکشن های مختلف با شکل متفاوت - پارت اول
جلسه 81 - پروژه ساخت سکشن های مختلف با شکل متفاوت - پارت دوم
کامپوننت های جذاب React js
کامپوننت Dock - پارت اول
کامپوننت Dock - پارت دوم
کامپوننت Chroma Grid
کامپوننت Swapy
کامپوننت مگا منو دیجیکالا
پروژه دانشجوها
پروژه هایی که دانشجویان دوره VIP بعد از دیدن دوره ساختن
نظرات شرکت کننده در دوره VIP








دوره های مرتبط
در حال حاضر شما میتوانید در این فرصت محدود با یک پیشنهاد شگفت انگیز دوره VIP آموزش فرانتاند از صفر تا بازار کار را با 45 درصد تخفیف تهیه نمایید. برای ثبت نام مبلغ دوره که با اعمال تخفیف 4,800,000 است را به شماره کارت زیر به نام احسان آقاحسینی :
واریز نمایید و پس از واریز لطفا اسکرین شات واریزی به همراه نام و نام خانوادگی وشماره تماس به آیدی زیر در تلگرام و یا بله و ایتا ارسال نمایید :










