وب احسان در تلگرام

دوره VIP آموزش فرانت‌اند از صفر تا بازار کار

یکی از چالش‌های یادگیری فرانت، تنوع زیاد ابزارها و زبان‌هاست که برای ورود به بازار کار باید یاد بگیری. اما یادگیری هرکدام هزینه‌بر است و سلف‌استادی هم زمان‌بر و همراه با تردید. یک دوره جامع که از صفر آموزش بدهد، آموزش‌ها را به‌روز کند و یک مربی باتجربه کنارت باشد، می‌تواند بهترین انتخاب باشد. با هزینه‌ای کم می‌توانی به تمام دوره‌های ضروری فرانت دسترسی داشته باشی و دوره VIP یکی از بهترین گزینه‌هاست.

8,600,000 تومان
تکمیل ظرفیت

پشتیبانی دوره

پشتیبانی دوره VIP آموزش فرانت‌اند از صفر تا بازار کار در چه وضعیه ؟

تعداد جلسات

392 جلسه ضبط شده

مدت زمان دوره

81 ساعت

پیش نیاز

هیچ پیش نیازی نمیخواد

وضعیت دوره

ضبط ادامه دارد

آپدیت دائمی و رایگان

عضویت مادام العمر

پشتیبانی مستقیم با مدرس

خودم جواب سوال ها را میدم

محتوا دوره

داخل دوره VIP آموزش فرانت‌اند از صفر تا بازار کار چه آموزش هایی هست ؟

آموزش Html Css

اولین قدم برای ورود به دنیای طراحی وب و فرانت‌اند، یادگیری HTML و CSS است. در یکی از بخش های این دوره، این مباحث را از صفر و همراه با پروژه‌های عملی آموزش می‌دهیم.

مرحله01

آموزش Javascript

برای حرفه ای شدن در دنیای فرانت اند یادگیری جاوااسکریپت واجبه که تا بحال 100 جلسه آموزش جاوااسکریپت داخل دوره قرار داریم و همچنان ادامه دارد .

مرحله02

آموزش React js

محبوب ترین کتابخونه فرانت بدون شک React js هست که ما تا این لحظه 100 قسمت از آموزش React js داخل دوره قرار دادیم و همچنان ادامه دارد.

مرحله03

آموزش کار با Rest Api

ابتدا مباحث پایه‌ای ارتباط با سرور را توضیح می‌دهیم و سپس با استفاده از جاوااسکریپت خام، یک پروژه واقعی ثبت آگهی را برای کار با APIها پیاده‌سازی می‌کنیم.

مرحله04

کامپوننت های جذاب جاوااسکریپت

یه عالمه کامپوننت جذاب با استفاده از جاوااسکریپت میسازیم تا هم حسابی دستت راه بیوفته و هم بتونی نمونه کارهای جذاب درست کنی.

مرحله05

کامپوننت های جذاب React js

بعد اینکه بهت React js یاد دادم , بهت یاد میدم چطوری پروژه های جذاب React js درست کنی تا بواسطه اون ها بتونی کلی پروژه بگیری.

مرحله06

ریز جلسات دوره VIP آموزش فرانت‌اند از صفر تا بازار کار

ریز جلسات دوره VIP آموزش فرانت‌اند از صفر تا بازار کار بگو برام

01

آموزش Html Css

81 جلسه

جلسه 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 - پروژه ساخت سکشن های مختلف با شکل متفاوت - پارت دوم

آپدیت های این قسمت همچنان ادامه دارد.
02

آموزش Javascript

126 جلسه

جلسه 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 - پارت پنجم

آپدیت های این قسمت همچنان ادامه دارد.
03

آموزش React js

128 جلسه

جلسه 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 - پارت دوم

آپدیت های این قسمت همچنان ادامه دارد.
04

آموزش کار با Rest Api

17 جلسه

آموزش ابتدایی کار با API

پروژه لیست کاربران با API - جاوااسکریپت خام - 01

پروژه لیست کاربران با API - جاوااسکریپت خام - 02

پروژه لیست کاربران با API - جاوااسکریپت خام - 03

پروژه لیست کاربران با API - جاوااسکریپت خام - 04

پروژه لیست کاربران با API - جاوااسکریپت خام - 05

پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 01

پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 02

پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 03

پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 04

پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 05

پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 06

پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 07

پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 08

پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 09

پروژه ثبت آگهی اقامتگاه همراه با عکس و نقشه - 10

پروژه خوندن قیمت سکه از سایت های دیگه

05

کامپوننت های جذاب جاوااسکریپت

41 جلسه

پروژه ساخت منو با انیمیشن باحال - 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 - پروژه ساخت سکشن های مختلف با شکل متفاوت - پارت دوم

آپدیت های این قسمت همچنان ادامه دارد.
06

کامپوننت های جذاب React js

5 جلسه

کامپوننت Dock - پارت اول

کامپوننت Dock - پارت دوم

کامپوننت Chroma Grid

کامپوننت Swapy

کامپوننت مگا منو دیجیکالا

آپدیت های این قسمت همچنان ادامه دارد.

پروژه دانشجوها

پروژه هایی که دانشجویان دوره VIP بعد از دیدن دوره ساختن

پروژه دانشجو غزل محمودی
غزل محمودی
پروژه دانشجو سمیرا وعیدی
سمیرا وعیدی
پروژه دانشجو امیرعباس جمالی زاده
امیرعباس جمالی زاده
پروژه دانشجو محسن جمالوند
محسن جمالوند
پروژه دانشجو امیرعباس جمالی زاده
امیرعباس جمالی زاده

نظرات شرکت کننده در دوره VIP

review
review
review
review
review
review
review
review
8,600,000 تومان
تکمیل ظرفیت
دوره VIP آموزش فرانت‌اند از صفر تا استخدام | دوره جامع Frontend | WebEhsan | وب احسان