آموزش React: جایگزینی پروژه های قدیمی

React: Replacing Legacy Projects

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: اگرچه ایجاد برنامه های جدید از ابتدا با استفاده از جدیدترین و بهترین فناوری ها بسیار سرگرم کننده است ، انتقال برنامه های قدیمی به رویکردهای جدید نیاز به کمی عقب نشینی دارد. به روزرسانی به یک چارچوب مدرن به معنای تجدیدنظر در سایر تصمیمات مرتبط است. در این دوره مبتنی بر پروژه ، امانوئل هنری به شما کمک می کند با نشان دادن نحوه به روزرسانی برنامه ها یا وب سایت های قدیمی به React ، با اطمینان فرآیند تبدیل را کنترل کنید. امانوئل برای نشان دادن مراحل مختلف این روند کاری ، شما را از طریق تبدیل یک پروژه Vanilla JS به یک برنامه واکنش نشان می دهد. وی ابزارهایی را که برای ساختن یک برنامه React به آنها نیاز دارید ، پوشش می دهد و نشان می دهد که چگونه می توان یک صفحه وب قدیمی را به اجزای مختلف تقسیم کرد ، حالت را با داده های ثابت تنظیم کرد ، با Firebase یک باطن خارجی اضافه کرد ، ناوبری و مسیریابی را اضافه کرد و اطمینان حاصل کرد که شما " دوباره بهترین روش ها را دنبال کنید
موضوعات شامل:
  • ایجاد یک پروژه جدید React
  • نصب و کار با React Developer Tools
  • تجزیه یک پروژه به اجزا
  • تنظیم حالت با داده های ثابت
  • افزودن و نهایی سازی CSS در م componentsلفه ها
  • راه اندازی و استفاده از Firebase
  • بهترین شیوه های کد استاندارد
  • نصب و تنظیم Flow برای بررسی نوع

سرفصل ها و درس ها

مقدمه Introduction

  • خوش آمدی Welcome

  • آنچه باید بدانید What you should know

  • با استفاده از پرونده های تمرینی Using the exercise files

1. تنظیم 1. Setting Up

  • خلاصه مراحل Summary of the steps

  • معرفی پروژه پایه The base project intro

  • ایجاد برنامه React پایه Creation of the base React app

  • مجموعه ابزار را فعال کنید React tool set

2. بلوک های ساختمان برنامه 2. Application Building Blocks

  • پیکربندی پایه با صفحه وب Base configuration with webpack

  • فایل پایه ورودی برای پروژه React Entry base file for React project

  • به مؤلفه ها جدا شوید Dissect into components

  • تنظیم وضعیت با داده های استاتیک Setting up the state with static data

  • اضافه کردن و نهایی کردن CSS در قطعات Adding and finalizing CSS in components

3. باطن 3. Backend

  • با استفاده از باطن Firebase Leverage Firebase backend

  • عملکردهای خواندن را وصل کنید Connect read functions

4. به بهترین روشها واکنش نشان دهید 4. React Best Practices

  • تمرین کد استاندارد را تنظیم کنید Set up standard code practice

  • مسیریابی با روتر React Routing with React Router

  • چک کردن را با Flow تایپ کنید Type checking with Flow

نتیجه Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

آموزش React: جایگزینی پروژه های قدیمی
جزییات دوره
1h 29m
18
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
9,875
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Emmanuel Henri Emmanuel Henri

مدیر اجرایی با بیش از 20 سال تجربه در برنامه نویسی و طراحی

امانوئل هنری یک توسعه دهنده فول استک با 20 سال تجربه در برنامه نویسی، فناوری و طراحی است.

> امانوئل مسئول تمام جنبه های پروژه های وب و تلفن همراه مبتنی بر مشتری، از جمله جدول زمانی و محدوده بوده است. این پروژه‌ها از ابزارهای JIRA/Atlassian، متدولوژی‌های چابک، و زبان‌ها و چارچوب‌هایی مانند React، Angular، Node، Meteor، GraphQL، JavaScript، Swift، HTML، CSS (Sass)، MongoDB و MySQL استفاده کرده‌اند. او همچنین در دنیای بازی های سه بعدی با استفاده از ابزارهایی مانند Unreal، ZBrush، Maya و چندین ابزار دیگر کار می کند. او علاقه زیادی به ایجاد برنامه‌ها و بازی‌هایی دارد که از جدیدترین فناوری‌ها در ابزارها، چارچوب‌ها و زبان‌های فوق استفاده می‌کنند.

برای اطلاعات بیشتر، به mannyhenri.com.