-
ایجاد، ترتیب اجرا، کامپوننت و نقش فایل ها
مشاهده و دانلود
نقش کامپوننت ها در روند اجرای یک وب اپلیکیشن
اجزای یک کامپوننت و برقراری ارتباط میان این اجز
-
حلقه ها، شرط ها، ساخت کامپوننت و نحوه ارتباط
مشاهده و دانلود
استفاده از حلقه ها در قالب، نمایش لیستی از محصولات به کاربر
استفاده از شرط ها در قالب و جدا کردن محصولات ناموجود
ساخت کامپوننت و استفاده در پروژه
روش های ارتباط بین کامپوننت ها با استفاده از Input ها
روش ارتباط بین کامپوننت ها با استفاده از Output ها
-
دیزاین پترن + موارد http
مشاهده و دانلود
مکانیزم Dependency Injection
Design Pattern محبوب Singleton
نحوه ارسال درخواست HTTP و گرفتن لیست محصولات از طریق ریکوئست HTTP
مبانی و مفاهیم RxJS و ارسال درخواست HTTP
ارسال درخواست HTTP و مدیریت خطاها در دنیای واقعی
-
نصب ui و ساخت هدر + فوتر
مشاهده و دانلود
نحوه نصب و استفاده از چند پکیج مرتبط با UI همراه با مرور مطالب قبلی
چگونه می توانیم در کامپوننت، به قالب کامپوننت دسترسی داشته باشیم
چگونگی تغییر استایل های یک بخش از کامپوننت
سیکل شروع و پایان یک کامپوننت،اجرای کد در هریک از این مراحل
ساخت کامپوننت های Header، Footer و Menu
-
منو و تکمیل فوتر
مشاهده و دانلود
افزودن منوی ساده به پروژه فروشگاهی
داینامیک کردن منو براساس ورودی داده شده به کامپوننت
دریافت اطلاعات منو پیش از نمایش صفحه به کاربر از طریق یک درخواست HTTP
نمایش اطلاعات کاربر لاگین شده یا در صورت عدم ورود کاربر، نمایش لینک ورود و ثبت در منو
استایل دهی منوی بالای صفحه و آموزش نکات کلیدی استایل دهی
تکمیل فوتر فروشگاه
-
Routing + ارسال پارامتر و دریافت
مشاهده و دانلود
معرفی مکانیزم مسیریابی (Routing) انگولار
توضیحات تکمیل مسیردهی (مسیریابی، Routing)
ارسال پارامتر از طریق URL برای کامپوننت
دریافت اطلاعات ارسال شده از طریق URL و لود کردن اطلاعات مورد نیاز برای صفحه PDP محور
تصحیح لینک محصولات به منظور ارسال پارامتر از طریق URL برای کامپوننت
-
گالری تصاویر
مشاهده و دانلود
تعریف چندین عکس برای نمایش در محصول
افزودن گالری به صفحه PDP
حل مشکلات گالری موجود در صفحه PDP
-
دیتا تایپ + rating + فرم ها
مشاهده و دانلود
مبحث Smart Component و Dumb Component
بروز رسانی دیتا تایپ ها و آماده سازی آن برای پشتیبانی از عنوان و کامنت
افزودن کامپوننت Rating (امتیاز دهی به محصول)
پیاده سازی روش (فرم) ثبت نام با استفاده از روش template driven
معرفی اجزای فرم
پیاده سازی فرم ثبت نام با استفاده از روش Code Driven (قسمت اول)
پیاده سازی فرم ثبت نام با استفاده از روش Code Driven (قسمت دوم)
استفاده از Validatorها در روش Code Driven
پیاده سازی Validator در روش Code Driven
نحوه تفکیک خطاهای موجود در فرم و نمایش آنها به کاربر
توسعه و استفاده از async validator ها (اعتبارسنجی همگام)
-
mock + سطح دسترسی کاربر
مشاهده و دانلود
کار با داده های mock قسمت دوم
کار با داده های mock (داده های فیک) قسمت سوم
کار با داده های mock (فیک) قسمت چهارم
محدود کردن دسترسی کاربر با استفاده از Guard
نحوه redirect کردن در صورت عدم دسترسی به یک route
جمع بندی مبحث گارد در حین نوشتن یک گارد جدید برای صفحه پروفایل
تکمیل بخش امتیاز دهی در صفحه PDP
-
قیمت گذاری و سبد خرید
مشاهده و دانلود
نمایش قیمت محصول دو حالت تخفیف دار و بدون تخفیف
پیاده سازی دکمه افزودن به سبد خرید
امکان افزودن تعداد مورد نیاز به دکمه سبد خرید
نمایش سبد خرید
ویرایش و حذف محصولات در سبد خرید
ارسال کاربر به درگاه پرداخت و نمایش نتیجه پرداخت
بروزرسانی سبد خرید و local storage پس از فرایند پرداخت و همچنین استفاده از dependency injection برای فراهم کردن چندین درگاه بانکی
-
فرم نظرات + directive
مشاهده و دانلود
ایجاد فرم نظرات کاربران در صفحه PDP
ایجاد یک custom form control برای امتیاز دهی کاربران (طراحی واسط کاربری)
ایجاد یک custom form control برای امتیازدهی کاربران (معرفی به انگولار)
قسمت 3 ایجاد یک custom form control برای امتیاز دهی کاربران
قسمت 4 ایجاد custom form control پیاده سازی registerOnTouched
ایجاد یک directive به منظور اینکه همه لینک ها در صفحه جدید باز شوند
ایجاد تغییرات در directive قسمت قبل به طوری که تنها بر روی لینک هایی که به خارج از سایت اشاره می کنند اعمال شود
-
performance + seo
مشاهده و دانلود
توضیح موارد استفاده از pipe و افزایش performance وب اپلیکیشن با استفاده از پیاده سازی یک pipe
چرا از content projection استفاده می کنیم؟
content projection چیست؟
تعریف چند اسلات برای content projection
حل مشکل css در content projection
پیاده سازی یک tab view با استفاده از content projection و template outlet
مقدمه ای بر performance در پروژه های frontend
کم کردن حجم bundle با استفاده از lazy load کردن ماژول ها
آنالیز bundle و حجم اشغال شده توسط هر کامپوننت و dependency های پروژه
آموزش آپدیت پروژه به نسخه های جدیدتر انگولار
حل مشکلات seo و بهبود performance با استفاده از ssr یا همان server side rendering
آموزش انگولار باید پروژه محور و کاربردی باشد به این صورت که بعد از شرکت در آن شما بتوانید وارد بازار کار شده و حداقل های نحوه جستجو در اینترنت را براساس مفاهیم آن یاد بگیرید. ما در این آموزش سعی داریم تا این مورد را به صورت دقیق و قدم به قدم تا آشنایی و آمورش آن همراهی کنیم.
همیشه این سوال را از خودتان بپرسید که آیا فقط انگولار می تواند پاسخ گوی بازار کار فعلی باشد؟ در جواب ما به شما گوشزد میکنیم که یادگیری و آموزش پذریری درست angular راه شما را به بازار کار بالقوه فعلی باز می کند.
برنامه نویس انگولار
آموزش انگولار کاربردی (دوره پروژه محور فروشگاه)
آموزش انگولار به صورت کاربردی و حرفه ای در بین آموزش های خوب خالی بود در این دوره به صورت حرفه ای و کاربردی یک فروشگاه را هندل خواهیم کرد حالا چرا کاربردی؟! بخاطر اینکه نکات بسیار جالب و حرفه ای تو این دوره قدم به قدم برای آموزش شما عزیزان آماده شده است.
سخن مدرس درمورد دوره :
طی سال های متمادی مشاهده کردم که افراد بسیاری وارد دنیای برنامه نویسی می شوند. با یک زبان آشنا و سپس سعی می کنند با یک فریم ورک یک پروژه تحت وب رو هندل کنند. اما متاسفانه آموزش های در دسترس به زبان فارسی هیچکدام پروژه محور نمی باشد چطور؟ ببینید دقیقا توضیح بدم که کسی میتونه یک آموزش خوب رو برای شما آماده کنه که واقعا به صورت عملی چندین پروژه هندل کرده باشه!!!
سرفصل آموزش انگولار
موارد و سر فصل هایی که در این آموزش انگولار خدمت شما عزیزان ارائه می شود به صورت زیر می باشد:
- Project Structure
- Modules
- Components
- Inputs
- Outputs
- Access DOM
- Templates
- Conditions
- Loops
- Binding
- Content Projection
- Dynamic Load
- Dependency Injection
- Singleton Design Pattern
- HTTP Requests
- Mocking
- Directives
- Pipes
- Routing
- Pass Parameters Thorugh URL
- Lazy Loading
- Guard
- Forms
- Template Driven
- Code Driven
- Validators
- Built-in
- Sync
- Async
- Custom Form Control
- Multi-Value Form Controls (Form Array)
- Styles
- Animations
- Integrate Tailwindcss
- Best Practices
- Smart Component vs Dumb Components
- Automate Tests
- Unit Test
- End to End Test
- Production Environment
- Build for Production
- Server Side Rendering (Angular Universal)
- Performance
- Extra
- PWA & Service Worker
- Create Libraries
- Internationalizatio
- Schematics
پرسش و پاسخ در مورد آموزش انگولار:
شما می توانید از طریق تلگرام و یا اینستاگرام و همچنین از طریق سیستم پرسش و پاسخ خود این دوره (پایین صفحه) درخواست ها، نظرات و انتقادات خود را با ما درمیان بگذارید و از پشتیبانی ما بهره مند شوید. این پاسخ گویی به صورت کامل و گام به گام خواهد بود و به شما کمک خواهد کرد که بدون دغدغه این دوره را یاد بگیرید.
دوره انگولار حرفه ای
دوره انگولار حرفه ای به شما یاری خواهد رساند تا بتوانید در یک پروژه صفر تا صد تمامی اقدامات را با تسلط کافی انجام داده و تجربه کسب کنید. angular یکی از فرم ورک‌های معروف و محبوب است که اگر بتوانید آن را به شکل حرفه‌ای فرا گیرید شرایطی فراهم خواهد شد تا انواع پروژه‌ها را با موفقیت به اتمام برسانید. در این زمینه پارامترهای زیادی وجود دارد که باید تمامی آنها را به صورت جزئی فرا گیرید تا ساخت وب سایت را به شکل ویژه انجام دهید. از جمله نکات مهم و کاربردی در انگولار باید به موارد زیر اشاره داشته باشیم.
- Module
- Component
- Service
- Pipe
- Directive
- Routing
- Interceptor
- Forms
- Material or Bootstrap
این موارد مهم‌ترین نکات در حوزه یادگیری angular هستند که باید به شکل اختصاصی با تمامی آنها آشنایی پیدا کرده تا بتوانید در پروژه‌های مختلف از آنها استفاده کنید.
داستان شکل گیری آموزش انگولار:
چندین سال هست که زبان های برنامه نویسی درخور تغییراتی بزرگ شده اند و فریم ورک انگولار نیز به نوبه خود تغییرات بسیاری را تجربه کرد همچنین همه کسانی که وارد دنیای برنامه نویسی می شوند پس از یادگیری بخش هایی از یک زبان یا فریمورک، علاقه مند به پیاده سازی پروژه های بزرگ دارند اما با اولین تلاش دچار شکست می شوند چرا؟
- به صورت اصولی یاد نگرفته اند.
- نمی دانند شروع پروژه باید از کجا باشد؟
- اعتماد بنفس برای اجرا و پایان دادن به پروژه را ندارند
- نمی دانند چه پیش زمینه های را باید قبل از یادگیری این زبان می آموختند.
- پشتیبانی و منابع کاملی در دسترس ندارند
- تجربه درگذر زمان به دست می آید تجربه روش های حل مساله را ندارند
- و ...
چرا این مشکلات پیس می آید؟ و چگونه باید این مشکلات را حل کنیم؟
جواب بسیار ساده است ما دانش این کار را داریم اما دانش ما در حد تئوری می باشد و به صورت عملی با دیدن چند ارور در یک پروژه خود را کنار می کشیم و نمی توانیم پروژه را به پایان برسانیم اما نباید نگران باشید ما در این دوره بسیاری از نکات ریز و درشت که در حین اجرای یک پروژه مورد نیاز شما خواهد بود را آموزش می دهیم و شما با بسیاری از امکانات و حتی فراتر و همچنین با روش های حل مسئله آشنا خواهید شد.
وضعیت آموزش انگولار (angular)
این دوره در 80 قسمت به صورت کامل منتشر شده است. قیمت پایینی دارد و هدف ارتقا سطح برنامه نویسیان برای این فریم ورک و آماده سازی برای نیاز بازار است.
آموزش انگولار پروژه محور
همه کسانی که وارد دنیای برنامه نویسی می شوند جدا از بحث علاقه باید به دنبال کسب درآمد و ایجاد آینده ای روشن برای خود باید آموزش انگولار پروژه محور را در برنامه خود داشته باشند. این فریمورک در بسیاری از پروژه های بزرگ مورد استفاده قرار گرفته است و با تغییراتی که در نسخه های جدید داشته بسیار پیشرفته تر از قبل در اختیار برنامه نویسان قرار گرفته است اما نکته جالب استفاده از این مورد در سیستم های بانکی می باشد که همیشه نیاز به پشتیبانی و ارتقا جدای بحث پروژه های جدید دارد.
از این رو بسیاری از آگهی های برنامه نویسی تحت وب (قسمت فرانت) درخواست برنامه نویس مسلط به آن را دارند پس شما با یادگیری انگولار می توانید با خیال راحت در مصاحبه های استخدامی شرکت کنید. قدم جاب تیم در آینده شغلی شما دوستان چیست؟ جاب تیم از بین کسانی که در این دوره شرکت کرده اند نفراتی را برای انجام پروژه های خود انتخاب می کند تا از توانمندی شما پس از شرکت در این دوره به نحو احسن استفاده کند.
آموزش انگولار 15
آموزش انگولار 15 به صورت فشرده و در زمان بسیار کوتاه تمامی پارامترهایی که نیاز است بدانید را در اختیارتان قرار داده است. این دوره مخصوص افرادی است که در این حوزه تازه وارد بوده و تلاش دارند تا به یادگیری یک فریمورک محبوب بپردازند. از جمله مزایای این دوره آموزشی باید به این موضوع اشاره داشته باشیم که درک مناسبی در مورد angular در اختیار قرار داده و برای ایجاد هر وب سایتی مناسب در نظر گرفته خواهد شد. در نتیجه پیشنهاد می‌شود تمامی ویدیوهایی که در دسترس قرار گرفته است را به صورت کامل نگاه کرده و تمامی جزئیات را فرا گیرید. این دوره تمامی موارد مورد نیاز برای یادگیری را تحت پوشش قرار داده و به این ترتیب فقط روی موارد مهم تاکید دارد در نتیجه به بهترین دوره انگولار حرفه ای تبدیل شده است.
چرا باید در آموزش انگولار شرکت کنم؟
در این دوره سعی شده است که در هر بخشی نکات لازم گفته شود شما چه حرفه ای باشید چه مبتدی از این دوره می توانید هزاران نکته یاد بگیرید در نوع آموزش سعی شده است در هر بخشی توضیحات لازم داده شود و شما احتیاج به دوره دیگری برای یادگیری نداشته باشید همچنین این امکان برای شما میسر شده است تا سوالات شما در این دوره به صورت قسمت های تکمیلی جواب داده شود در این دوره شرکت کنید زیرا:
- استاد مصطفی لوایی نویسنده کتاب جامع angular مدرس این دوره فوق العاده می باشد
- یکی از محبوب ترین فریم‌ورک‌های فرانت در دنیاست و بازار کار خوبی در کل دنیا و ایران دارد.
- با آموزش انگولار به صورت کاملا کاربردی و پروژه محور یاد می‌گیرید.
- پروژه‌های کاربردی و مورد نیاز تمامی شرکت‌ها را پیاده سازی می‌کنید.
- از Best Practice ها در طراحی پروژه های واقعی استفاده می‌کنید.
- در زمینه استفاده از API های مختلف مهارت پیدا می‌کنید.
- با این آموزش میتوانید به عنوان یک برنامه نویس در بخش Front مشغول به فعالیت شده و در شرکت های زیادی استخدام شوید.
- با یادگیری آن مشغول به کسب درآمد دلاری شوید و از سایت‌های خارجی پروژه بگیرید.
- اگر یکی از دانشجویان برتر در پایان آموزش انگولار باشید توسط جاب تیم استخدام خواهید شد.
پیش نیاز آموزش انگولار
برای آموزش انگولار شما نیاز به یکسری پیش نیاز ها دارید که به طور کلی شما باید با موارد ذیل بعنوان پیش نیاز آشنا باشید:
- HTML
- Document Object Model
- سی اس اس
- TypeScript
- JavaScript
رزومه من بعد از شرکت در آموزش انگولار
- میتوانید به عنوان یک متخصص و توسعه دهنده در شرکت ها استخدام شوید.
- شما یک برنامه نویس frontend هستید.
- شما آماده انجام انواع پروژه ها در سطوح مختلف خواهید بود
سطح آموزش انگولار
سطح آموزش انگولار دوره از مبتدی تا پیشرفته را پوشش داده است و قدم به قدم در اجرای یک پروژه پیش خواهد رفت. گرچه قبلا آموزش مبتدی منتشر شده بود ولی در این دوره هم قرار بر این شد که برای راحتی شرکت کنندگان و پوشش تمام نکات آموزش از صفر تا صد را پوشش دهد.
آموزش انگولار چه پشتیبانی دارد؟
افرادی که در آموزش انگولار شرکت کرده از دانشجویان دوره متخصص angular کاربردی محسوب شده و از امکانات و مزایای ویژه‌ای برخوردار خواهند شد. امکاناتی مانند:
- دسترسی به محتوای کامل آموزش
- دسترسی رایگان به آپدیت‌ها
- پشتیبانی
- ارزیابی فنی در انتهای دوره
- امکان ارتباط با مدرس آموزش انگولار از طریق تلگرام
- امکان پاسخ دهی به سوالات شما در طول دوره به صورت ویدیویی در این دوره
- امکان استخدام در گروه مهندسین جاب تیم
آموزش انگولار چه مزایایی دارد؟
- این آموزش انگولار کلید شروع اصولی شما در برنامه نویسی با فریم ورک angular می باشد
- این دوره با قیمت ناچیزی برای ورود به بازار کار آماده شده است
- بلافاصله بعد از پرداخت می توانید دانلود آموزش را شروع کنید
- واحد کیفی ما سطح علمی، صدا، تصویر و شیوه بیان دوره را تایید می کند
سلام پشیتبانی آموزش انگولار شما به چه صورت هست و چه مدت ادامه داره؟
شما میتونید به صورت مستقیم با استاد مربوط ارتباط برقرار کنید و سوالات خود در دوره رو مطرح کنید پشتیبانی از زمان شرکت در دوره تا 6 ماه و گاهی تا 8 ماه است
سلام وقت به خیر این آموزش چندتا پروژه را پوشش میده؟
یک پروژه فروشگاهی
سلام لطفا یک راه ارتباطی با استاد لوایی مثل ایمیل یا شماره تماس معرفی بفرمایید با تشکر
وقت بخیر دوستانی که در دوره شرکت کردند میتونن از طریق واتساپ این راه ارتباطی رو دریافت کنند
سلام لطفا ویدیویی از خروجی نهایی پروژه قرار بدید تا قبل از خرید بتونیم تصمیم گیری کنیم
برخی از قسمتها بعد از ثبت نام قابل نمایش هستند و درک قابل توجهی از پروژه رو انتقال میدن
سلام و عرض ادب
بنده دوره رو خریداری کردم و میخوام که دوره رو بصورت یکجا دانلود کنم .
لطفا راهنمایی کنید.
ممنون
سلام
به صورت آنلاین دوره رو میتونید در سایت مشاهده کنید
امکان دانلود هر قسمت به صورت مجزا نیز از روی خود ویدیو در حال پخش برای شما وجود دارد
هر مشکلی در سیستم شما برای دانلود وجود دارد میتوانید از طریق واتساپ برای ما ارسال کنید تا بررسی و تغییرات لازم برای شما اعمال شود
این دوره با چه ورژنی از آنگولار پیاده سازی شده ؟؟؟
عرض سلام
دوره با ورژن 10 شروع شد اما چون سرعت انتشار نسخه های انگولار به نسبت بالا است هر نسخه جدیدی که بیاد در صورت نیاز مطالب مهم اون نسخه رو سعی میکنیم پوشش بدیم
ممنونم از پاسخگوییتون پس تفاوتی در ورژن 15 چشم گیر نیست از نظر شما ؟؟
یا اون تفاوت ها ارائه شده ؟؟
اصل موضوع نحوه و اصول برنامه نویسی هست سینتکس رو خیلی راحت میشه یاد گرفت و ما در اینجا این مورد برامون اهمیت داشته که انتقال دانش برنامه نویسی انجام بشه
سلام در این دوره کدوم ورژن را آموز میدین ؟
آیا با یادگیری این دوره با ورژن های بروز هم می تونیم برنامه نویسی کنیم ؟
ورژن قبلا هم پاسخ داده شده برای جواب سوال دومتون هم فعلا جواب بله هستش
سلام وقت بخیر
لطفا بفرمایید در این دوره نیاز هست دوره دیگری که پیش نیاز انگولار هست را ببینیم؟
پیش نیاز های دوره انگولار HTML، CSS، JavaScript، TypeScript، Document Object Model
سلام روز بخیر چطور می تونم از آموزش های حضوری تون مطلع بشم؟
مستقیم تماس بگیرید و یا از طریق واتساپ اطلاع دهید یا مستقیم در دوره حضوری شرکت کنید
سلام وقتتون بخیر
من دوره پروژه محور آنگولارو تهیه کردم اما ویدیوی قسمت ( نحوه نصب و استفاده از چند پکیج مرتبط با UI همراه با مرور مطالب قبلی ) و بعدیش باز نمیشه
ممنون میشم پیگیری کنید
وقت بخیر. بررسی و خدمتتون اطلاع میدیم
چک نهایی انجام شد هر دو ویدیو در دسترس هستند لطفا کانکشن اینترنت رو چک کنید و همچنین بدون فیلترشکن اقدام به دانلود و یا تماشای آنلاین کنید
سلام وقت بخیر ویدیو ها یکی در میون باز میشن کانکشن رو چک کردم ویدیوهایی که مشکل ندارن باز میشن
وقت بخیر ما دوباره چک کردیم مشکلی نداشت لطفا با مرورگر دیگه ای امتحان کنید اگر دسترسی نداشتید لیست قسمت هارو برای ما ارسال کنید تا از طریق آپلود در مسیری دیگر به دست شما برسونیم شماره تماس جهت هرگونه سوال خدمت شما 09357669329