ساخت و استقرار یک اپلیکیشن رسانه اجتماعی فول-استک با استفاده از NEXT JS
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت و استقرار یک اپلیکیشن رسانه اجتماعی فول-استک
- در پایان، شما یک اپلیکیشن رسانه اجتماعی فول-استک با رابط کاربری حرفهای، بکاند مقیاسپذیر و میزبان زنده ساخته و راهاندازی خواهید کرد.
- NextJS – فریمورک محبوبترین:
- از قدرت NextJS، محبوبترین فریمورک وب امروز، استفاده کنید که به خاطر ادغام بینظیر رندر سمت سرور و تولید استاتیک شناخته شده است.
- ویژگیهای توییتر:
- ویژگیهای اصلی رسانه اجتماعی مثل توییت، لایک، ریتوییت و پاسخدهی را با تمرکز بر عملکرد و کارایی توسعه دهید.
- احراز هویت:
- یاد بگیرید که چگونه احراز هویت کاربر را امنسازی کنید، از جمله ثبتنام و ورود از طریق سرویس شخص ثالث مانند Clerk
- طراحی رابط کاربری:
- به طراحی رابط کاربری واکنشگرا مسلط شوید و بتوانید نوارهای کناری، نوارهای ناوبری و طرحبندیهای موبایل دوستانه با Tailwind CSS ایجاد کنید.
- یکپارچهسازی پایگاه داده:
- در مورد راهاندازی و مدیریت پایگاههای داده، ایجاد مدلها و مدیریت تعاملات داده با پروفایلهای کاربری و پستها بیاموزید.
- طراحی UI با Figma:
- در این دوره، همچنین یاد میگیرید که چگونه یک رابط کاربری شیک و کاربرپسند با استفاده از Figma طراحی کنید.
پیشنیازهای دوره
- برای بهرهبرداری کامل از این دوره، باید درک اولیه از HTML ،CSS ،JavaScript ،Typescript ،React ،Tailwind CSS و NextJS داشته باشید. این دوره بسیار عملی است و فرض بر آن است که با این فناوریها آشنایی دارید، چرا که برای آموزش از ابتدا طراحی نشده است. آشنایی با این موضوعات، اجازه میدهد بدون نیاز به آموزش پایه، مستقیماً وارد ساخت و استقرار اپلیکیشن رسانه اجتماعی فول-استک شوید. اگر قبلاً با این فناوریها کار کردهاید و آمادهاید سطح مهارتهای خود را ارتقاء دهید، این دوره بهترین گزینه برای شماست!
توضیحات دوره
ساخت و استقرار اپلیکیشن رسانه اجتماعی فول-استک با Next.js – Twiddle
به دوره عملی نهایی خوش آمدید، جایی که یاد خواهید گرفت چگونه از صفر یک اپلیکیشن رسانه اجتماعی با امکانات کامل، به نام Twiddle، بسازید، طراحی کنید و راهاندازی کنید! چه بخواهید مهارتهای توسعه وب خود را تقویت کنید یا پرتفولیوی خود را ارتقاء دهید، این دوره روند کامل ساخت یک اپلیکیشن مدرن و مقیاسپذیر مشابه پلتفرمهایی مانند Twitter را راهنمایی میکند.
مواردی که خواهید آموخت:
- توسعه فول-استک با استفاده از Next.js، React و دیگر ابزارهای مربوطه
- احراز هویت: ورود و ثبتنام امن کاربران
- مدیریت پایگاه داده: ذخیره و مدیریت داده کاربران و توییترها
- ویژگیهای توییتر: لایک، ریتوییت، پاسخدهی و ساخت توییتها
- مدیریت گروهها: ساخت و مدیریت گروههای اجتماعی
- طراحی واکنشگرا: تضمین ظاهر مناسب اپلیکیشن در تمام دستگاهها
- طراحی UI: یادگیری استفاده از Figma برای طراحی رابط کاربریهای زیبا
نه تنها کدهای تمیز و قابل بازیابی مینویسید بلکه ویژگیهای پیشرفتهای مانند نوتیفیکیشن های بلادرنگ، صفحهبندی و قابلیت جستجو را پیادهسازی میکنید. هر بخش به صورت عملی به جزئیات میپردازد، از راهاندازی پروژه گرفته تا استقرار زنده آن!
چرا در این دوره شرکت کنیم؟
این دوره فقط ساخت اپلیکیشن دیگری نیست. درباره درک اصول کلیدی توسعه وب مدرن است، در حین کار روی پروژهای که میتوانید به کارفرماها یا مشتریان نشان دهید. در پایان، شما یک اپلیکیشن رسانه اجتماعی با امکانات کامل و قابل استقرار خواهید داشت و مهارتهایی برای ساخت پروژههای بلندپروازانهتر در اختیار خواهید داشت.
تجربه عملی و واقعی
بر خلاف دورههای صرفا تئوری، این دوره بر توسعه عملی در جهان واقعی تمرکز دارد. از ادغام احراز هویت امن گرفته تا مدیریت روابط داده پیچیده در بکاند، هر مرحله را تجربه میکنید. هر ویژگیای که میسازید، مثل توییتها، گروهها، و پروفایلهای کاربری، با در نظر گرفتن مقیاسپذیری و عملکرد طراحی شده است. این طراحیها شما را برای مقابله با چالشهای واقعی در نقش توسعهدهنده فول استک آماده میکند.
راهاندازی اپلیکیشن و پرتفولیوی شخصی
در پایان این دوره، فقط پروژه نمایشی نخواهید داشت، بلکه یک اپلیکیشن کامل و قابل استقرار خواهید داشت که میتوانید در وب راهاندازی و به افراد نشان دهید. چه بخواهید پروژه خود را شروع کنید یا حرفهتان را ارتقاء دهید، ساختن Twiddle مهارتها، دانش صنعتی و یک پرتفولیوی برجسته که تواناییهای شما را نشان میدهد، در اختیار شما قرار میدهد.
در همین حال شروع کنید و پروژه توسعه وب خود را بسازید!
به Noor Fakhry بپیوندید و سفر تحولآمیز به سمت تسلط به برنامهنویسی و موفقیت در صنعت فناوری را آغاز کنید!
آیا آماده هستید که به زبان برنامهنویسی مورد علاقه خود مسلط شوید؟
درباره Programming Fluency:
به Programming Fluency خوش آمدید.
مدرس Programming Fluency را طراحی کرده است تا به عنوان مقصد شماره یک برای افرادی که به دنبال یادگیری کد، تسلط به برنامه نویسی و کسب مهارتهای بازار کار پر تقاضا هستند . این تنها پلتفرمی است که بهترین و بالاترین دورههای فناوری کیفیت را در کل جهان فراهم میکند. با هم، ما یک چشمانداز جدید در فضای آموزش آنلاین ایجاد میکنیم. مدرس افتخار میکند که شما را همراه خودمان داشته باشد!
نور فخری، موسس Programming Fluency
Programming Fluency دروازه شما برای تسلط به مهارتهای تقاضا , پیاده کردن یک شغل با دستمزد بالا و پیشرفت شغلی در تکنولوژی است.
ما منابع و محیط حمایتی را که شما باید کنترل سفر حرفهای خود را به دست بگیرید ارائه میکنیم و ثروت فرصتهای شغلی هیجانانگیز در صنعت فنآوری را بدون توجه به پسزمینه یا تجربه خود باز میکنیم.
در Programming Fluency ما به شما کمک میکنیم که به زبان برنامهنویسی مورد علاقه خود مسلط شوید و اطمینان حاصل کنید که تخصص و اعتماد به نفس در زمینه انتخابی خود دارید.
ما مسترکلاس جامع ایجاد کردیم که شما را از یک مبتدی مطلق به یک حرفهای کامل ببریم. علاوه بر این، ما دورههای عملی مانند ساخت و استقرار اپلیکیشن های فول استک را پیشنهاد میکنیم که برای افزایش پرتفولیو طراحی شدهاند تا شما را در بازار کار برجسته کنند. اگر قبلا تجربه دارید و میخواهید پورتفولیوی خود را بیشتر افزایش دهید , دوره های پیشرفته ما برای گرفتن مهارتهای شما به سطح بعدی عالی است.
این دوره برای چه کسانی مناسب است؟
- توسعه دهندگان مشتاق وب : اگر شما تازه سفر خود را در توسعه وب آغاز میکنید، این درس برای ایجاد یک بنیاد قوی عالی است . شما یاد میگیرید چگونه با ابزارها و چارچوبهای ضروری مانند NextJS ،Reactو Tailwind css کار کنید. از طریق پروژههای عملی شما احساس توسعه کامل را خواهید داشت و به شما این امکان را میدهد که با اطمینان اپلیکیشن های خود و وب سایتهای خود را ایجاد کنید.
- توسعه دهندگان فول استک: برای توسعه دهندگان که میخواهند مهارتهای فول استک خود را عمیقتر کنند این درس فرصتی عالی برای کار بر روی یک پروژه دنیای واقعی ارائه میدهد. شما نه تنها اپلیکیشن رسانه اجتماعی فرانت اند را خواهید ساخت بلکه به توسعه بک اند مدیریت پایگاهداده و یکپارچهسازی API نیز بررسی خواهید کرد. Twiddle به شما این شانس را میدهد که هم مهارتهای سمت کلاینت و هم مهارتهای سمت سرور را به شیوهای عملی و معنادار تقویت کنید.
- فریلنسرها: با یادگیری چگونگی ساخت وب اپلیکیشن های پیچیده که تقاضای بالایی دارند، میتواند از این درس بسیار سود ببرد. پلتفرم های رسانه اجتماعی در چشمانداز دیجیتال امروز نقش اساسی دارند و تسلط به توانایی ایجاد یک رسانه در بازار فریلنسری را میدهد. شما یک پروژه قدرتمند دارید که میتوانید به کلاینت احتمالی نشان دهید که توانایی خود برای مدیریت اپلیکیشن های بزرگ مقیاس را نشان میدهند.
علاقه مندان جاوااسکریپت: اگر عاشق کار کردن با جاوااسکریپت هستید و میخواهید مهارتهای خود را به سطح بعدی ببرید، این درس شما را از مبانی فراتر خواهد برد. با استفاده از JavaScript ،TypeScript و کتابخانههای محبوب، شما ویژگیهای تعاملی مانند ایجاد توییت، retweets، پاسخها و مدیریت پروفایل کاربر خواهید ساخت. همچنین با مفاهیم دنیای واقعی مانند تایید هویت و تعاملات پایگاهداده که برای توسعه اپلیکیشن مدرن حیاتی هستند، کار خواهید کرد. - توسعه دهندگان بک اند: توسعه دهندگان بک اند که به دنبال تقویت کردن مهارتهای خود در فرانت اند هستند، این درس را فرصتی عالی برای پلی بین شکاف خواهند یافت. شما با اخراز هویت کاربر کار میکنید، داده امن را کنترل میکنید و یک بک اند واکنش گرا را یاده سازی میکنید که به طور یکپارچه با فرانت اند ارتباط برقرار میکند. در پایان این دوره، شما در مدیریت هر دو کدبیس فرانت اند و بک اند در محیط فول استک راحت خواهید بود.
- توسعه دهندگان جدید برای NextJS : اگر با چارچوبهای دیگری مانند React آشنا هستید، اما برای NextJS جدید است، این درس بررسی عمیق NextJS و ویژگیهای منحصر به فرد آن، مانند رندرینگ سمت سرور و تولید سایت استاتیک را فراهم میکند. شما با استفاده از این چارچوب قدرتمند تجربه ارزشمندی را به دست خواهید آورد تا یک اپلیکیشن دنیای واقعی بسازید، درک شما از مزایا و بهترین شیوه ها را عمیقتر کنید.
- کارآفرینان و صاحبان کسبوکار: برای کارآفرینان و بنیانگذاران راهاندازی، این درس یک رویکرد عملی برای یادگیری چگونگی ساخت MVP (Minimum Viable Product) ارائه میدهد. Twiddle یک مطالعه موردی کامل است که نشان میدهد چگونه یک کاربرد مقیاس پذیر و غنی از ویژگی را ایجاد کنید. شما دانش فنی لازم برای تبدیل ایده اپلیکیشن خود به واقعیت را کسب خواهید کرد،چه در حال کار انفرادی و چه در حال برنامهریزی برای استخدام توسعهدهندگان در آینده باشید.
- توسعه دهندگان جونیور: توسعه دهندگان جونیور که به دنبال ارتقا مهارتهای خود هستند، این درس را بسیار ارزشمند خواهند یافت. شما یاد میگیرید که چگونه با تکنولوژیهای مدرن کار کنید، کد خود را سازماندهی کنید و چالشهای مشترکی را حل کنید که هنگام ایجاد یک اپلیکیشن پیچیده ایجاد میشوند. تا پایان این دوره، شما یک پروژه پورتفولیو خواهید داشت که توانایی شما برای ارائه راهحل دنیای واقعی را نشان میدهد و شما را به کارفرمایان بالقوه تبدیل میکند.
- توسعه دهندگان علاقهمند به ساخت اپلیکیشن های رسانه اجتماعی هستند: اگر همیشه میخواستید یاد بگیرید که چگونه پلنفرم های رسانه اجتماعی مانند Twitter یا Facebook ساخته میشوند، این درس شما را پشت صحنه خواهد برد. شما ویژگیهای اصلی اپلیکیشن رسانه اجتماعی مانند ایجاد پست، دنبال کردن کاربران، دوست داشتن محتوا و مدیریت گروهها را درک خواهید کرد. هر ویژگی گامبهگام ساخته میشود و به شما درکی محکم از منطق و معماری زیربنایی میدهد.
- هر کسی که علاقمند به راهاندازی یک اپلیکیشن آماده تولید است: در نهایت، اگر هدف شما ساخت و استقرار یک وب اپلیکیشن آماده تولید است، این درس مناسب است. شما فقط در توسعه توقف نخواهید کرد، اپلیکیشن خود را برای استقرار، یادگیری چگونگی میزبانی آنلاین آن برای جهان خواهید گرفت. در پایان این دوره، شما یک اپلیکیشن رسانه اجتماعی زنده و کاملا کارکردی خواهید داشت که آماده امضای کاربران و تعامل با آنها است.
ساخت و استقرار یک اپلیکیشن رسانه اجتماعی فول-استک با استفاده از NEXT JS
-
چه چیزهایی در این دوره یاد خواهید گرفت؟ 02:24
-
یک چیز دیگر!!! 01:58
-
نگاهی به نسخه نهایی Twiddle 11:49
-
راهاندازی مخزن گیت 04:31
-
سند طراحی چیست؟ 02:18
-
سند طراحی Twiddle 03:10
-
چه کاری در این بخش انجام خواهیم داد؟ 04:47
-
طراحی صفحه فرود 05:22
-
طراحی صفحه آنبوردینگ 07:03
-
طراحی صفحه اصلی 15:06
-
طراحی صفحه جستجو 03:11
-
طراحی صفحه نوتیفیکیشن ها 03:51
-
ایجاد طراحی صفحه توییت 03:06
-
طراحی صفحه گروهها 03:28
-
طراحی صفحه پروفایل 07:41
-
راه اندازی پروژه 08:56
-
ایجاد ساختار فایل و فولدر 04:02
-
ایجاد منطق احراز هویت Twiddle 13:52
-
ایجاد صفحه ثبتنام 09:40
-
ایجاد صفحه ورود 07:40
-
تعریف صفحه مقدماتی 03:03
-
ایجاد صفحه فرود Twiddle 16:13
-
ایجاد طرحبندی مسیر (ریشه) 07:49
-
ایجاد آیکون فاوآیکون Twiddle 04:44
-
ایجاد کامپوننت نوار کناری چپ 19:44
-
ایجاد کامپوننت نوار پایین 06:22
-
ایجاد کامپوننت نوار بالا 08:41
-
راهاندازی پایگاه داده 12:24
-
ایجاد مدل کاربر 09:45
-
ایجاد اولین عملیات کاربر 09:07
-
وبهوکها چیستند؟ 01:51
-
همگامسازی Twiddle با Clerk از طریق وبهوکها 16:20
-
نوشتن منطق مقدماتی 12:58
-
نوشتن منطق بهروزرسانی کاربر 08:32
-
ایجاد کامپوننت اطلاعات حساب [قسمت 1] 24:04
-
ایجاد کامپوننت اطلاعات حساب [قسمت 2] 12:03
-
ایجاد کامپوننت Right Sidebar [قسمت 1] 18:17
-
ایجاد کامپوننت Right Sidebar [قسمت 2] 03:51
-
ایجاد کامپوننت UserCard 15:33
-
ایجاد قابلیت ایجاد توییت 03:58
-
ایجاد کامپوننت ارسال توییت 10:18
-
ایجاد تابع onSubmit برای کامپوننت پست توییت 15:14
-
ایجاد ویژگی گروهها 08:07
-
افزودن عضو به هر گروه 06:36
-
مشکل clerk 03:52
-
حذف کاربر از گروه 06:52
-
بروزرسانی اطلاعات گروه 04:42
-
حذف یک گروه 03:57
-
ارتباط بین توییتها و گروهها 06:55
-
رفع مشکل تکراری شدن گروهها 03:04
-
ایجاد کامپوننت GroupCard 11:57
-
رندرینگ GroupCard 06:46
-
ایجاد صفحه اصلی Twiddle 04:20
-
ایجاد عملیات fetchTweets 03:35
-
ایجاد کامپوننت TweetCard UI 16:47
-
ایجاد کامپوننت TweetLikeButton 08:15
-
ایجاد کامپوننت RetweetButton 06:17
-
ایجاد کامپوننت دکمه اشتراکگذاری توییت 02:19
-
ایجاد کامپوننت ShareTweetButton 09:12
-
ایجاد تابع formatDateString با کمک ChatGPT 04:21
-
بازگشت به صفحه اصلی 07:41
-
ایجاد کامپوننت صفحهبندی 06:24
-
رفع مشکل صفحهبندی 02:35
-
ساخت صفحه پروفایل 03:14
-
ایجاد کامپوننت ProfileHeader 05:32
-
تکمیل صفحه اصلی پروفایل 04:35
-
ایجاد کامپوننت TweetsTab 03:05
-
ایجاد عملیات fetchGroupPosts 02:01
-
ایجاد عملیات fetchUserPosts 01:52
-
تکمیل کامپوننت تب توییتها 03:12
-
ایجاد کامپوننت RepliesTab و تکمیل تبهای پروفایل 03:14
-
ایجاد صفحه ویرایش پروفایل 01:57
-
ایجاد صفحه گروهها 02:31
-
ایجاد صفحه گروه تنها 01:33
-
ایجاد عملیات fetchGroupDetails 01:51
-
تکمیل صفحه گروه 03:09
-
ایجاد ویژگی پاسخ به توییت 02:46
-
ایجاد عملیات fetchTweetById 02:07
-
بازگشت به صفحه توییت واحد 03:20
-
ایجاد کامپوننت کامنت 04:17
-
ایجاد عملیات افزودن نظر به توییت 03:00
-
ایجاد ویژگی نوتیفیکیشن ها 05:46
-
ایجاد قابلیت جستجو 03:23
-
ایجاد کامپوننت SearchBar و تکمیل پروژه 05:42
-
تشکر از شما 01:10
مشخصات آموزش
ساخت و استقرار یک اپلیکیشن رسانه اجتماعی فول-استک با استفاده از NEXT JS
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:متوسط
- تعداد درس:85
- مدت زمان :09:30:43
- حجم :4.2GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy