پشتیبانی دوره
کانال مخصوص دوره و پشتیبانی دوره
ایدی پشتیبانی دوره
پیش به سوی آموزش react
قبل از شروع آموزش مفاهیم ریکت ، مفاهیم مهم javascript که توی react خیلی پر کاربرد هستن رو بررسی میکنیم با هم (درک این پیش نیاز ها به شدت ضروریه و اگه این پیش نیاز ها رو به خوبی تمرین کنید و با دقت ویدئو ها رو ببینید، ریکت رو هم میتونید خیلی راحت یاد بگیرید)
برای مشاهده هر ویدئو روی عنوان ویدئو کلیک کنید
01 - آموزش مفهوم scope در جاوا اسکریپت
02 - آموزش global scope
03 - آموزش function scope
04 - آموزش block scope
05 - آموزش مفهوم hoisting
06 - آموزش variable hoisting
07 - آموزش function hoisting
08 - آموزش undeclared variable و strict mode
برای مشاهده هر ویدئو روی عنوان ویدئو کلیک کنید
01 - معرفی این فصل
02 - ternary operator
03 - back-tics syntax
04 - module concept
05 - import and export
06 - as keyword in module
07 - default export import
08 - arrow function
09 - rest operator
10 - spread operator
11 - array destructuring
12- object destructuring
13 - foreach method
14 - map method
15 - filter method
16 - reduce method
17 - reduce challenge
18 - this keyword
19 - bind method
برای مشاهده هر ویدئو روی عنوان ویدئو کلیک کنید
01 - روش های مختلف ساخت اشیاء - بخش اول
02 - روش های مختلف ساخت اشیاء - بخش دوم
03 - پارامترها در تابع سازنده (constructor function)
04 - کلاس (class) چیست؟
05 - متد سازنده (construnctor method)
06 - یک مثال از کلاس ها
07 - ارث بری (inheritance) در کلاس ها
خب حالا که مفاهیم مهم و کاربردی javascript که توی react زیاد استفاده میشن رو یاد گرفتیم ، بریم سراغ راه اندازی و نصب محیط توسعه ی ریکت و با پکیج create-react-app محیط توسعه ی برنامه های ریکتی رو آماده کنیم و با jsx آشنا بشیم و یه کوچولو هم توی ریکت کد بزنیم.
برای مشاهده هر ویدئو روی عنوان ویدئو کلیک کنید
01 - creat-react-app
02 - react project structure
03 - emmet plugin in react
04 - ?what is jsx
05 - jsx rules
06 - javascript in jsx
07 - ?why to use jsx
08 - example - website templete
09 - example - product card
دانلود فایل های این فصل
حالا بریم با یکی از مهم ترین مفاهیم توی react یعنی کامپوننت ها (component) آشنا بشیم.
برای مشاهده هر ویدئو روی عنوان ویدئو کلیک کنید
حالا بریم سراغ موضوع جذاب و دوست داشتنی و هم چنین مهمِ props ، و ببینیم پراپ ها چه ارتباطی با component ها دارن
برای مشاهده هر ویدئو روی عنوان ویدئو کلیک کنید
01 - user component example
02 - what is props
03 - props destructuring
04 - spread in props
05 - default props
06 - children props
07 - props in class component
08 - default props in class component
09 - card component with props
10 - conclusion
دانلود فایل های این فصل
حالا وقتش رسیده بریم سراغ طراحی یه پروژه با ریکت ، تا به صورت کامل موضوع component ها و prop ها رو درک کنیم ، و همچنین با ساختار پوشه بندی یه پروژه ریکتی به صورت استاندارد تر آشنا بشیم.
برای دانلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - project introduction
02 - project structure
03 - header component
04 - about component
05 - service component - part1
06 - service component - part2
07 - blog component - part1
08 - blog component - part1
09 - footer component
حالا بریم و با رویداد ها (event) توی ریکت آشنایی پیدا کنیم ، ببینیم چطور میتونیم توی react رویداد ها رو مدیریت کنیم و با event object یا همون شی رویداد هم آشنا بشیم
برای دانلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - react event vs js event
02 - click event in class component
03 - arrgument in event handler
04 - event object in react
فرم ها (form) یه بخش جدایی ناپذیر از وبسایت ها هستند و تقریبا سایتی پیدا نمیشه که از فرم ها توش استفاده نشده باشه ، پس بریم و با موضوع form ها توی react آشنا بشیم.
برای دانلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - input type text
02 - form select
03 - checkbox
04 - checkbox challenge
05 - radio button
بریم با یکی از مهم ترین موضوعات react یعنی state ها آشنا بشیم.
برای دنلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - why use state
02 - render , re-render
03 - useState
04 - react developer tools
05 - useState - state type
06 - useState - array in state
07 - useState - object in state
خب بریم سراغ رندر شرطی یا همون conditional rendering توی ریکت
برای دانلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - falsy and turthy vale
02 - evaluate AND (&&) operator
03 - conditional rendering example
04 - conditional rendering example
05 - counter challenge
حالا بریم یه مینی پروژه با هم انجام بدیم تا چیزایی که تا الان یاد گرفتیم رو در عمل ازش استفاده کنیم ، میخوایم یه ماشین حساب جمع و چور با هم طراحی کنیم تا به موضوع state ها کامل مسلط بشیم و مطالب جدیدی رو با انجام این مینی پروژه یاد بگیریم.
برای دانلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - intro mini project
02 - html
03 - css
04 - useState for screen result
05 - clear and c button
06 - equal button
07 - equal button
08 - dot button
09 - dot button
10 - useState vs regular variable
11 - install mathjs package
12 - package.json , package-lock.json
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
- دیدگاه های فینگلیش تایید نخواهند شد.
- دیدگاه های نامرتبط به مطلب تایید نخواهد شد.
- از درج دیدگاه های تکراری پرهیز نمایید.
- امتیاز دادن به دوره فقط مخصوص دانشجویان دوره می باشد.
676,000 تومان
vahid138311
سلام عالیه بی شک بهترین دوره میشه من دوره جاوااسکریپت ثبت نام کرده واقعا حرف نداره داشتم دنبال دوره ریکت میگشتم امروز که وارد سایت دیدم دروه ریکت هم اضافه شده خیلی خوشحال شدم بعد از جاوااسکریپت حتما ثبت نام میکنم موفق باشی
nadia.hemmati( دانشجوی دوره )
html و cssو javascript رو با دوره شما یادگرفتم خیلی عالی بود تدریس تون منتظر این دوره بودم ممنون بابت قولی که دادید قطعا بهترین دوره ری اکت خواهد بود.
میلاد بهرامی(مدیریت)
مرسی از همراهیتون خانوم همتی
sarahyaraghtala( دانشجوی دوره )
مثل همیشه قطعا این دوره هم بهترین هست
میلاد بهرامی(مدیریت)
خیلییییییی مچکررررم
zahrasakora( دانشجوی دوره )
شما بسیار سلیس و روان تدریس میکنین. یاد گیری html, css, javascript رو من با دوره های شما یاد گرفتم. و تمام جزییات را شما در نظر میگیرین توی تدریستون. ممنون بایت محبتتون
میلاد بهرامی(مدیریت)
مرررررسی از همراهیتون
مهرداد
سلام این دوره کی تکمیل میشه؟
میلاد بهرامی(مدیریت)
سلام
تا آخر فروردین ماه 1402
محمدرضا موسوی( دانشجوی دوره )
قطعاً دوره خوبی میشه. ممنونم بابت ارائه این دوره پربار
میلاد بهرامی(مدیریت)
خیلیییی مچکرم محمدرضا جان
_mohammaddd_( دانشجوی دوره )
با اختلاف بهترین و خوش اخلاق ترین مدرسی که به عمرم دیدم، شما هستین آقای بهرامی. مطمئنم این دوره هم مثل بقیه دوره هاتون خفن و بی نظیر میشه.
میلاد بهرامی(مدیریت)
خیلیییییییی ممنون محمد جان
javad
می تونم بگم کسانی که میخان ری اکت رو با دیدن فیلم آموزشی یاد بگیرن، بی شک، بهتر ، روان تر، اصولی تر و لذت بخش تر از این دوره پیدا نخواهند کرد.
میلاد بهرامی(مدیریت)
خیلی ممنونم اقا جواد عزیز ، ممنون از لطف شما
سهیل
سلام
استاد الان که دوره کامل نیس اگه هزینه رو پرداخت کنیم
دیگه زمانی که دوره کامل شد نیازی نیس پولی بیستر بدیم؟
میلاد بهرامی(مدیریت)
سلام سهیل جان ، وقتتون بخیر ، اگه الان دوره رو ثبت نام کنید ، به تمامی آپدیت های دوره به صورت رایگان دسترسی دارید و نیازی نیست بعدا پولی پرداخت کنید
amirkasraei088( دانشجوی دوره )
تمام دوره هاتون رو دنبال کردم و بدون تردید باز هم دنبال میکنم چون بهترین هستین با آرزوی سلامت برای شما استاد عزیز🙏⭐
مهران
love
حسین
با سلام وقت بخیر این دوره چند ساعته؟
میلاد بهرامی(مدیریت)
سلام وقتتون بخیر ، دوره در حال برگذاری هست و مشخص نیست چند ساعت بشه ، ولی بالای 30-40 ساعت میشه
یونس شیخلر( دانشجوی دوره )
دورود استاد بهرامی عزیز .
من دانشجوی دوره های Html , css, JavaScript شما بودم .
و با اینکه ری اکت رو مدتی است یاد گرفتم و چندتا پروژه درست کردم و یا مشارکت داشته ام با این حال باز هم دوره شما رو خریداری کردم چون میدونستم دوره های شما متفاوته و به نکات کلیدی و ریز هم میپردازید و همینطور هم هست چون با دیدن آموزش ها به خودم آفرین گفتم که به شما باور داشتم – همیشه پیروز و تندرست باشید –
Ahmad
سلام آقای بهرامی عزیز
میخواستم بدونم دوره تا کی کامل بارگزاری میشه؟
و یا هر فصل کی به کی بارگزاری میشه؟؟
میلاد بهرامی(مدیریت)
سلام احمد جان ، وقت شما بخیر
تقریبا توی هر هفته یک یا دو فصل اپلود میشه
و دوره تا اخر فرودین 1402 به اتمام میرسه ، یعنی کمتر از سه ماه دیگه ، شایدم زودتر