آموزش یک برنامه MEAN با مثال ایجاد کنید - دوره کامل پشته
Create a MEAN App by Example - Full Stack Course
طراحان، کدنویس‌ها، برنامه‌نویسان تمام پشته، وارد اینجا شوید!
این دوره چیزی برای همه دارد. شما می خواهید یاد بگیرید که چگونه با استفاده از پشته MEAN یک برنامه وب زیبا بسازید.
این برنامه بر اساس:
است- MongoDB
- اکسپرس
- Angular (نسخه 4)
- Nodejs
البته به این پشته MEAN گفته می شود. پشته MEAN یکی از محبوب ترین پشته ها برای توسعه است، بنابراین من به شما نشان می دهم که چگونه برنامه ای به نام CodePost را از ابتدا بسازید.
چه چیزی یاد خواهید گرفت؟
- طراحی لوگو
- طراحی موکاپ رابط کاربری تعاملی در طراحی Adobe Experience (XD)
- شروع یک پروژه Angular 4+ با Angular CLI
- راه اندازی یک سرور اکسپرس
- راه اندازی MongoDB
- ایجاد یک API RESTful
- انجام عملیات CRUD از Angular
- کار با اجزای خدمات Angular
- انیمیشن های انتقال صفحه
- انیمیشن های مبتنی بر SVG
- برنامه Angular خود را پاسخگو کنید
- ایجاد لوگوی بارگیری متحرک
- ...به علاوه خیلی بیشتر
این دوره کاملاً مملو از اطلاعات مفیدی است که مطمئناً در پروژه‌های دیگر استفاده خواهید کرد.
چه نرم افزاری نیاز دارم؟
این دوره به گونه‌ای طراحی شده است که می‌توانید در هر نقطه وارد شوید و آن را دنبال کنید. اگر به طراحی علاقه ای ندارید، به Illustrator یا Adobe XD نیاز ندارید.
- Adobe Illustrator برای طراحی لوگو
- طراحی تجربه Adobe (XD) برای نمونه سازی
- ویرایشگر کد (کد ویژوال استودیو رایگان است)
بیایید شروع کنیم!
خوش آمدی Welcome
-
معرفی Introduction
-
فایل های پروژه را دانلود کنید Download the Project Files
خوش آمدی Welcome
-
معرفی Introduction
-
فایل های پروژه را دانلود کنید Download the Project Files
طراحی هویت Identity Design
-
طراحی هویت چیست؟ What is Identity Design?
-
طراحی وردمارک Wordmark Design
-
طراحی نماد Symbol Design
-
طراحی نماد Symbol Design
-
صادرات دارایی Exporting Assets
طراحی هویت Identity Design
-
طراحی هویت چیست؟ What is Identity Design?
-
طراحی وردمارک Wordmark Design
-
صادرات دارایی Exporting Assets
طراحی رابط کاربری UI Design
-
اهمیت نمونه سازی UI The Importance of UI Prototyping
-
اهمیت نمونه سازی UI The Importance of UI Prototyping
-
طراحی سربرگ Header Design
-
طراحی سربرگ Header Design
-
UI فهرست آموزش Tutorials List UI
-
UI فهرست آموزش Tutorials List UI
-
UI جزئیات Details UI
-
UI جزئیات Details UI
-
UI فرم Form UI
-
UI فرم Form UI
-
تعامل نمونه اولیه Prototype Interaction
طراحی رابط کاربری UI Design
-
تعامل نمونه اولیه Prototype Interaction
راه اندازی توسعه Development Setup
-
پشته MEAN The MEAN Stack
-
پشته MEAN The MEAN Stack
-
راه اندازی Angular & Express Setup Angular & Express
-
راه اندازی Angular & Express Setup Angular & Express
-
یک پایگاه داده MongoDB راه اندازی کنید Setup a MongoDB Database
-
یک API RESTful ایجاد کنید Create a RESTful API
-
یک API RESTful ایجاد کنید Create a RESTful API
راه اندازی توسعه Development Setup
-
یک پایگاه داده MongoDB راه اندازی کنید Setup a MongoDB Database
صفحه نخست Home Page
-
پیش نمایش بخش Section Preview
-
پیش نمایش بخش Section Preview
-
سرویس داده Data Service
-
کامپوننت Nav Nav Component
-
کامپوننت خانه Home Component
-
کامپوننت خانه Home Component
-
قالب خانه Home Template
-
قالب خانه Home Template
-
طراحی ظاهر Styling
صفحه نخست Home Page
-
سرویس داده Data Service
-
کامپوننت Nav Nav Component
-
طراحی ظاهر Styling
صفحه جزئیات Details Page
-
جزییات جزء Details Component
-
جزییات جزء Details Component
-
قالب جزئیات Details Template
-
طراحی ظاهر Styling
-
طراحی ظاهر Styling
صفحه جزئیات Details Page
-
قالب جزئیات Details Template
-
طراحی ظاهر Styling
صفحه پست ها Posts Page
-
کامپوننت پست Post Component
-
قالب پست Post Template
-
قالب پست Post Template
-
طراحی ظاهر Styling
-
طراحی ظاهر Styling
صفحه پست ها Posts Page
-
کامپوننت پست Post Component
-
طراحی ظاهر Styling
تنظیمات نهایی Final Adjustments
-
انیمیشن های انتقال صفحه Page Transition Animations
-
انیمیشن های انتقال صفحه Page Transition Animations
-
متحرک سازی پیکان SVG Animating the SVG Arrow
-
ساخت تولید Production Build
-
ساخت تولید Production Build
-
امتیاز: یک انیمیشن بارگیری سفارشی ایجاد کنید Bonus: Create a Custom Loading Animation
-
امتیاز: یک انیمیشن بارگیری سفارشی ایجاد کنید Bonus: Create a Custom Loading Animation
-
امتیاز: برنامه خود را پاسخگو کنید Bonus: Make your App Responsive
تنظیمات نهایی Final Adjustments
-
متحرک سازی پیکان SVG Animating the SVG Arrow
-
امتیاز: برنامه خود را پاسخگو کنید Bonus: Make your App Responsive
نمایش نظرات
نظری ارسال نشده است.
https://donyad.com/d/e8e328
آموزش Master Hibernate و JPA با Spring Boot در 100 مرحله
Master Hibernate and JPA with Spring Boot in 100 Steps
Hibernate، JPA (Java Persistence API) و Spring Data JPA را با استفاده از Spring و Spring Boot بیاموزید.
آموزش Python Django: ساخت فروشگاه تجارت الکترونیک - 2023
Python Django: Build an E-commerce Store - 2023
ساخت فروشگاه تجارت الکترونیک با جنگو | تظاهرات عملی | یک برنامه وب جنگو را مستقر کنید
آموزش Python Django - دوره کامل
Python Django - Complete Course
آموزش ساخت وب سایت های عالی با پایتون و جنگو!
آموزش واکنش نشان دهید: برنامه های دارای ابر با Firebase
React: Cloud-Powered Apps with Firebase
بیاموزید که چگونه JavaScript را که برای front-end React تسلط یافته اید ، برای ساخت یک برنامه بدون سرور با استفاده از Firebase استفاده کنید.
Gary Simon
توسعه دهنده و مدرس Full Stack
- توسعه دهنده Full Stack برای نزدیک به 2 دهه.
- به عنوان یک مربی برای Pluralsight، LinkedIn/Lynda.com و Envato Network کار کرد
Udemy (یودمی)
یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.
یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.