آموزش یک برنامه 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
Gary Simon
توسعه دهنده و مدرس Full Stack
- توسعه دهنده Full Stack برای نزدیک به 2 دهه.
- به عنوان یک مربی برای Pluralsight، LinkedIn/Lynda.com و Envato Network کار کرد
نمایش نظرات