ساخت وبسایت از ابتدا با کاتلین و Jetpack Compose
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ایجاد صفحه فرود با کاتلین و Jetpack Compose
- فریمورک Compose for Web
- فریمورک Kobweb ساخته شده بر پایه Compose for Web
- کاتلین و جاوا اسکریپت
- توسعه فرانتاند با کاتلین
- نوشتن کد کاتلین و ترجمه آن به اچ تی ام ال، سی اس اس و جاوا اسکریپت
- ساخت صفحه فرود کاملاً واکنشگرا با کاتلین
- پشتیبانی از اندازه صفحه موبایل، تبلت و دسکتاپ
- وبسایت استاتیک
- استقرار وبسایت
- افزودن انیمیشنهای ترنزیشن سفارشی
توضیحات دوره
یک وبسایت کاملاً واکنشگرا با کاتلین و Jetpack Compose بسازید! بله، درست است! این کار هم ممکن است. تقریباً مشابه ساخت یک برنامه اندروید است، اما حتی سادهتر، زیرا نیازی به نگرانی درباره چرخه عمر مانند اندروید نداریم.
در این دوره، تمام نکاتی را که لازم دارید تا هر چه سریعتر شروع به کار کنید و وبسایت خود را بسازید، آموزش میدهیم. کاتلین در حال تبدیل شدن به یک زبان چندسکویی است، به این معنی که نیازی نیست زبان دیگری یاد بگیرید تا وبسایت توسعه دهید. به جای آن، میتوانید از همان دانش کاتلین که دارید استفاده کنید!
این موضوع فرصتهایی را به روی برنامهنویسان بسیاری باز میکند که میخواهند با دانش یک زبان برنامهنویسی به یک توسعهدهنده فولاستک تبدیل شوند.
در این دوره، یاد میگیرید چگونه یک صفحه فرود زیبا بسازید که شامل انیمیشنهای مختلفی است که هنگام اسکرول برای بازدیدکنندگان نمایش داده میشود.
ما شما را از ابتدا همراهی میکنیم. از راهاندازی محیط، ایجاد پروژه، کدنویسی، اکسپورت وبسایت و استقرار آن روی سرور، تا جایی که همه قادر به دسترسی و مشاهده صفحه فرود شما از طریق مرورگر باشند.
فریمورکی که برای ساخت این وبسایت استفاده میکنیم، Kobweb نام دارد که بر پایه فریمورک Compose for Web ساخته شده است. در ابتدای این دوره جزئیات بیشتری درباره این فریمورکها و تفاوتهایشان ارائه خواهیم داد.
این دوره برای چه کسانی مناسب است؟
- هر کسی که میخواهد یاد بگیرد چگونه با کاتلین و Jetpack Compose اپلیکیشن فرانتاند بسازد.
- هر کسی که میخواهد از مهارتهای برنامهنویسی کاتلین خود برای ساخت وبسایت استفاده کند.
- توسعهدهندگان وب
- توسعهدهندگان اندروید
- توسعهدهندگان موبایل
- توسعهدهندگان چندسکویی
ساخت وبسایت از ابتدا با کاتلین و Jetpack Compose
-
مقدمه 01:30
-
آشنایی با Compose for Web 02:19
-
Kobweb در مقابل Compose for Web 03:56
-
محیط توسعه (Intelij IDEA) 01:37
-
نصب Kobweb Binary 03:57
-
ایجاد پروژه 14:11
-
ایجاد یک صفحه ایندکس 05:08
-
افزودن پسزمینه بخش اصلی 09:33
-
ایجاد کامپوننت هدر 15:14
-
استایل و انیمیشنهای هاور روی کامپوننت هدر 08:12
-
هدر را واکنشگرا کنید 09:39
-
ایجاد کامپوننت SocialBar 12:15
-
پیادهسازی محتوای اصلی 21:28
-
متحرکسازی دکمه و تصویر اصلی 05:47
-
ایجاد کامپوننت SkillBar 11:45
-
ایجاد کامپوننت SectionTitle 08:37
-
پیادهسازی محتوای بخش درباره ما 17:15
-
مشاهده Viewport و متحرکسازی کامپوننت SkillBar 20:29
-
ایجاد کامپوننت ServiceCard 14:56
-
متحرکسازی کامپوننت ServiceCard 07:16
-
ایجاد کامپوننت PortfolioCard 14:55
-
افزودن انیمیشنهای هاور روی PortfolioCard 12:59
-
پیادهسازی ناوبری پورتفولیو 05:59
-
ایجاد کامپوننت AchievementCard 10:56
-
متحرکسازی بخش دستاوردها 04:56
-
ایجاد کامپوننتهای TestimonialCard و RatingBar 14:26
-
پیادهسازی ناوبری توصیهنامه 17:48
-
فیکس کردن RatingBar 03:10
-
ایجاد کامپوننت ExperienceCard 21:57
-
متحرکسازی کامپوننت ExperienceCard 07:25
-
ایجاد فرم تماس با ما 22:57
-
ارسال ایمیل 06:34
-
پیادهسازی بخش فوتر 14:44
-
پیادهسازی دکمه بازگشت به بالا 13:12
-
پیادهسازی منوی Overflow 15:46
-
بیایید کامپوننت SectionTitle را متحرک کنیم 07:23
-
نکته نهایی 03:41
-
اکسپورت وبسایت 04:26
-
استقرار وبسایت روی سرور 02:49
مشخصات آموزش
ساخت وبسایت از ابتدا با کاتلین و Jetpack Compose
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:مقدماتی
- تعداد درس:39
- مدت زمان :06:41:08
- حجم :3.21GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy