قبل از اینکه توسعه دهندگان بتوانند ایده برنامه خود را از تابلوی طراحی به فروشگاه برنامه ببرند، بخش های کلیدی خاصی - از میزبانی گرفته تا حساب های کاربری - باید در جای خود تنظیم شوند. خدمات وب آمازون (AWS) انواع خدمات قدرتمندی را ارائه می دهد که می توانید از آنها برای اضافه کردن این قطعات ضروری به برنامه های React خود استفاده کنید. در این دوره یاد بگیرید که چگونه از AWS با React برای سرعت بخشیدن به گردش کار توسعه برنامه خود استفاده کنید. Instructor Bear Cahill به شما نشان می دهد که چگونه با AWS کار کنید تا میزبانی، احراز هویت کاربر و یک پایگاه داده back-end را به برنامه React خود اضافه کنید.

 کنجکاو هستید که MongoDB، Express، React، و Node.js یا MERN چگونه با هم کار می کنند و چگونه می توان یک برنامه فول استک با پشته MERN ساخت؟ در این دوره، مربی امانوئل هنری به شما نشان می دهد که چگونه. او با استفاده از مثال‌های عملی، هر مرحله از فرآیند را به کانون توجه می‌افکند. یاد بگیرید که چگونه سرور Node.js و Express اولیه خود را راه اندازی کنید. پایگاه داده Mongo خود را راه اندازی کنید. نقاط پایانی مورد نیاز را تعریف کنید. یک فرانت اند React ایجاد کنید. و یک فرم برای ارائه داده ها به کاربران اضافه کنید.

 بسیاری از توسعه دهندگان وب فقط روی یک قسمت از یک برنامه تمرکز می کنند: انتهای جلو ، انتهای عقب ، پایگاه داده یا پلت فرم میزبان. با این حال ، JavaScript به چنان زبانی همه جا تبدیل شده است که می تواند برای همه این قسمت ها استفاده شود. این بدان معنی است که یک توسعه دهنده JavaScript هم اکنون می تواند یک برنامه وب کامل ایجاد کند ، کاری که قبلاً به یک تیم کامل نیاز داشت. در این دوره ، مربی توسعه کامل پشته ، Shaun Wassell به توسعه دهندگان نشان می دهد که چگونه می توانند دقیقاً با استفاده از Next.js برای ساختن یک برنامه کامل ، این کار را انجام دهند. نحوه ایجاد رابط های React اساسی را در Next.js پیدا کنید ، عملکردهای پشتی را به برنامه های Next.js اضافه کنید ، درخواست های شبکه را ایجاد کنید و در نهایت میزبان یک برنامه کامل است.

 احراز هویت کاربر تقریباً بخش مهمی از هر وب‌سایت است، با این حال تعداد کمی از توسعه‌دهندگان وب همه جزئیات مربوط به نحوه عملکرد و نحوه استفاده از آن را برای ارائه یک تجربه کاربری خوب می‌دانند. در این دوره، مربی Shaun Wassell به جزئیات مربوط به احراز هویت کاربر در زمینه React و نحوه ترکیب احراز هویت کاربر در برنامه های React می پردازد. Shaun با برخی از تعاریف، مراحل و پروژه های احراز هویت اولیه شروع می کند. سپس درباره تأیید عمیق ایمیل و نحوه تنظیم آن بحث می کند. Shaun توضیح می دهد که چگونه به کاربران امکان بازنشانی رمزهای عبور خود را بدهد، سپس مراحل راه اندازی OAuth را شرح می دهد. او چندین گزینه احراز هویت از پیش ساخته شده را بررسی می کند، سپس با برخی از بهترین توصیه های عملی به پایان می رسد.

 شما React را یاد گرفته اید و می توانید رابط های front-end شگفت انگیزی ایجاد کنید. اما استقرار آنها نیاز بیشتری دارد. شما به منطق و مکانی برای قرار دادن آن نیاز دارید. با ترکیب رابط کاربری front-end خود با یک راه حل back-end و میزبانی ابری، می توانید برنامه های قدرتمند و تعاملی کامل بسازید. در این دوره مبتنی بر پروژه، Shaun Wassell نشان می‌دهد که چگونه React، Node.js و Amazon Web Services (AWS) را در یک وب‌سایت با ویژگی‌های کامل، شامل فرم‌های کاربرپسند برای ارسال مقالات و نظرات، ترکیب کنیم. یاد بگیرید که چگونه یک رابط از اجزای React ایجاد کنید، یک سرور Node.js ایجاد کنید، در پایگاه داده MongoDB پیوند دهید، احراز هویت کاربر را با Firebase Auth اضافه کنید، و سایت خود را در خدمات وب آمازون مستقر کنید. به Shaun در این دوره بپیوندید تا مهارت‌هایی را به دست آورید تا خدمات مشتری خود را به سطح بعدی برسانید: برنامه‌های کاربردی وب تمام پشته که واقعاً تعاملی هستند.

 در میان سایر کتابخانه های جاوا اسکریپت، React.js متمایز است. برای توسعه UI به اجزای قابل استفاده مجدد متکی است، نه الگوها، که به توسعه دهندگان اجازه می دهد نماهایی را در جایی که داده ها در طول زمان تغییر می کنند، ارائه دهند. برنامه های React مقیاس پذیرتر و قابل نگهداری تر هستند و توسعه دهندگان را کارآمدتر و کاربران را راضی تر می کنند. در این دوره، Eve Porcello اصول اولیه کتابخانه React را با استفاده از مدرن ترین نحو و بهترین روش ها برای ایجاد کامپوننت های React معرفی می کند. در طول راه، نحوه تنظیم ابزارهای Chrome را برای React بیاموزید. ایجاد اجزای جدید؛ با Hook های داخلی در React کار کنید. و بیشتر.

 این دوره شما را از طریق فرآیند تنظیم و آزمایش برنامه های وب با استفاده از Vitest یکپارچه با کتابخانه تست React و سایر کتابخانه های ضروری راهنمایی می کند. بیاموزید که چگونه یک برنامه React را با Vite تنظیم کنید ، وابستگی ها را نصب کنید و پروژه خود را آغاز کنید ، زیرا اصول اولیه Vitest را کشف می کنید و چگونه می تواند در استراتژی آزمایش شما با مربی Cyrus Ndirangu قرار بگیرد. قبل از شروع کار با اولین تست واحد خود ، ESLINT و Prettier را برای حفظ کیفیت کد و قوام سبک پیکربندی کنید. به تدریج ، بهترین شیوه ها را برای آزمایش وضعیت برنامه و قلاب سریع و کارآمد کشف کنید. در پایان دوره ، شما آماده خواهید بود که آزمایشاتی را بنویسید که عملکرد برنامه شما را تأیید کند ، از جمله آزمایش درخواست های Mock API و اطمینان از مسیریابی صحیح با استفاده از روتر React. با داشتن نمونه های عملی و راهنمایی های متخصص در کل ، این دوره به شما نشان می دهد که چرا آزمایش بسیار مهم است و نحوه استفاده از آن برای بهبود گردش کار توسعه شما.

 ماجراجویی خود را به عنوان React ، کتابخانه جلویی که مورد اعتماد توسعه دهندگان در سراسر جهان است ، شروع کنید ، زیرا ری ویلاوبوس شما را شروع به نصب React می کند ، با استفاده از قلاب هایی برای مدیریت حالت و چرخه عمر ، رسیدگی به رویدادها و ساختار اجزای خود برای حداکثر قابلیت استفاده مجدد. با Pico CSS به یک ظاهر طراحی شده شیرجه بزنید. برنامه خود را با JSX بهینه کنید و پیچیدگی های ادغام و مدیریت ماژول های خارجی را بیاموزید. روشهای عملی برای استفاده از ابزارهایی مانند Node.JS ، VEET و Codepaces CodeSpaces را برای توسعه و اشکال زدایی کارآمد کشف کنید. بیاموزید که چگونه نمادهای SVG و فونت های سفارشی را درج کنید تا جذابیت بصری برنامه خود را تقویت کنید. همراه با نمونه ها و پروژه های دستی که برای تحکیم درک شما طراحی شده است. این که آیا شما در حال ایجاد رابط های تعاملی کاربر برای پروژه های شخصی یا استفاده از برنامه های آماده تولید هستید ، این دوره جامع شما را به دانشی که برای تعالی نیاز دارید ، مجهز می کند.

 در مورد برخی از مهمترین ابزارهای موجود در اکوسیستم React که به شما کمک می کند توسعه را ساده کنید و پیچیدگی های حالت، عوارض جانبی، ساختار و استایل را مدیریت کنید، بیاموزید. مربی Shaun Wassell نحوه ایجاد یک پروژه اصلی React را نشان می دهد و سپس نحوه اضافه کردن Redux، ایجاد thunks، استفاده از انتخابگرها، کار با styled-components، انجام تست و موارد دیگر را توضیح می دهد.

 

در این دوره ، Ifeoma Nwosu ، یک مهندس نرم افزار جلوی ، شما را از طریق اصول ساخت کتابخانه های مؤلفه مقیاس پذیر و قابل استفاده مجدد با کتاب واکنش و داستان راهنمایی می کند.

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

به علاوه ، به اصول توسعه مؤلفه محور غوطه ور شوید ، بنابراین می توانید کتابخانه هایی ایجاد کنید که گردش کار را ساده تر کند ، همکاری را تقویت کرده و رابط های کاربر پویا ، پاسخگو و در دسترس را ارائه دهید.

این دوره به شما کمک می کند تا مهارت هایی را برای ساختن کتابخانه های مؤلفه ای که کل تیم شما دوست دارند استفاده کنند ، انجام دهید.

 آگاهی از ابزار AI برای اثبات آینده شغلی در توسعه دهندگان React بسیار مهم است و درک مجموعه Vercel ابزارهای AI یک سطح شیب دار قابل دسترسی برای هر کسی است که با واکنش واکنش نشان دهد. این پشته باعث می شود پارادایم های جدید هوش مصنوعی تولیدی و پخش رابط های کاربر در یک برنامه React را آسان تر کنیم. در این دوره ، نگاهی دقیق تر به Vercel AI SDK بیندازید و ببینید که چگونه این امر می تواند به توسعه دهندگان به ایجاد رابط های جریان با JavaScript و TypeScript کمک کند. به مربی Eve Porcello بپیوندید تا دریابید که چگونه می توانید عملکردهای پیشرفته AI را به برنامه های خود اضافه کنید زیرا او شما را از طریق ایجاد یک برنامه React با Next.js. راهنمایی می کند. در مورد کار با جریان ها ، استفاده از توابع تولید کننده هوش مصنوعی ، کار با مؤلفه ها ، تولید داده های ساختاری و موارد دیگر اطلاعات کسب کنید و دانش و مهارت مورد نیاز خود را برای سوار شدن به این موج جدید فناوری دریافت کنید.

 این دوره تجربه کارآیی در کار با React و JSX را فراهم می کند. همراه با مربی Maaike Van Putten برای یادگیری چگونگی ساخت UI های پویا از زمین به بالا و کشف ویژگی هایی مانند اجزای کاربردی ، غرفه ها و مدیریت دولت با استفاده از ماستاژ و رسیدگی به فرم ها و رویدادها. بیاموزید که چگونه لیست های داده و برنامه خود را با استفاده از اجزای سبک ارائه دهید. هر فصل با یک چالش کوتاه به پایان می رسد تا تجربه عملی را به شما ارائه دهد و خودتان از این مفهوم استفاده کنید.

 اگر اصول React را یاد گرفته‌اید و روی بسیاری از برنامه‌های React کار کرده‌اید، به احتمال زیاد با مشکلات و موقعیت‌های تکراری مانند ایجاد طرح‌بندی‌های قابل استفاده مجدد یا کار با فرم‌ها مواجه شده‌اید. اگر در جستجوی راه‌حل‌هایی برای مشکلات رایج بوده‌اید، به دنبال این دوره آموزشی با Shaun Wassell نباشید، جایی که او بسیاری از مفیدترین الگوهای طراحی - راه‌حل‌های موثر و تکرارپذیر برای چالش‌های رایج توسعه برنامه‌ها را پوشش می‌دهد. این دوره از چندین بخش تشکیل شده است که هر یک از آنها گروهی از الگوهای طراحی React را شامل می شود که از نحو ترجیحی برای کارهای خاص تا نحوه چیدمان اجزا به مؤثرترین روش را شامل می شود. از جمله موضوعاتی که Shaun پوشش می دهد ترکیب، اجزای مرتبه بالاتر، بالا بردن حالت، اجزای کنترل شده در مقابل کنترل نشده، و بسیاری از الگوهای دیگر است که به برنامه React کمک می کند تا به یک پایگاه کد به خوبی سازماندهی شده تبدیل شود.

 

