کانال تلگرام پشتیبانی تلگرام شماره تماس پشتیبانی: 0930 395 3766
ورود ثبت نام

آموزش به مفاهیم اصلی React و Storybook مسلط شوید

Master The Core Concepts of React and Storybook

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: آموزش ساخت کتابخانه کامپوننت های حرفه ای با استفاده از React with Storybook و آزمایش آنها به صورت مجزا درک اصول React استفاده از React در مرورگر و در Node Build Reusable و Composable کتابخانه اجزای React نحوه استفاده از Storybook و React در پروژه خود نحوه آزمایش کامپوننت ها با تست واکنش -کتابخانه و اجزای سبک کتاب داستانی با ماژول های TailwindCSS و CSS تست دسترسی (a11y) تست رگرسیون بصری (VRT) CI/CD ایجاد گردش کار با Github Actions پیش نیازها: دانش پایه جاوا اسکریپت و CSS IDE، کنترل نسخه

یک آموزش عملی عملی برای ساخت کتابخانه اجزای React با Storybook.

در این دوره عملی و عملی، یاد خواهید گرفت که چگونه با Storybook یک کتابخانه اجزای React بسازید. شما با یادگیری اصول React شروع می‌کنید و سپس به سراغ ایجاد یک کتابخانه کامل اجزای React با Storybook خواهید رفت. همچنین در مورد انواع مختلف تست خودکار برای Component ها، نحوه آزمایش اجزا به صورت مجزا و نحوه نوشتن خطوط لوله CI/CD خواهید آموخت.

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

این دوره به گونه ای طراحی شده است که شما می توانید برای هر پروژه، چه یک برنامه وب یا یک برنامه تک صفحه ای (SPA) اجزایی با ظاهری معتبر ایجاد کنید. همچنین اطلاعاتی در مورد نحوه توسعه و حفظ استانداردهای شرکت‌ها با استفاده از فناوری‌های مبتنی بر جاوا اسکریپت مانند React دریافت خواهید کرد!

این دوره برای هر کسی که می‌خواهد درباره React و نحوه ساخت کتابخانه‌های Component اطلاعات بیشتری کسب کند عالی است. بنابراین، اگر آماده‌اید مهارت‌های React خود را به سطح بعدی ارتقا دهید، همین امروز ثبت‌نام کنید!



  • آنچه یاد خواهید گرفت: نحوه ساخت اجزای React را با استفاده از React v17، کامپوننت‌های مبتنی بر کلاس، کامپوننت‌های تابعی، Hooks، JSX، Props، State، Storybook برای توسعه کامپوننت‌ها، ماژول‌های CSS، Component Composition، Unit Testing، یاد خواهید گرفت. تست کتاب داستان، قابلیت دسترسی تست، تست رگرسیون بصری، CI/CD

  • چرا باید در این کلاس شرکت کنید: اگر یک توسعه دهنده Frontend هستید که می خواهید React را یاد بگیرید یا از React استفاده کرده اید اما می خواهید مفاهیم پیشرفته تری و نحوه استفاده از React در یک محیط تولید برای ایجاد اجزای وب و نحوه توسعه بیاموزید. اجزای جداگانه با Storybook پس باید این کلاس

    را انتخاب کنید

  • این کلاس برای چه کسانی است: توسعه دهندگان Frontend که اصول جاوا اسکریپت و CSS را می دانند

  • مواد/منابع: دانش Javascript CSS، Node.js نصب شده، IDE، حساب github


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

React Fundamentals React Fundamentals

  • معرفی دوره Course Introduction

  • React Introduction React Introduction

  • در مرورگر واکنش نشان دهید React in the Browser

  • JSX JSX

  • امتیازات JSX JSX perks

  • اجزای کلاسی Class based Components

  • اجزای عملکردی Functional Components

  • لوازم جانبی Props

  • رسیدگی به رویدادها Handeling Events

  • حالت State

  • مسابقه برای حالت و لوازم Quiz for State & Props

  • معرفی Node.js Introducing Node.js

  • React برنامه با استفاده از Webpack React app using Webpack

  • این بسته ها را نصب کنید Install these packages

با کتاب داستان واکنش نشان دهید React with Storybook

  • توسعه مبتنی بر مولفه Component Driven Development

  • طراحی اتمی Atomic Design

  • درک خود را از طراحی اتمی آزمایش کنید Test your understanding of Atomic design

  • از Creative-react-app CLI استفاده کنید Use create-react-app CLI

  • افزودن استایل شیت ها Adding Stylesheets

  • Storybook را نصب کنید Install Storybook

  • معرفی کتاب داستان با جزء دکمه Storybook intro with Button component

  • جزء شمارنده Counter component

  • React State با useState React State with useState

  • جزء رتبه بندی Rating component

  • جزء آکاردئون Accordion Component

  • useRef() با آکاردئون useRef() with Accordion

  • تغییر عنوان کامپوننت ها Change Components Title

  • جزء TextInput TextInput Component

  • مؤلفه کنترل شده (TextInput) Controlled Component (TextInput)

  • TailwindCSS را راه اندازی کنید Setup TailwindCSS

  • Style TextInput Style TextInput

آزمایش کردن Testing

  • کامپوننت دکمه تست واحد Unit test Button Component

  • تست با کتاب داستان Testing with Storybook

  • تست دسترسی (a11y) Testing Accessibility (a11y)

  • راه اندازی تست رگرسیون بصری (VRT) Setup Visual Regression Test (VRT)

CI/CD CI/CD

  • چه CI/CD؟ What CI/CD ?

  • اقدامات Github Github Actions

  • گردش کار CI را ایجاد کنید Create CI Workflow

  • تست ناموفق در CI را برطرف کنید Fix Failed test on the CI

  • Codecov را اضافه کنید Add Codecov

  • اضافه کردن نشان وضعیت Add Status Badge

  • کتاب داستان را با VRT منتشر کنید Publish Storybook with VRTs

  • VRT را تعمیر کنید Fix VRT

React Tools & Recommendations React Tools & Recommendations

  • بهترین Backend برای React- Part 1 Best Backend for React- Part 1

  • بهترین Backend برای React - قسمت 2 Best Backend for React- Part 2

  • از ChatGPT برای کدنویسی استفاده کنید [9 مثال] Use ChatGPT for coding [9 Examples]

نمایش نظرات

نظری ارسال نشده است.

آموزش به مفاهیم اصلی React و Storybook مسلط شوید
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
4.5 hours
44
Udemy (یودمی) udemy-small
01 تیر 1402 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
709
4.1 از 5
دارد
دارد
دارد
Bassam Guide

https://donyad.com/d/5ae55a

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

دوره آموزشی Java Enterprise Edition 8 for Beginners

دوره آموزشی Java Enterprise Edition 8 for Beginners

Java Enterprise Edition 8 for Beginners course

Jakarta EE، JPA، CDI، JAX-RS، REST، JWT، JSON-P و JSON-B و موارد دیگر را بدانید. "JEE Developer" را به رزومه خود اضافه کنید!

آموزش SQL پیشرفته برای توسعه برنامه

آموزش SQL پیشرفته برای توسعه برنامه

Advanced SQL for Application Development

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

آموزش Spring Boot 3 Thymeleaf REAL-TIME Web Application - Blog App

آموزش Spring Boot 3 Thymeleaf REAL-TIME Web Application - Blog App

Spring Boot 3 Thymeleaf REAL-TIME Web Application - Blog App

آموزش ساخت اپلیکیشن وب بلادرنگ با استفاده از Spring Boot 3، Spring MVC، Thymeleaf، Spring Security 6، Spring Data JPA و MySQL

آموزش مقدمه ای بر HTML: دوره کامل مبتدی تا خبره [ویدئو]

آموزش مقدمه ای بر HTML: دوره کامل مبتدی تا خبره [ویدئو]

Introduction to HTML: A Complete Beginner to Expert Course [Video]

آموزش کدنویسی در HTML از ابتدا. ایده آل برای مبتدیان و کسانی که می خواهند HTML یاد بگیرند

Bassam Guide Bassam Guide

معمار نرم افزار

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.