🔔 با توجه به بهبود نسبی اینترنت، آمادهسازی دورهها آغاز شده است. به دلیل تداوم برخی اختلالات، بارگذاری دورهها ممکن است با کمی تأخیر انجام شود. مدت اشتراکهای تهیهشده محفوظ است.
لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش بوتکمپ ریاکت جیاس، انگولار و ریلز ۵
- آخرین آپدیت
دانلود React JS + Angular + Rails 5 Bootcamp
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
ساخت اپلیکیشنهای Real World با React JS، Angular و Ruby on Rails
آموزش جامع ساخت اپلیکیشنهای پیشرفته با React JS و Angular به همراه بکاند Ruby on Rails.
مهارتهایی که کسب خواهید کرد:
ساخت اپلیکیشنهای Angular و React JS از صفر
یکپارچهسازی اپلیکیشنهای Angular و React با چندین API در Ruby on Rails
پیادهسازی قابلیتهایی مانند: مسیریابی (routing)، اتصال داده (data binding)، بهروزرسانی داده بدون رفرش صفحه و موارد بیشتر!
ساخت اپلیکیشنهای React JS
یکپارچهسازی احراز هویت (Authentication) بین API در Ruby on Rails و فرانتاند با فریمورک جاوا اسکریپت
آپدیت دوره در می ۲۰۲۱! بخش جدیدی شامل کارگاههای کدنویسی زنده، از جمله بررسی عمیق نحوه کار با React Hooks اضافه شده است.
آیا آمادهاید اپلیکیشنهای حرفهای بسازید که فریمورکهای فرانتاندی مانند React JS و Angular را با Ruby on Rails به عنوان بکاند ترکیب کنند؟ اگر پاسخ شما مثبت است، این دوره برای شماست. من، جردن هادجنس، مربی شما در این دوره هستم. علاوه بر اینکه مدرس اصلی devCamp هستم، بیش از یک دهه در ساخت اپلیکیشنهای وب برای سازمانهایی مانند Eventbrite و Quip فعالیت داشتهام.
پس از اتمام این دوره، شما قادر خواهید بود اپلیکیشنهای مدرن React JS، Angular و Ruby on Rails 5 بسازید. در واقع، در این دوره چندین اپلیکیشن خواهیم ساخت که قابلیتهای قدرتمند و پویای فریمورکهای فرانتاند مانند React JS و Angular را به عنوان رابط کاربری، و اپلیکیشنهای API در Ruby on Rails را به عنوان بکاند به نمایش میگذارند. این یک ترکیب قدرتمند است، زیرا یاد خواهید گرفت چگونه اپلیکیشنهای فوقالعاده سریع و پویا در React JS و Angular بسازید که قابلیتهایی مانند بهروزرسانیهای لحظهای (real time updates) را در خود جای داده و از قدرت و انعطافپذیری فریمورک Ruby on Rails بهرهمند شوند.
مفاهیم کلیدی که در طول دوره یاد خواهید گرفت:
نحوه پیکربندی سیستم برای اجرای اپلیکیشنهای Angular و React JS
نحوه ایجاد اپلیکیشنهای Angular
نحوه ایجاد اپلیکیشنهای React JS
ملزومات ساخت کامپوننتهای React و Angular
نحوه کار با Observables در Angular برای بهروزرسانی خودکار عناصر صفحه بدون نیاز به رفرش آن
نحوه ارتباط با APIها و تجزیه دادههای بازگشتی آنها
نحوه یکپارچهسازی احراز هویت از ابتدا با استفاده از احراز هویت مبتنی بر نشست (session based auth)
و هر آنچه برای ساخت اپلیکیشنهای واقعی React JS و Angular با API در Ruby on Rails نیاز دارید!
این دوره برای مبتدیان نیست. برای گذراندن این مطالب، حداقل باید درک پایهای از Rails داشته باشید. همچنین توصیه میشود با زبانهای برنامهنویسی TypeScript و JavaScript آشنا باشید، اما اگر قبلاً با TypeScript یا JavaScript کار نکردهاید، همچنان میتوانید این دوره را دنبال کنید.
هر درس دوره با کد منبعی که در راهنما استفاده کردهام، همراه است تا بتوانید کار خود را بررسی کنید. از آنجایی که اپلیکیشن در حال ساخت یک اپلیکیشن واقعی است، من به طور مداوم مطالب دوره را با ویژگیهای جدید بهروزرسانی خواهم کرد، همانطور که در دورههای دیگرم این کار را انجام میدهم.
لطفاً سرفصلهای دوره را مرور کنید و مشتاقانه منتظر همراهی شما در مسیر یادگیری توسعه هستم!
پیشنیازهای دوره:
دانش پایه Ruby on Rails
دسترسی به کامپیوتر Mac یا Linux (یا IDE آنلاین مانند C9)
دانش پایه JavaScript
سرفصل ها و درس ها
معرفی پروژه
Project Introduction
اپلیکیشن Angular + Rails که خواهیم ساخت
The Angular + Rails Application We're Going to Build
معماری اپلیکیشن برای اپلیکیشن Angular + Rails
Application Architecture for an Angular + Rails Application
نگاهی عمیق به معماری Monolith در مقابل Microservice
Monolith vs Microservice Architecture Deep Dive
نقش سرویسها در معماری Microservice
The Role of Services in Microservice Architecture
نقش کامپوننتها در Microservices
The Role of Components in Microservices
پیکربندی سیستم برای اپلیکیشن Angular 2
System configuration for Angular 2 Application
پیکربندی سیستمی برای اجرای اپلیکیشنهای Angular 2
Configuring a System to Run Angular 2 Applications
تولید اپلیکیشن Angular 2 از ابتدا
Generating an Angular 2 Application from Scratch
توسعه Angular 2
Angular 2 Development
سلام Angular 2
Hello Angular 2
کار با Browser Sync
Working with Browser Sync
ایجاد کامپوننت App
Creating the App Component
مقدمهای بر مسیریابی Angular 2
Introduction to Angular 2 Routing
نحوه ایجاد فایلهای View در Angular 2
How to Create View Files in Angular 2
ساخت کامپوننت مدیریت سند
Building the Document Management Component
ایجاد کامپوننت مدیریت سند
Create a Document Management Component
ایجاد لینک بین صفحات در Angular
Creating Links Between Pages in Angular
ایجاد رابط Angular برای مدلسازی دادهها
Creating an Angular Interface to Model Data
ایجاد دادههای Mock در اپلیکیشن Angular 2
Creating Mock Data in an Angular 2 Application
نحوه دسترسی به دادههای کامپوننت از یک قالب View در Angular
How to Access Component Data from an Angular View Template
ساخت کامپوننت Proposal
Building the Proposal Component
ایجاد کامپوننت Proposal اولیه
Creating the Initial Proposal Component
ایجاد مدل داده Angular 2 برای Proposals
Creating an Angular 2 Data Model for Proposals
پر کردن لیست View در Angular با دادهها
Populating an Angular List View with Data
ساخت کامپوننت Angular 2 که Proposals جدید ایجاد میکند
Building an Angular 2 Component that will Create New Proposals
مقدمهای بر فرمهای Angular 2
Introduction to Angular 2 Forms
تکمیل فرم Proposal در Angular
Completing the Angular Proposal Form
نحوه پیادهسازی اعتبارسنجی دادههای پویا در Angular 2
How to Implement Dynamic Data Validations in Angular 2
ایجاد مسیرهای پویا در Angular 2 بر اساس جستجوی ID
Creating Dynamic Routes in Angular 2 Based on an ID Lookup
نحوه فعال کردن کلاسهای 'Active' در Viewهای Angular 2
How to Trigger 'Active' Classes in Angular 2 Views
ادغام Bootstrap 4 در اپلیکیشن Angular 2
Integrating Bootstrap 4 in an Angular 2 Application
نصب Bootstrap 4 در اپلیکیشن Angular 2 با ng-bootstrap
Installing Bootstrap 4 into an Angular 2 Application with ng-bootstrap
نحوه تنظیم استایلهای عمومی در اپلیکیشن Angular 2
How to Set Universal Styles in an Angular 2 Application
ایجاد نوار ناوبری Bootstrap 4
Creating a Bootstrap 4 Navigation Bar
نحوه افزودن پویا کلاسهای CSS در یک View Angular 2
How to Dynamically Add CSS Classes in an Angular 2 View
استفاده از کارتهای Bootstrap در اپلیکیشن Angular
Using Bootstrap Cards in an Angular Application
ایجاد فایلهای CSS مخصوص کامپوننت Angular 2
Creating Angular 2 Component Specific CSS Files
تنظیم استایلهای سراسری اضافی برای تمام کامپوننتهای اپلیکیشن در Angular 2
Setting Additional Global Styles for All Application Components in Angular 2
نحوه بازنویسی استایلهای پیشفرض ناوبری Bootstrap 4
How to Override the Default Bootstrap 4 Navigation Styles
افزودن استایل به فرم Angular 2
Adding Styles to an Angular 2 Form
نحوه استایلدهی پیامهای اعتبارسنجی پویا در Angular 2
How to Style Dynamic Validation Messages in Angular 2
نحوه استایلدهی ورودیهای فرم با استایلهای Bootstrap 4
How to Style Form Inputs with Bootstrap 4 Styles
نحوه ادغام استایلهای کامپوننت List Group در Angular 2
How to Integrate the List Group Component Styles in Angular 2
نحوه کار با Pipeهای Angular 2 برای قالببندی ارزها
How to Work with Angular 2 Pipes to Format Currencies
تغییرات نهایی استایل در اپلیکیشن Angular
Final Style Changes to Angular Application
نحوه افزودن فونت سفارشی به اپلیکیشن Angular 2
How to Add a Custom Font to an Angular 2 Application
ایجاد یک Microservice Ruby on Rails برای مدیریت اسناد
Creating a Ruby on Rails Microservice to Manage Documents
تولید اپلیکیشن Rails 5 API از ابتدا
Generating a Rails 5 API Application from Scratch
نحوه تولید داده در اپلیکیشن Rails 5
How to Generate Data in a Rails 5 Application
نحوه پیکربندی تنظیمات شبکه برای اپلیکیشن Rails API
How to Configure the Network Settings for a Rails API App
اتصال فرانت اند Angular با اپلیکیشن API سند Rails
Connecting the Angular Front End with the Rails Document API App
ایجاد یک سرویس Angular 2 برای مدیریت دادههای API
Creating an Angular 2 Service for Managing API Data
مقدمهای بر Observables در Angular 2
Introduction to Angular 2 Observables
نحوه نمایش دادههای API در اپلیکیشن Angular 2
How to Render API Data in an Angular 2 Application
تحلیل بهروزرسانیهای داده در زمان واقعی با یک سیستم Angular + Rails
Analyzing Real Time Data Updates with an Angular + Rails System
تغییرات نهایی استایل در کامپوننت سند Angular 2
Final Style Changes to Angular 2 Document Component
ایجاد اپلیکیشن Microservice API Ruby on Rails برای Proposal
Creating the Proposal Ruby on Rails Microservice API Application
ساخت یک Microservice API Rails 5
Building a Rails 5 API Microservice
استفاده از فایل Seeds برای ایجاد دادههای نمونه در اپلیکیشن Rails 5 API
Using the Seeds File to Create Sample Data in a Rails 5 API App
اتصال اپلیکیشن Angular 2 با Microservice Proposal Rails
Connecting the Angular 2 App with the Rails Proposal Microservice
استفاده از Observable در Angular 2 برای استریم دادههای زنده برای کامپوننت لیست Proposal
Using an Angular 2 Observable to Stream Live Data for the Proposal List Componen
نحوه پیادهسازی کامپوننت صفحه نمایش در Angular 2 با دادههای API
How to Implement an Angular 2 Show Page Component with API Data
نحوه ساخت یک تابع لینک سفارشی در کامپوننت Angular 2
How to Build a Custom Link Function in an Angular 2 Component
ایجاد دکمه ارسال فرم در Angular 2
Creating an Angular 2 Form Submit Button
نحوه ایجاد رکوردهای جدید در Rails API از یک اپلیکیشن Angular
How to Create New Records in a Rails API from an Angular App
تغییرات نهایی اپلیکیشن
Final Application Changes
نحوه افزودن نوتیفیکیشنهای پویا در اپلیکیشن Angular 2
How to Add Dynamic Notifications in an Angular 2 Application
افزودن تغییرات نهایی استایل به کامپوننت نمایش Proposal
Adding Final Style Changes to the Proposal Show Component
نحوه فعال کردن ارسال ایمیل از Microservice Rails
How to Trigger Sending Emails from the Rails Microservice
Jordan Hudgens
نمایش نظرات