чого ви навчитеся
- розробляти потужні, масштабовані, реактивні додатки з Angular 8 +
- дізнаєтеся про найважливіші і необхідні функції фреймворку на основі багаторічного досвіду його використання
- отримайте повне розуміння того, як Angular працює в деталях і навчитеся їх використовувати
- будувати неймовірно круті Single Page Applications з одним з кращих JS фреймворків
- JavaScript + EcmaScript 6
- HTML, CSS
Даний курс не вимагає ніяких попередніх знань по Angular або іншим фреймворкам. Все дано з нуля
Курс містить в собі більше 17 годин навчальних матеріалів, які послідовно і дуже докладно навчать вас найактуальнішим знанням по прекрасній Frontend технології Angular від компанії Google.
З попередніх знань тільки основи. Решта курсу розповідається з нуля, включаючи TypeScript та RxJS
Практиці передує 13 теоретичних блоків, де максимально докладно розібрані і систематизовані у вигляді покрокової цілісної системи всі тонкощі фреймворку на різних прикладах.
Курс складається з двох великих блоків: теоретичного і практичного.
Вивчивши теоретичний блок, Ви отримаєте найбільш актуальну вичерпну теоретичну базу по Angular до якої зможете повертатися при необхідності в майбутньому – в якості зручного систематизованого довідника.
У теоретичному блоці зібрано все, що тільки може вам знадобиться при розробці з Angular.
У практичній частині ви побачите створення повноцінного блогу з панеллю адміністратора. Блог містить в собі всі необхідні елементи для сучасного застосування, так що приклади можна буде легко використовувати в своїх будь-яких проектах.
чому Angular це круто?
модулі
Відразу варто відзначити, що Angular складається з модулів. З набору необхідних модулів і будується наше повністю готове додаток, яке ми з повного нуля будемо розробляти в нашому новому навчальному курсі (про це докладніше нижче). Наше додаток, взагалі кажучи, теж є модулем.
компоненти
Компоненти відповідають за зовнішній вигляд і за взаємодію з користувачем. Компоненти є частиною інтерфейсу користувача, вони представляють основні "будівельні блоки" програми Angular. Ідея компонентів полягає в тому, щоб розділити інтерфейси користувача на складові частини.
двостороннє зв'язування
Angular надає таку функціональність, як двостороннє зв'язування, що дозволяє динамічно змінювати дані в одному місці інтерфейсу при зміні даних моделі в іншому. Так само в Angular присутні шаблони, маршрутизація і так далі.
компанія Google
Підтримка такої компанії, як google свідомо говорить про те, що дана технологія буде використовувати найсучасніші та ефективні можливості мови для надання найбільш крутого результату роботи ваших додатків.
Ключові можливості Angular
створення реактивних додатків
Завдяки Angular з'явилася можливість максимально швидко і просто створювати динамічні реактивні додатки (звичайні веб-сайти). Такі додатки працюють без перезавантаження сторінки і при переході на нову сторінку вона з'являється моментально, на відміну від звичайних сайтів. Будь-яка взаємодія з користувачем відбувається асинхронно у фоновому режимі, що прискорює взаємодію і збільшує зручність використання сайту.
Директиви
Є однією з ключових можливостей Angular. Вони дозволяють розробнику описати поведінку окремих елементів та розширити синтаксис HTML. До складу Angular входить лише базовий набір директив. Однак, їх можна розширити своїми власними напрацюваннями. Правильно створені директиви можуть використовуватися і в інших проектах. Деякі розробники навіть практикують викладати свої колекції компонент в публічний доступ.
відкладене завантаження
Основне завдання Angular Team по оптимізації швидкодії програми була в тому, щоб домогтися автоматичної відкладеної завантаження. Це гарантує нашим додаткам тільки те, що необхідно для поточної сторінки. Ліниве завантаження також було включено під час маршрутизації в додатках.
швидкий рендеринг
У порівнянні з першою версією програми на останній версії Angular працюють в 2,5 рази швидше, а перемальовування в 4,2 рази швидше – за рахунок використання технології shadow Dom. Команда Angular вважає, що вона може зробити рендеринг ще швидшим.
Для кого цей курс:
модулі
Відразу варто відзначити, що Angular складається з модулів. З набору необхідних модулів і будується наше повністю готове додаток, яке ми з повного нуля будемо розробляти в нашому новому навчальному курсі (про це докладніше нижче). Наше додаток, взагалі кажучи, теж є модулем.
компоненти
Компоненти відповідають за зовнішній вигляд і за взаємодію з користувачем. Компоненти є частиною інтерфейсу користувача, вони представляють основні "будівельні блоки" програми Angular. Ідея компонентів полягає в тому, щоб розділити інтерфейси користувача на складові частини.
двостороннє зв'язування
Angular надає таку функціональність, як двостороннє зв'язування, що дозволяє динамічно змінювати дані в одному місці інтерфейсу при зміні даних моделі в іншому. Так само в Angular присутні шаблони, маршрутизація і так далі.
компанія Google
Підтримка такої компанії, як google свідомо говорить про те, що дана технологія буде використовувати найсучасніші та ефективні можливості мови для надання найбільш крутого результату роботи ваших додатків.
Ключові можливості Angular
створення реактивних додатків
Завдяки Angular з'явилася можливість максимально швидко і просто створювати динамічні реактивні додатки (звичайні веб-сайти). Такі додатки працюють без перезавантаження сторінки і при переході на нову сторінку вона з'являється моментально, на відміну від звичайних сайтів. Будь-яка взаємодія з користувачем відбувається асинхронно у фоновому режимі, що прискорює взаємодію і збільшує зручність використання сайту.
Директиви
Є однією з ключових можливостей Angular. Вони дозволяють розробнику описати поведінку окремих елементів та розширити синтаксис HTML. До складу Angular входить лише базовий набір директив. Однак, їх можна розширити своїми власними напрацюваннями. Правильно створені директиви можуть використовуватися і в інших проектах. Деякі розробники навіть практикують викладати свої колекції компонент в публічний доступ.
відкладене завантаження
Основне завдання Angular Team по оптимізації швидкодії програми була в тому, щоб домогтися автоматичної відкладеної завантаження. Це гарантує нашим додаткам тільки те, що необхідно для поточної сторінки. Ліниве завантаження також було включено під час маршрутизації в додатках.
швидкий рендеринг
У порівнянні з першою версією програми на останній версії Angular працюють в 2,5 рази швидше, а перемальовування в 4,2 рази швидше – за рахунок використання технології shadow Dom. Команда Angular вважає, що вона може зробити рендеринг ще швидшим.
Для кого цей курс:
- Веб-розробники
- frontend розробники (будь-який рівень)
- фрілансери
https://privatelink.de/?https://www.udemy.com/course/angular-complete-guide/