angular (20)

React vs. Angular 2

Це стаття-огляд двох популярних інструментів для front-end веб-розробки – React і Angular 2. Фреймоворки будуть оцінюватися на основі їх підходів до побудови структури додатків, рівня прийняття користувачами, продуктивності та можливості інтеграції з...

Codeguida · 12 листопада 2021 · 7

Реліз Angular 13

Вийшла тринадцята версія Angular, вебфреймворку на базі TypeScript, яким опікується Google. Головна особливість нового Angular — повний перехід на рушій Ivy і відмова від View Engine. Ivy тепер працює усюди. Він компілює окремі компоненти більш незал...

Codeguida · 05 листопада 2021 · 4

Міжзастосункові зв’язки зі Single-Spa та RxJS

Сьогодні розглянемо, як організувати взаємодію мікрофронтенду (компонентний зв'язок) із RxJ. Ми також застосуємо стратегію кодового доступу, як-от підмодулі Git, щоб зберегти єдине джерело та легко ділитися основною кодовою базою між застосунками. Р...

Codeguida · 09 вересня 2021 · 8

Вкладені анімації в AngularJS з використанням ui-router

Не так давно, я намагався ефективно налаштувати вкладену анімацію переходу в AngularJS з ui-router. Я не хотів використовувати javascript і зіпсувати контролери. І я знайшов дуже просте і зрозуміле рішення з використанням LESS. Ось приклад кінцевого...

Codeguida · 16 березня 2021 · 1

Гід по AngularJS ч.1 - модулі

AngularJS \- це MVW (Model-View-Whatever) JavaScript фреймворк від Google для створення привабливих веб-додатків, який пропонує футуристичні функції, нові особливості і стандарти. Модулі Всі програми в Angular створюються за допомогою модулів. Модуль...

Codeguida · 04 березня 2021 · 5

Найкращі способи захисту Angular-застосунків

Цей матеріал є продовженням статті про фундаментальні принципи безпеки в застосунках на Angular. Тут ми детально розглянемо сучасні найкращі практики для захисту Angular-застосунків. 1. Інтерполяція захистить вас від міжсайтового скриптингу Використо...

Codeguida · 28 серпня 2020 · 16

10 порад для Angular від спільноти

Протягом червня автор цього матеріалу разом з Waterplea щодня публікували корисні рекомендації для Angular-розробників. Спільнота активно відреагувала на такий челендж, тому публікуємо найпопулярніші поради за версією ком'юніті. Створюйте токени для...

Codeguida · 14 серпня 2020 · 10

Cтворюємо блог використовуючи Flask і AngularJS. Частина 1

У цьому уроці ми створимо блог за допомогою Flask і AngularJS. Це перша частина курсу. В ній ми зосередимося на створенні REST API, який буде використовуватися додатком AngularJS. Цілі Цілі застосунку прості: Реєстрація користувачів; Їх авторизація;...

Codeguida · 07 серпня 2020 · 11

Знайомимось з Angular 2, створюючи додаток для пошуку зображень на Giphy

Для тих, хто прийшов зі світу Angular 1, я буду проводити порівняння. Тим не менш, вам не обов'язково знати Angular 1. Але ви повинні бути знайомі з JavaScript, щоб зрозуміти, про що тут йде мова. Цей туторіал навчить вас, як користуватися Angular CL...

Codeguida · 4 роки тому · 27

Гід по AngularJS ч.2 - $scope

Однією з найбільш поширених концепцій в будь-якій мові програмування є область видимості. Наприклад, область видимості блоку або функції. В Angular, область видимості \- це об'єкт, який належить до моделі додатку і який живить два способи прив'язки д...

Codeguida · 30 травня 2020 · 1

Що вам слід вивчити в 2017-му

Індустрія розробки програмного забезпечення впевнено рухається вперед. В 2016-му ми бачили релізи відомих мов програмування, фреймворків та інструментів, що допомагають нам в роботі. І відслідкувати за всім цим розмаїттям стає все складніше, тому ми...

Codeguida · 24 травня 2020 · 7

Створюємо Angular Debounce Click Directive за допомогою RxJS

Для чого існує Debounce Click Directive У цій публікації ми розглянемо API Angular Directive, щоб створити нашу власну Debounce Click Directive. Вона буде відстежувати кліки протягом певного часу, зазвичай директиву використовують для уникнення повто...

Codeguida · 22 травня 2020 · 46

Спілкування в режимі реального часу

Socket.io \- це дійсно крута річ, вона дає вам можливість обмінюватися даними між клієнтами в режимі реального часу. Реалізуючи її разом з AngularJS, ви можете легко оновлювати вікно перегляду користувача. Перед тим, як заглибитись у код, давайте роз...

Codeguida · 25 березня 2020 · 18

UI-фреймворки та бібліотеки JavaScript

UI-бібліотеки та фреймворки містять компоненти й утиліти, що допомагають створювати гармонійні користувацькі інтерфейси. В них можна знайти різні теми для стилізації або ж елементи для чіткої й послідовної взаємодії. Звичайно, ви можете розробити ад...

Codeguida · 10 березня 2020 · 183

Dependency Injection в Angular: поради

Dependency Injection (DI) — одна з найважливіших концепцій в Angular. Це шаблон проєктування, який спрощує створення веб-застосунків та обмежує сильне зв'язування. Що саме передбачає DI: обмін функціональними можливостями між різними компонентами за...

Codeguida · 24 вересня 2019 · 29

Роутинг в Angular: детальний посібник

Якщо ви ще не дуже знайомі з Angular 7, ця стаття наблизить вас до найкращого, що пропонує фреймворк. На прикладі демо-застосунку на Angular, ми познайомимось з Angular Router, а саме з такими складовими: RouterOutlet; Маршрути та шляхи; Навігація....

Codeguida · 20 грудня 2018 · 93

Чекліст чистого коду на Angular

Angular швидко здобув популярність фреймворка для кросплатформених веб-застосунків. В Angular багато вбудованих фіч, на зразок системи роутингу, впровадження залежностей, обробки форм тощо. Angular також змушує вас використовувати TypeScript та RxJS,...

Codeguida · 07 грудня 2018 · 33

SPA на Angular 6 за 20 хвилин? Легко!

Щоб розібратися в технології, вам знадобляться базові навички HTML та CSS та впевнені знання JavaScript. Привіт! Мене звати Сергій. Я тренер з напрямку Angular та JavaScript у Dev-Pro. Зі статті ви навчитесь створювати односторінкові застосунки на An...

Codeguida · 07 серпня 2018 · 16

Результати щорічного опитування State of JavaScript

Нещодавно було опубліковано результати щорічного опитування State of JavaScript за 2017 рік. В опитуванні взяли участь більш ніж 23,000 розробників. У результатах дослідження виявилось багато моментів: від популярних тенденцій до проблем з заробітно...

Codeguida · 15 січня 2018 · 5

Короткий огляд фронтенду в 2017 році

Фронтенд інжиніринг у 2017 розвивався неймовірними темпами. Ось список найбільш помітних подій. React 16 та ліцензія MIT React продовжує домінувати на фронтенд горизонті, і 2017 подарував нам один з найочікуваніших релізів цієї бібліотеки – версію 1...

Codeguida · 18 грудня 2017 · 6