دوره آموزشی
آموزش های یودمی
دوبله زبان فارسی

آموزش AstroJS - ساخت فرانت‌اندهای فوق‌العاده سریع

آموزش AstroJS - ساخت فرانت‌اندهای فوق‌العاده سریع

✅ سرفصل و جزئیات آموزش

آنچه یاد خواهید گرفت:

  • یاد می‌گیرید که چگونه از ری‌اکت، Preact ،Svelte ،Vue و فراتر از آن در اپلیکیشن Astro خود استفاده کنید.
  • درک جزایر کامپوننت - معماری وب مدرن برای ساخت وبسایت‌های سریع‌تر
  • ساخت اپلیکیشن‌های عملی مدرن واقعی 
  • شروع کار با Astro - یکی از سریع‌ترین کتابخانه‌های فرانت‌اند موجود
  • درک هیدراسیون مسئولانه و اهمیت آن
  • یاد می‌گیرید که چگونه جزایر کامپوننت در Astro عمل می‌کنند.
  • درک رفتار نشانه‌گذاری، استایل‌ها و اسکریپت‌های کامپوننت Astro
  • یاد می‌گیرید «صفر جاوااسکریپت» در کاربرد عملی به چه معناست.
  • یادگیری سینتکس قدرتمند قالب Astro و نحوه تفاوت آن با JSX 
  • پیاده‌سازی جزایر کامپوننت خود از ابتدا

توضیحات دوره

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

شرح مشکل - در دنیای سریعا در حال تحول توسعه وب، سرعت و کارایی همه‌ چیز است. فریمورک‌های سنتی جاوااسکریپت غالباً برای انعطاف‌پذیری، عملکرد را قربانی می‌کنند و این امر باعث می‌شود توسعه‌دهندگان در سایت‌های بزرگ با زمان بارگذاری کند روبرو شوند. Astro این بازی را تغییر می‌دهد و با تمرکز بر سرعت، به توسعه‌دهندگانی مانند شما امکان می‌دهد که وبسایت‌های فوق‌العاده سریع بسازند.

بررسی دوره - در این دوره آنلاین جامع که درباره آموزش Astro ایجاد شده به ما بپیوندید. Astro، فریمورک تحول‌آفرین جاوااسکریپت است که برای افزایش سرعت طراحی شده است. چه توسعه‌دهنده باتجربه باشید و چه فرد تازه‌کار، بینش‌های ارزشمندی از نحوه توانمندسازی Astro برای ساخت وبسایت‌های کارآمد در اختیار خواهید داشت.

در پایان دوره، شما به درک عمیق‌تری از Astro دست خواهید یافت و به شکلی قوی با Astro، فریمورک طراحی شده برای سرعت، آشنا می‌شوید.

نکات برجسته:

اصول Astro

  • استفاده از قدرت Astro برای ساخت وبسایت شخصی خود از ابتدا 
  • راه‌اندازی محیط توسعه محلی به راحتی

تسلط به جزایر کامپوننت

  • پرداختن به عمق معماری انقلابی جزایر کامپوننت Astros
  • کشف اینکه چگونه Astro رابط کاربری شما را به کامپوننت‌های کوچک‌تر و ایزوله تبدیل کرده و زمان بارگذاری بسیار سریع را تضمین می‌کند.
  • یاد می‌گیرید که چگونه از انعطاف‌پذیری Astro با فریمورک‌های مورد علاقه خود مانند ری‌اکت، Vue ،Svelte و Tailwind CSS بهره ببرید.

بینش‌های عملی جاوااسکریپت

  • رمزگشایی از مفهوم «صفر جاوااسکریپت» و تأثیرات واقعی آن
  • درک اینکه چرا کاهش اضافه بار ران‌تایم جاوااسکریپت یک تغییر بزرگ برای عملکرد وب است.

تسلط به کامپوننت‌های Astro

  • آشنایی عملی با نشانه‌گذاری، استایل‌ها و اسکریپت‌های کامپوننت Astro
  • کشف پتانسیل کامل سینتکس قالب Astros که از JSX متمایز است.

کشف جزایر کامپوننت

  • پرداختن به عمق هسته معماری Astro و ساخت جزایر کامپوننت خود از ابتدا
  • درک جادوی جزایر کامپوننت Astro و نقش محوری آنها در توسعه وب