این دوره با هدف این است که با مفاهیم ، استراتژی ها و روش های پیشرفته از طریق تمرین دستی ، دانش و مهارت های React خود را به سطح بعدی برسانید. این طراحی برای کمک به شما در دستیابی به بهترین شیوه های پیشرفته و استانداردهای صنعت است. مربی موضوعات پوشش Sandy Ludosky از جمله به روزرسانی های حالت و Renders ، الگوهای مدیریت پیشرفته دولت ، چرخه عمر و داده های واکشی React. React.Memo ، متفاوت بودن و آشتی ، و دفع و ضربه زدن.

این دوره شامل چالش های کد است که توسط CoderPad تهیه شده است. چالش های کد تمرینات برنامه نویسی تعاملی با بازخورد در زمان واقعی است ، بنابراین می توانید برای پیشبرد مهارت های برنامه نویسی خود ، در کنار محتوای دوره ، تمرین کدگذاری دستی را انجام دهید.

 Next.JS یک چارچوب React است که توسط توسعه دهندگان برای توسعه دهندگان ، برای ایجاد برنامه های وب با کیفیت بالا و پاسخگو ساخته شده است. Next.JS با داشتن ابزارهای داخلی و ویژگی های آماده استفاده ، روند توسعه را بدون درد و نسیم ایجاد می کند. در این دوره ، توسعه دهنده وب و مربی Sandy Ludosky به شما می آموزد که چگونه از چارچوب بعدی استفاده کنید. برای سرعت بخشیدن و بهبود گردش کار خود ، خواه یک توسعه دهنده جلو یا عقب باشید. نحوه ساخت و استقرار یک برنامه وب کاملاً کاربردی را پیدا کنید. روشهای اهرم و بهبود تجربه توسعه دهنده را کاوش کنید. به علاوه ، به نمونه های عملی بروید و یک پروژه دوره را تکمیل کنید تا به شما در تمرین آنچه آموخته اید کمک کنید. این دوره می تواند به شما در رسیدن به سطح بعدی با Next.js. کمک کند

 

تصور کنید که شما یک فضای آجر و ملات برای فروش همبرگر دارید و با ایجاد یک وب سایت خوب طراحی شده به دنبال گسترش تجارت خود به صورت آنلاین هستید. این پروژه بر توسعه وب جلوی ، طراحی کاربر (UX) و عملکرد اساسی تجارت الکترونیکی برای ایجاد یک وب سایت با فروش همبرگر با استفاده از react.js متمرکز شده است. این پلتفرم مشتریان را قادر می سازد منو را مرور کنند ، سفارشات را بصورت آنلاین قرار دهند و پرداخت های ایمن را انجام دهند. این پروژه به گونه ای طراحی شده است که تقریباً در 10 ساعت به پایان برسد.

این پروژه توسط Skillup Online ایجاد شده است. ما خوشحالیم که این آموزش را در کتابخانه خود میزبانی می کنیم.