آموزش Angular، Unit Testing و Figma

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

بیا شروع کنیم! Let's get started!

• تنظیمات و کلمات اولیه Initial settings and words

• با StackBlitz آشنا شوید: اپلیکیشن Angular خود را به صورت آنلاین بسازید Meet StackBlitz: build your Angular app online

• "آزمایشگاه Miyagi-Do: علم فقط برای دفاع از خود است!": برنامه ای که می خواهیم بسازیم "Miyagi-Do lab: science is for self-defense only!": the app we going to build

• با "استراتژی ورود به سیستم 3 مرحله" آشنا شوید، همان استراتژی که YouTube استفاده می کند Meet "the 3 stages log in strategy", the same used by YouTube

• نکات تکمیلی و دوره خوبی داشته باشید Additional remarks and have a nice course

• لطفا به من اطلاع دهید Please, let me know you!

• راهنمای کاربر: اطلاعاتی که ممکن است بدانید User's guide: some information you may to know

ماژول 1: ایجاد پروژه و اولین جزء ما Module 1: creating our project and first component

• اظهارات اولیه Initial remarks

• پروژه فیگما ما Our Figma project

• ایجاد پروژه با استفاده از Angular CLI Creating the project using Angular CLI

• ارائه پروژه استاندارد Angular Basic Presenting the Angular basic, standard project

• Meet Unit Testing در Angular: تست های پایه Meet Unit Testing in Angular: basic tests

• ایجاد اولین مؤلفه ما: مؤلفه layout Creating our first component: the layout component

ماژول 2: ایجاد اولین آزمون های واحد ما Module 2: creating our first unit tests

• کلمات اولیه و آماده سازی Initial words and preparation

• ایجاد جزء داشبورد ما Creating our dashboard component

• ایجاد اولین مسیریابی ما Creating our first routing

• تست مسیریابی ما Testing our routing

• یک دوره آموزشی در مورد تست واحد زاویه ای A crash course on Angular Unit Testing

• اجزای تمسخر آمیز: با کتابخانه ng-mocks آشنا شوید Mocking components: meet the library ng-mocks

• تمسخر ماژول مسیریابی Mocking the Routing Module

ماژول 3: ساخت هدر و پاورقی با استفاده از تست Module 3: building our header and footer, using test

• کلمات اولیه Initial words

• جمع بندی سریع Quick recap

• تمسخر اجزای کودک در انگولار Mocking child components in Angular

• پیکربندی فوتر و هدر ما: استفاده از Figma برای تولید خودکار کد CSS ما Configuring our footer and header: using Figma to autogenerate our CSS code

• سه نوع بررسی خطا: تست واحد به عنوان سطح تست خطای سوم The three types of error checking: unit testing as the third-error testing level

• ویرایش و واحد تست مؤلفه فوتر Editing and Unit testing the footer component

• ویرایش اجزای هدر، و برخی تنظیمات نهایی Editing the header components, and some final ajustments

ماژول 4: ساخت منو Module 4: build the menu

• منو بسازید build the menu

بسته شدن Closing

• تجربه شما Your experience

بخش پاداش: پیوست ها Bonus section: attachments

• آیا Angular واقعا بد است؟ Does Angular really sucks?

• یک دوره تصادف در Angular A crash course on Angular

• آیا می توانم اپلیکیشن Angular کامل و کاربردی خود را به صورت رایگان بسازم؟ بله، تو میتونی! Can I build my full and functional Angular app for free? yes, you can!

بخش جایزه: برش های انتخاب شده از دوره bonus section: selected cuts from the course

• تکنیک 3As برای تست واحد The 3As technique for unit testing

• لعنتی امتحان چیست؟ #شلوار کوتاه What the hell is a test? #shorts