بهترین لیست پخش برای یادگیری توسعه مقدماتی در سال 2025

آیا می خواهید یاد بگیرید که چگونه در سال 2025 وب سایت و برنامه های تلفن همراه بسازید؟

این لیست پخش یوتیوب توسط هاکسن وبدف یکی از بهترین راهها برای تسلط بر توسعه جلو است. این که آیا شما یک مبتدی هستید و چه در حال حاضر تجربه ای دارید ، این لیست پخش همه چیزهایی را که شما نیاز دارید پوشش می دهد-از واکنش های اساسی تا پروژه های تمام پشته با Next.js ، TypeScript ، GraphQL و موارد دیگر.

آن را شامل می شود بیش از 50 ساعت ویدیو، پروژه های دنیای واقعی و دروس گام به گام برای کمک به شما در تبدیل شدن به یک توسعه دهنده جلوی.

چرا از این لیست پخش استفاده می کنیم؟

این لیست پخش به شما کمک می کند:

• وب سایت ها و برنامه های مدرن و سریع بسازید.
• ابزارهای محبوب مانند React ، TypeScript ، Zustand ، Redux Toolkit و Next.js. را بیاموزید.
• انیمیشن ها را با حرکت فریمر اضافه کنید.
• با GraphQL برای API کار کنید.
• برنامه های خود را با استفاده از auth.js v5 ایمن کنید.
• بهترین روشها را برای کد تمیز و بدون اشکال دنبال کنید.

برنامه یادگیری گام به گام شما

1. اصول اولیه react.js

• مؤلفه ها ، JSX ، غرفه ها ، حالت و قلاب مانند را بیاموزید useStateبا useEffectوت useRefبشر
• 10 پروژه کوچک بسازید.

2. برای واکنش به Typescript اضافه کنید

• غرفه ها ، حالت ها ، رویدادها و متن خود را تایپ کنید.
• ساخت 4 پروژه React + TypeScript.

3. قلاب و مدیریت ایالتی

• از قلاب های پیشرفته و کتابخانه مانند استفاده کنید وضعیت وت جعبه ابزار reduxبشر
• برنامه هایی مانند لیست های انجام ، برنامه های دستور العمل و موارد دیگر را بسازید.

4. انیمیشن ها را با حرکت Framer اضافه کنید

• جلوه های پیمایش ، انتقال ، انیمیشن های کشیدن و ساخت چرخ فلک را بیاموزید.

5. الگوهای طراحی واکنش

• الگوهای تمرین مانند طرح ، معین ، ظرف ، مؤلفه مرکب.
• کد قابل استفاده مجدد و تمیز را بنویسید.

6. داده های واکشی با پرس و جو Tanstack

• استفاده کردن useQueryبا useMutation، و ویژگی های ذخیره سازی.
• برنامه هایی را با ادغام API و صفحه بندی بسازید.

7. آزمایش در React

• استفاده کردن است ،با دندهوت کتابخانه تست واکنشبشر
• تست های واحد و ادغام را بنویسید.

8. ساخت سیستم های طراحی

• ابزارها: شکلبا کتاب داستانبا پیچ و خمبا clsxبا cvaبا Style Dictionaryبشر
• دکمه ها ، ورودی ها ، انتخاب های تاریخ و اجزای کارت را ایجاد کنید.

9. برنامه های تلفن همراه را با React Native بسازید

• استفاده کردن نمایشگاهبا شرحبا وضعیتوت در جهت خارداربشر
• ساخت 3 پروژه موبایل واقعی.

10. تمام پشته با Next.js

• از روتر برنامه ، چیدمان ، مسیریابی پویا ، اقدامات سرور استفاده کنید.
• ساخت داشبورد ، سایت های فیلم و برنامه های کامل.

11. احراز هویت با Auth.js v5

• ایمیل ، Google و GitHub را اضافه کنید.
• از صفحات محافظت کنید و جلسات ایمن ایجاد کنید.

12. Graphql برای API

• نمایش داده ها ، جهش ها ، حل کننده ها ، روابط را بیاموزید.
• با آپولو کار کنید و با استفاده از GraphQL API بسازید.

13.

• فن آوری ها: منگولهبا express.jsبا واکنش نشان دادنبا node.jsبشر
• یک پروژه کامل با تأیید اعتبار و اتصال به جلو/عقب بسازید.

نحوه استفاده از این لیست پخش

1. با اصول اولیه شروع کنید: واکنش و واکنش بومی.
2. حرکت به پیشرفته: TypeScript ، قلاب ، انیمیشن.
3. ساخت پروژه ها: مهارت های خود را اعمال کنید.
4. برو تمام پشته: Next.js ، GraphQL و Mern را بیاموزید.
5. آزمون و ایمن: آزمایش و احراز هویت را اضافه کنید.

شروع کردن

بیایید متصل شویم

ابزار یا کتابخانه جلوی مورد علاقه شما چیست؟

نظر زیر را رها کنید یا در رسانه های اجتماعی با من ارتباط برقرار کنید.

بیایید به عنوان توسعه دهنده با هم رشد کنیم!