هیدراسیون بهینه

  • بررسی هیدراسیون مسئولانه و اهمیت آن برای تجربه‌های کاربری بی‌نقص

مزیت جزیره‌ها

  • کسب درک عمیقی از اینکه چرا جزایر کامپوننت برای توسعه وب مدرن ضروری هستند.

استقبال از آینده توسعه وب

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

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

هم‌اکنون در دوره شرکت کرده و تبدیل به استاد سرعت و نوآوری با Astro شوید.

این دوره برای چه کسانی مناسب است؟

  • توسعه‌دهندگان وب که به دنبال ساخت وبسایت‌های محتوای مدرن هستند.
  • مهندسان فرانت‌اند (ری‌اکت، Vue و غیره) که می‌خواهند وبسایت‌های بسیار سریعتری بسازند.

آموزش AstroJS - ساخت فرانت‌اندهای فوق‌العاده سریع

  • بررسی پروژه 03:37
  • نصب نودجی‌اس و راه‌اندازی ویرایشگر کد خود 02:48
  • Wizard نصب Astro 02:47
  • درک ساختار پروژه Astro 06:57
  • آشنایی با صفحات Astro 02:43
  • آناتومی کامپوننت Astro 04:22
  • استایل‌های کامپوننت Astro 05:36
  • طرح‌بندی‌های صفحه قابل استفاده مجدد 06:46
  • بزرگ‌نویسی نام‌های کامپوننت 02:54
  • تستی بر آنچه تاکنون آموخته‌اید None
  • دایرکتیو استایل گلوبال 03:12
  • فونت‌های سفارشی و CSS گلوبال 03:22
  • کامپوننت‌های مستقل Astro 05:32
  • افزودن اسکریپت‌های تعاملی به کامپوننت‌های Astro 04:53
  • افزودن تاگل تم تعاملی 05:49
  • سلکتور ()global: 03:20
  • مدیریت رویداد 02:35
  • تم‌سازی از طریق متغیرهای CSS 04:40
  • دسترسی به آبجکت‌های کلاینت گلوبال 09:36
  • جادوی اسکریپت‌ها 05:19
  • تستی بر آنچه تاکنون آموخته‌اید None
  • استفاده از اسکریپت‌های درون‌خطی 05:34
  • مراقب سلکتورهای گلوبال در اسکریپت‌ها باشید 03:58
  • استفاده از علامت‌گذاری برای صفحات 03:52
  • چگونه بین صفحات Astro ناوبری کنیم؟ 01:34
  • یکنواختی در طرح‌بندی‌های علامت‌گذاری 04:47
  • کامپوز کردن طرح‌بندی‌ها در Astro 02:55
  • Props کامپوننت Astro 03:56
  • استفاده از ویژگی‌های Frontmatter علامت‌گذاری 09:14
  • State ناوبری تعاملی با اسکریپت‌های Astro 04:22
  • کامپوز کردن کامپوننت‌های Astro 14:07
  • تستی بر آنچه تاکنون آموخته‌اید None
  • ناوبری کامل کارت کامپوننت 02:51
  • جریان داده قالب Astro 06:22
  • جنبه تاریک define:vars 05:09
  • چگونه چندین فایل را در Astro بارگذاری کنیم؟ - بخش 1 07:17
  • چگونه چندین فایل را در Astro بارگذاری کنیم؟ - بخش 2 07:46
  • تستی بر آنچه تاکنون آموخته‌اید None
  • وبسایت Astro ما چقدر سریع است؟ شگفت‌انگیز 01:13
  • مقدمه 02:00
  • خستگی ران‌تایم جاوااسکریپت 07:03
  • Ditching ران‌تایم جاوااسکریپت 04:14
  • کامپوننت Astro چیست؟ - بخش 1 04:40
  • نصب دستی Astro و رندرینگ HTML 03:33
  • لذت کامپوزپذیری 03:31
  • عنصر ریشه و استایل‌های محلی در کامپوزیشن‌ها 03:04
  • آیا باید عنصر هد را Hoisting کنیم؟ 05:36
  • بازبینی بخش اسکریپت کامپوننت 11:02
  • واکشی داده در Astro 05:42
  • بازبینی بخش قالب کامپوننت 09:00
  • تگ‌های پویا در Astro 03:10
  • جادوی اسلات‌ها در Astro 07:08
  • شباهت‌ها و تفاوت‌ها با JSX 06:28
  • کامپوننت Astro چیست؟ نتیجه‌گیری 00:45
  • مقدمه 02:10
  • تاریخچه‌ای کوتاه از اینکه چگونه به اینجا رسیدیم 01:45
  • مبانی رندرینگ سمت کلاینت (CSR) 03:39
  • مزایا و معایب رندرینگ سمت کلاینت 03:14
  • مبانی رندرینگ سمت سرور (SSR) 02:40
  • مزایا و معایب رندرینگ سمت سرور (SSR) 03:03
  • رندرینگ سمت سرور با هیدراسیون سمت کلاینت 03:34
  • مزایای رندرینگ سمت سرور با هیدراسیون سمت کلاینت 02:31
  • هیدراسیون جزئی برای پیروزی 02:38
  • جزایر کامپوننت از کجا می‌آیند؟ 02:14
  • اهداف و طراحی API 07:17
  • شروع کار با جزیره کوچک 07:33
  • عنصر قالب محتوا 03:12
  • پیاده‌سازی هیدراسیون 09:26
  • پیاده‌سازی هیدراسیون جزئی - بخش 1 13:10
  • پیاده‌سازی هیدراسیون جزئی - بخش 2 06:06
  • پیاده‌سازی هیدراسیون Client:visible Lazy 04:53
  • پیاده‌سازی هیدراسیون Client:media Lazy 06:48
  • پشتیبانی از فریمورک Vue (جزیره کوچک) 09:38
  • استفاده از فریمورک Preact (جزیره کوچک) 08:35
  • نتیجه‌گیری 01:36
  • مقدمه 01:24
  • چه زمانی باید از یک کامپوننت فریمورک استفاده کنید؟ 03:48
  • مرحله 1 - ساخت سایت Astro 05:37
  • مرحله 2 - نصب یکپارچه‌سازی فریمورک 03:02
  • مراحل 3 و 4 - نوشتن و رندرینگ کامپوننت فریمورک 05:34
  • شروع کار با هیدراسیون مسئولانه 03:17
  • دایرکتیو Client:load 03:38
  • دایرکتیو Client:only 03:11
  • دایرکتیو Client:idle 01:57
  • دایرکتیو Client:visible 03:01
  • دایرکتیو Client:media 01:45
  • استفاده از فریمورک‌های متعدد در Astro 06:06
  • اشتراک‌گذاری State بین جزایر کامپوننت 13:18
  • مدیریت Props (و فرزندان) در کامپوننت‌های فریمورک 07:04
  • استفاده از چندین اسلات در کامپوننت‌های فریمورک 06:05
  • کامپوننت‌های فریمورک تودرتو 02:01
  • Gotcha های جزیره Astro 05:02
  • نتیجه‌گیری - چرا جزایر؟ 02:09

2,870,000 574,000 تومان

مشخصات آموزش

آموزش AstroJS - ساخت فرانت‌اندهای فوق‌العاده سریع

  • تاریخ به روز رسانی: 1404/06/21
  • سطح دوره:مقدماتی
  • تعداد درس:93
  • مدت زمان :07:16:02
  • حجم :3.47GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
2,495,000 499,000 تومان
  • زمان: 06:19:16
  • تعداد درس: 40
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,787,000 1,357,400 تومان
  • زمان: 17:11:52
  • تعداد درس: 113
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,360,500 1,672,100 تومان
  • زمان: 21:10:47
  • تعداد درس: 202
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
5,720,500 1,144,100 تومان
  • زمان: 14:29:26
  • تعداد درس: 36
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,206,500 841,300 تومان
  • زمان: 10:39:08
  • تعداد درس: 64
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,391,000 878,200 تومان
  • زمان: 11:07:45
  • تعداد درس: 63
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
7,261,000 1,452,200 تومان
  • زمان: 18:23:18
  • تعداد درس: 103
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:57:00
  • تعداد درس: 20
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:41:00
  • تعداد درس: 9
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید