00:00 / 00:00
1.8x
1.4x
1.0x
0.7x
HD SD
HD
SD
ثبت‌نام رایگان
  • دسترسی به 5 جلسه نمونه از دوره
  • دسترسی به 5 جلسه نمونه از دوره
  • عضویت در تالار گفت‌وگوی دوره
  • اضافه شدن دوره به پروفایل
فقط محتوا
  • دسترسی کامل و نامحدود به محتوای دوره
  • تمام قابلیت‌‌های پلن رایگان
    +
  • دسترسی کامل و نامحدود به محتوا
149,000 تومان
40% تخفیف
89,400 تومان
دوره کامل
  • دسترسی به تمام قابلیت‌های دوره
  • تمام قابلیت‌های پلن محتوا
    +
  • پروژه محور (تعریف و تصحیح پروژه)
  • پشتیبانی علمی (منتورینگ)
  • گواهینامه مکتب‌خونه
229,000 تومان
40% تخفیف
137,400 تومان
00:00 / 00:00
1.8x
1.4x
1.0x
0.7x
HD SD
HD
SD
مکتب‌خونه

آموزش فریم‎ورک Angular 2

دوره‌های مکتب‌پلاس
63 ساعت
97٪ (208 رای)

انگولار یک فریم‌ورک جاوا اسکریپت است که در سال ۲۰۰۹ توسط میسکو هوری و آدام آبرونز ارائه شد و بعد توسط گوگل توسعه داده شد. انگولار یک فریم‌ورک ساخت‎یافته برای ساخت وب اپلیکیشن‌های پویا می‌باشد. یکی از دلایل استفاده از انگولار در بین برنامه‌نویسان، تسریع در پیاده‌سازی پروژه‌های برنامه‌نویسی است.

انگولار یک فریم‌ورک مبتنی بر MVC است که از Ajax نیز استفاده کرده است. این فریم‎ورک موجب کاهش مقدار کدنویسی (و در نتیجه افزایش سرعت تولید برنامه‌ها) شده است. امروزه یکی از علت‌های استفاده از انگولار توسعه و قدرتمندتر کردن برنامه‌های تک‌ صفحه‌ای یا SPA هستند لذا می‌توان در پروژه‌های بزرگ و کوچک از فریم‌ورک انگولار استفاده بهینه را برد.

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

انگولار در واقع یک چارچوب Open source می‌باشد که توسط گوگل به صورت فریمورک توسعه داده شده است. به زبانی دیگر آنگولار یک فریمورک توسعه‌یافته است که برای وب اپلیکیشن‌های پویا طراحی گردیده ‌است. این فریمورک به شما یاری می‌رساند که با استفاده از html قالب دلخواه خود را طراحی نمایید.

با این قابلیت می‌توانید به راحتی سینتکس‌هایی که برای html تعریف کرده‌اید را در فضای وب اپلیکیشن به صورت کاملا واضح بیان کنید.

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

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

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

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

به همین خاطر با استفاده فریمورک انگولار می‌توانید یک صفحه index.html داشته باشید که بسیار کوتاه شده است. در صورتی که صفحه‌ی طراحی شده با مشکلات لود نشدن مواجه گردید، بهتر است بدانید که سیستم شما در حال بارگذاری تدریجی محتوا شما است.

هسته‌ای که برای فریم‌ورک angular در نظر گرفته شده است از جنس جاوا اسکریپت است و شما باید حتما زمانی که قصد دارید محتوایی مبنی بر این فریمورک طراحی کنید، از زبان برنامه‌نویسی جاوا اسکریپت استفاده نمایید.

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

سرفصل‌های دوره آموزش فریم‎ورک Angular 2

فصل اول - مقدمه
00:40 ساعت
00:40
Combined Shape Created with Sketch. 5 جلسه
بارم:
0%
نمایش جلسات فصل  

در این فصل با مقدماتی پیرامون انگولار و تفاوت نسخه‎های آن و همچنین تکنولوژی‎های مورد استفاده در این فریم‎ورک آشنا خواهید شد.



انگولار چیست؟
"09:28
ساخت اولین پروژه (قسمت اول)
"07:55
ساخت اولین پروژه (قسمت دوم)
"15:53
ابزارهای مورد استفاده
"02:45
روند دوره
"04:25
فصل دوم - مباحث پایه‌ای
08:35 ساعت
01:35
Combined Shape Created with Sketch. 12 جلسه
بارم:
15%
نمایش جلسات فصل  
فصل سوم - آموزش معماری انگولار
09:11 ساعت
02:08
Combined Shape Created with Sketch. 12 جلسه
بارم:
6%
نمایش جلسات فصل  
فصل چهارم - گشت و گذار در صفحات با Routing
09:43 ساعت
02:40
Combined Shape Created with Sketch. 14 جلسه
بارم:
6%
نمایش جلسات فصل  
فصل پنجم - RxJS
01:39 ساعت
01:39
Combined Shape Created with Sketch. 7 جلسه
بارم:
0%
نمایش جلسات فصل  

ابزار اصلی مورد استفاده در فریم‎ورک انگولار برای انجام کارها به صورت Async (غیر هم‎روند)، ابزار Reactive Extensions است. در این فصل با بخش‎های اصلی این ماژول و اپراتورهای مختلف آن آشنا خواهیم شد. یادگیری استفاده از این ابزار برای استفاده از حداکثر توانایی دیگر امکانات انگولار مانند Routing و Http Module حیاتی است.

RxJS و Observer Design Pattern
"06:25
سابسکرایب کردن - روتینگ
"08:49
ساخت Observable
"27:46
استفاده از Subjectها
"30:19
آنسابسکرایب
"11:23
اپراتورهای RxJS
"06:22
جمع‌بندی
"07:58
فصل ششم - کنترل فرم‌ها در انگولار
10:00 ساعت
02:00
Combined Shape Created with Sketch. 12 جلسه
بارم:
10%
نمایش جلسات فصل  
فصل هفتم - کار با Http Module
08:18 ساعت
01:18
Combined Shape Created with Sketch. 9 جلسه
بارم:
10%
نمایش جلسات فصل  

امروزه برنامه‎ی وبی وجود ندارد که بخش front-end آن مجبور به برقراری ارتباط http با Back-end آن یا APIهای سرویس‎های دیگر نباشد. انگولار ابزارهای قدرتمندی را جهت برقراری این ارتباط و کار با انواع حالت‎ها و داده‎های آن ارائه می‎کند. در این فصل به معرفی هر دو ابزار ارائه شده توسط انگولار یعنی Http Module و Http Client خواهیم پرداخت. 

معرفی
"06:23
ارسال درخواست Post
"14:32
ارﺳﺎل درﺧﻮاﺳﺖ GET
"11:47
ارور ﻫﻨﺪﻟﯿﻨﮓ
"06:51
ﻣﻌﺮﻓﯽ HttpClient
"06:12
آﭘﺸﻦﻫﺎی HttpClient
"08:18
HttpClient Interceptor
"09:23
ﺗﻐﯿﯿﺮ درﺧﻮاﺳﺖ و ﭘﺎﺳﺦ ﺑﺎ Interceptor
"14:48
کار با Http Module

 (الزامی)

100.0%
     
'07:00
فصل هشتم - ﺗﻐﯿﯿﺮ ﺧﺮوﺟﯽ ﺑﺎ Pipe
03:28 ساعت
00:58
Combined Shape Created with Sketch. 7 جلسه
بارم:
5%
نمایش جلسات فصل  

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

معرفی Pipe
"06:56
استفاده از Pipeهای انگولار
"06:08
ﺳﺎﺧﺖ Pipe ﺧﻮدﻣﺎن
"14:24
اﺿﺎﻓﻪ ﮐﺮدن DatePicker
"16:31
ﭘﺎﯾﭗ Impure وPure
"14:10
مطالعه بیش‌تر
"00:04
تمرین

 (الزامی)

100.0%
     
'02:30
فصل نهم - ﺗﺴﺖ در انگولار
00:56 ساعت
00:56
Combined Shape Created with Sketch. 6 جلسه
بارم:
0%
نمایش جلسات فصل  

امروزه نوشتن تست در برنامه‎‎ها اولویتی بالاتر از نوشتن خود برنامه دارد، به طوری که متدهای مختلفی برای توسعه‎ی نرم‎افزار به صورت Test Driven ارائه شده و در شرکت‎های بزرگ مورد استفاده قرار گرفته‎اند. در این فصل با روش‎ها و ابزارهای انگولار برای نوشتن تست به صورت کلی آشنا شده و برخی سناریوهای تست‎نویسی را بررسی خواهیم کرد.

ﻣﻌﺮﻓﯽ ﺗﺴﺖ و TDD
"07:27
تست ایزوله در انگولار
"13:24
ﺗﺴﺖ ﺑﺎ اﺳﺘﻔﺎده از اﺑﺰارﻫﺎی انگولار
"12:16
ﺗﺴﺖ ﺳﺮوﯾﺲ و Async
"08:54
Mock ﮐﺮدن ﺑﺎ SpyOn
"08:47
ﻧﮑﺎت ﺑﺎﻗﯽ‎ﻣﺎﻧﺪه و ﺟﻤﻊ‎ﺑﻨﺪی
"05:10
فصل دهم - ﺟﻤﻊ‎ﺑﻨﺪی
00:13 ساعت
00:13
Combined Shape Created with Sketch. 2 جلسه
بارم:
0%
نمایش جلسات فصل  

در این فصل به مروری اجمالی بر نکات گفته شده در انگولار پرداخته شده است.

دیپلوی پروژه
"09:42
موارد پیش‎رو در انگولار
"03:47
پروژه پایانی انگولار
10:00 ساعت
Combined Shape Created with Sketch. 1 جلسه
بارم:
48%
نمایش جلسات فصل  

در این پروژه قصد داریم یک برنامه‌ی تودولیست[1] طراحی کنیم تا کارهای خود را به آن اضافه کرده و آن‌ها را مدیریت کنیم.

با مفاهیم کلی تودولیست در طول جلسات دوره آشنا شده‌اید. 

 

[1] todolist

پروژه پایانی

 (الزامی)

100.0%
     
'10:00

تالار گفت‌وگو

مدرس دوره
سید مصطفی مشکاتی

سید مصطفی مشکاتی، فارغ‌التحصیل دبیرستان علامه حلی ۳ تهران (سمپاد) و دانشجوی مهندسی نرم‌افزار دانشگاه صنعتی امیرکبیر است.
از سال ۹۲ برنامه‌نویسی کلاینت را آغاز کرد و در دانشگاه با برگزاری دوره‌های آموزشی برنامه‌نویسی تجاربی در زمینه‌ی آموزش رقم زد. او در حال حاضر توسعه‌دهنده در پیام‌رسان بله است.

اطلاعات بیشتر

پیش‌نیاز‌های دوره آموزش فریم‎ورک Angular 2

آشنایی کامل با زبان‎های JavaScript - HTML - CSS

آشنایی کامل با برنامه‎نویسی شیئ‎گرایی

آشنایی اولیه با مباحث Front-End

 

آموزش طراحی وب سایت (Front-End)
اطلاعات بیشتر

ویژگی‌های دوره آموزش فریم‎ورک Angular 2

پروژه محور

این دوره طوری طراحی شده است که محتوای آموزشی دوره حول چند پروژه واقعی و کاربردی هستند تا یادگیری دانشجو در طول دوره به کاربردهای عملی تبدیل شود و به این ترتیب بالاترین سطح یادگیری را فراهم نمایند.

تالار گفتگو

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

آزمون، تمرین و محیط تعاملی

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

گواهی‌نامه مکتب‌خونه

در صورت قبولی در دوره، گواهی نامه رسمی پایان دوره توسط مکتب‌خونه(مشاهده نمونه گواهی مکتب‌خونه) به اسم شما صادر شده و در اختیار شما قرار می گیرد.

تسهیل استخدام

در صورت قبولی در دوره، شما می‌توانید با وارد کردن اطلاعات آن در بخش دوره‌های آموزشی رزومه‌ساز «جاب ویژن»، تایید مهارت خود را در قالب اضافه شدن «مدال مهارت» به روزمه آنلاین خود دریافت نمایید. این مدال علاوه بر ایجاد تمایز در نمایش رزومه شما، باعث بالاتر قرار گرفتن آن در لیست انبوه رزومه‌های ارسالی به کارفرما شده و بدین ترتیب شانس شما را برای استخدام در سازمانهای موفق و پر متقاضی افزایش می‌دهد.

نظرات  (3 نظر)

زینب
16:13 - 1399/08/14
دانشجوی دوره
با سلام، از نظر این دوره بسیار جامع و کامل برای یادگیری انگیولار می باشد. نحوه ی تدریس استاد، تسلط ایشان به مباحث، بخش بندی و ترتیب ارائه دروس و بیان مفاهیم و پایه ای دوره بسیار عالی است.
ستاره
17:26 - 1399/04/11
دانشجوی دوره
تدریس در رتبه خوبی بود منتها استاد باید یکمی تو طرز بیان دقت کنن واقعا اگر گلوشون خشکی میکنه یه آبی چیزی بنوشن انقدر زیاد هست که حواس مخاطب کلا از مبحث پرت میشه
مظفر
12:12 - 1399/02/12
دانشجوی دوره
با سلام این دوره، از نظر بنده بدرد بخور نیست و فاقد کیفیت هست. امتیاز من به این دوره به صورت زیر هست (از 10 نمره): 1- نحوه ی بیان، تدریس و تسلط استاد محترم: 2 از 10 2- کیفیت ضبط: 4 از 10 لطفا مثل دوره ی گرامر آیلتس که کیفیت پایینی داشت و بعدا یک نسخه ی جدید دادید، برای این دوره هم یک فکری بکنید. با تشکر
پشتیبانی مکتب‌خونه
همراه عزیز؛ از اینکه نظر خود را با ما در میان گذاشتید صمیمانه سپاسگزاریم موارد مطرح شده جهت بررسی به بخش مربوطه ارسال شد. لطفا جهت توضیحات بیشتر به ایمیل پشتیبانی پیام دهید. info@maktabkhoneh.org

سوالات پرتکرار

آیا در صورت خرید دوره، گواهی نامه آن به من تعلق می گیرد؟
خیر؛ شما با خرید دوره می توانید در آن دوره شرکت کنید و به محتوای آن دسترسی خواهید داشت. در صورتی که در زمان تعیین شده دوره را با نمره قبولی بگذرانید، گواهی نامه دوره به نام شما صادر خواهد شد.
آیا گواهی‌نامه‌های دانشگاهی به صورت رسمی و توسط دانشگاه مربوطه صادر می‌شود؟
بله؛ گواهی نامه ها توسط دانشگاه مربوطه و با امضای رئیس دانشگاه یا مسئول مربوطه که حق امضای گواهی نامه ها را دارد صادر می شود و گواهی نامه معتبر دانشگاه است که به اسم هر فرد صادر می شود.
حداقل و حداکثر زمانی که می توانم یک دوره را بگذرانم چقدر است؟
برای گذراندن دوره حداقل زمانی وجود ندارد و شما می توانید در هر زمانی که مایل هستید فعالیت های مربوطه را انجام دهید. برای هر دوره یک حداکثر زمان تعیین شده است که در صفحه معرفی دوره می توانید مشاهده کنید که از زمان خرید دوره توسط شما تنها در آن مدت شما از ویژگی های تصحیح پروژه ها توسط پشتیبان و دریافت گواهی نامه بهره مند خواهید بود.
در صورت قبولی در دوره، آیا امکان دریافت نسخه فیزیکی گواهی نامه دوره را دارم؟
پس از صدور گواهی نامه، نسخه الکترونیکی گواهی نامه در اختیار شما قرار می گیرد. در صورت درخواست شما، نسخه فیزیکی گواهی نامه نیز می تواند برای شما ارسال شود. هزینه ارسال بر عهده کاربر خواهد بود.
پس از سپری شدن زمان دوره، به محتوای دوره دسترسی خواهم داشت؟
بله؛ پس از سپری شدن مدت زمان دوره شما به محتوای دوره دسترسی خواهید داشت و می توانید از ویدئوها، تمارین، پروژه و دیگر محتوای دوره در صورت وجود استفاده کنید ولی امکان تصحیح تمارین توسط پشتیبان و دریافت گواهی نامه برای شما وجود نخواهد داشت.

×

ثبت نظر

به این دوره از ۱ تا ۵ چه امتیازی می‌دهید؟

فصل اول - مقدمه
00:40 ساعت
00:40
Combined Shape Created with Sketch. 5 جلسه
بارم:
0%
نمایش جلسات فصل  

در این فصل با مقدماتی پیرامون انگولار و تفاوت نسخه‎های آن و همچنین تکنولوژی‎های مورد استفاده در این فریم‎ورک آشنا خواهید شد.



انگولار چیست؟
"09:28
ساخت اولین پروژه (قسمت اول)
"07:55
ساخت اولین پروژه (قسمت دوم)
"15:53
ابزارهای مورد استفاده
"02:45
روند دوره
"04:25
فصل دوم - مباحث پایه‌ای
08:35 ساعت
01:35
Combined Shape Created with Sketch. 12 جلسه
بارم:
15%
نمایش جلسات فصل  
فصل سوم - آموزش معماری انگولار
09:11 ساعت
02:08
Combined Shape Created with Sketch. 12 جلسه
بارم:
6%
نمایش جلسات فصل  
فصل چهارم - گشت و گذار در صفحات با Routing
09:43 ساعت
02:40
Combined Shape Created with Sketch. 14 جلسه
بارم:
6%
نمایش جلسات فصل  
فصل پنجم - RxJS
01:39 ساعت
01:39
Combined Shape Created with Sketch. 7 جلسه
بارم:
0%
نمایش جلسات فصل  

ابزار اصلی مورد استفاده در فریم‎ورک انگولار برای انجام کارها به صورت Async (غیر هم‎روند)، ابزار Reactive Extensions است. در این فصل با بخش‎های اصلی این ماژول و اپراتورهای مختلف آن آشنا خواهیم شد. یادگیری استفاده از این ابزار برای استفاده از حداکثر توانایی دیگر امکانات انگولار مانند Routing و Http Module حیاتی است.

RxJS و Observer Design Pattern
"06:25
سابسکرایب کردن - روتینگ
"08:49
ساخت Observable
"27:46
استفاده از Subjectها
"30:19
آنسابسکرایب