Component Development Kit представляет собой набор инструментов, реализующих общие модели поведения и компоненты с очень уникальным стилем взаимодействия. Это своего рода абстракция библиотеки Angular Material Library без стилевой специфичности только для material design. Это предоставляет больше уникальных способов проявить творческий подход при создании компонентов Angular.
#angular
https://webformyself.com/kak-realizovat-funkciyu-peretaskivaniya-s-pomoshhyu-angular-9/

Некоторое время назад в проекте Angular мне нужно было отобразить полноэкранный календарь, такой как в outlook. Поэтому, как обычный ленивый разработчик, я начал искать в Интернете пакет NPM, который мог бы сделать эту работу.
#angular
https://webformyself.com/angular-kak-sozdat-polnoekrannyj-kalendar-takoj-kak-v-outlook/

Привет, ребята, я хочу поговорить о пользовательских библиотеках. Я надеюсь, что к концу этой статьи вы поймете, как создать свою собственную библиотеку.
#angular
https://webformyself.com/sozdanie-polzovatelskoj-biblioteki-s-pomoshhyu-angular/

Есть много способов реализовать связь между компонентами. Один из наиболее часто используемых подходов — вызовы публичных методов. Многие разработчики с сильным опытом классической веб-разработки (например, JQuery) любят использовать этот подход для разработки компонентов. Однако на самом деле это не очень хорошая практика в мире Angular.
#angular
https://webformyself.com/angular-pochemu-nuzhno-izbegat-publichnyx-metodov-pri-razrabotke-komponentov/

Каждый компонент фреймворка Angular от момента своей инициализации, отображения данных на экран и до удаления проходит несколько этапов. Каждый этап представляет определенный метод, который можно описать в компоненте и который будет вызван на исполнение в определенное время.
#angular #премиум
https://webformyself.com/urok-14-frejmvork-angular-zhiznennyj-cikl-komponenta/

Ни одно Angular-приложение не обходится без определенных данных, к примеру, пользователи, которых мы с Вами отображаем на экране в тестовом проекте. При этом компоненты, где непосредственно и происходит обработка данных и вывод в браузер, как правило, сами по себе, данные не формируют и не производят их модификацию.
#angular #премиум
https://webformyself.com/urok-15-frejmvork-angular-servisy/

Как Вы знаете, фреймворк Angular предназначен для создания SPA (single page application), то есть одностраничных приложений, но, конечно же, в подобных проектах, создается только видимость сайта «одностраничника». На самом же деле страниц, как правило, много и переход между ними осуществляется при помощи навигационного меню без перезагрузки вкладки браузера.
#angular #премиум
https://webformyself.com/urok-16-frejmvork-angular-marshrutizaciya-sozdanie-multistranichnosti/

В прошлом уроке мы с Вами рассмотрели вопросы создания маршрутов и вывода различных страниц в проекте. При этом все страницы были абсолютно самостоятельными и не зависели от параметров, которые могли бы передаваться через маршрут. Но довольно часто контент на странице зависит от тех данных, которые могут передаваться через URL, а значит, в этом видео мы с Вами рассмотрим параметры маршрута и их последующую обработку.
#angular #премиум
https://webformyself.com/urok-17-frejmvork-angular-marshrutizaciya-parametry-marshruta/

Очень редко когда в проектах абсолютно все страницы открыты для всеобщего посещения. Как правило, есть ряд страниц, доступ к которым возможен либо после аутентификации, либо после выполнения определенных действий.
#angular #премиум
https://webformyself.com/urok-19-frejmvork-angular-marshrutizaciya-guards/

Очень редко когда в веб-приложениях данные отображаются в исходном виде. Как правило, перед выводом на экран, информация подвергается определенной обработке. К примеру, меняется формат неких значений или отсекаются лишние элементы путем наложения фильтра. Как раз для этих целей во фреймворке Angular предусмотрен инструмент под названием пайпы (pipes), с которым мы начнем знакомиться в этом уроке.
#angular #премиум
https://webformyself.com/urok-20-frejmvork-angular-pajpy-ispolzovanie-standartnyx-pajpov/

В прошлом уроке мы с Вами рассмотрели довольно много стандартных пайпов фреймворка Angular, но те модификации, которые они предлагают для данных, довольно ограничены и для написания хорошего проекта стандартными средствами просто не обойтись.
#angular #премиум
https://webformyself.com/urok-21-frejmvork-angular-pajpy-sozdanie-pajpov/

Кастомные пайпы, которые мы с Вами создавали в прошлом уроке, отслеживают изменения в значениях примитивных типов (String, Number, Boolean, Symbol), в других же объектах Date, Array, Function, Object изменения отслеживаются, когда меняется ссылка, а не значение по ссылке. Поэтому в этом видео мы рассмотрим два режима работы пайпов, один из которых решает проблему указанную выше, а также затронем понятие асинхронные пайпы.
#angular #премиум
https://webformyself.com/urok-22-frejmvork-angular-pajpy-impure-pipes-asinxronnye-pajpy/

Практически в каждом веб-приложении для взаимодействия с пользователем применяются формы, которые являются отличным инструментом как для выполнения определенных действий, так и получения необходимой информации. Поэтому, начиная с этого видео, мы приступаем к изучению инструментов фреймворка Angular, которые позволяют обрабатывать формы. Начнем с рассмотрения подхода Template-Driven и директивы NgModel.
#angular #премиум
https://webformyself.com/urok-23-frejmvork-angular-obrabotka-form-template-driven-direktiva-ngmodel/

Данные, которые пользователи вводят в форму всегда необходимо проверять на корректность, чтобы избежать дальнейших ошибок, либо на стороне клиентской части, либо на стороне серверной части. Поэтому в текущем уроке мы с Вами рассмотрим принципы валидации элементов формы в подходе Template-Driven.
#angular #премиум
https://webformyself.com/urok-24-frejmvork-angular-obrabotka-form-template-driven-validaciya-dannyx/

Довольно часто в проектах приходится создавать огромные формы, содержащие большое количество различных элементов, что приводит к сложности управления и проверки корректности вводимых данных. Поэтому, в данном уроке мы с Вами рассмотрим инструменты фреймворка Angular, по разделению форм на отдельные группы, а также познакомимся с интересным объектом, который добавит возможность создания динамических элементов.
#angular #премиум
https://webformyself.com/urok-26-frejmvork-angular-obrabotka-form-reactive-forms-gruppy-dinamicheskie-polya/

На прошлых уроках мы с Вами рассмотрели некоторый набор готовых валидаторов фреймворка. Конечно, это не полный список, информацию обо всех валидаторах Вы найдете в официальной документации на сайте проекта. При этом Вы должны понимать, что стандартные валидаторы отлично подойдут для решения несложных, типовых задач, но для реализации больших проектов их просто недостаточно, потому как они реализуют простейшие проверки корректности данных.
#angular #премиум
https://webformyself.com/urok-27-frejmvork-angular-obrabotka-form-reactive-forms-kastomnye-validatory/

Довольно часто для проверки данных на корректность, необходимо выполнить ресурсоёмкую и время затратную операцию, которая может привести к замедлению работы всего проекта в целом. Примером подобной операции может служить запрос к серверу на получение данных.
#angular #премиум
https://webformyself.com/urok-28-frejmvork-angular-obrabotka-form-reactive-forms-asinxronnye-validatory/

Приложения на фреймворке Angular, как правило, либо просто отображают некоторые данные на экране, либо содержат в себе страницы для ввода определенной информации. При этом сами по себе данные не формируются и не сохраняются, вместо этого отправляется запрос к удаленному серверу, или сервису для получения, редактирования или удаления данных.
#angular #премиум
https://webformyself.com/urok-29-frejmvork-angular-obrabotka-form-http-otpravka-http-zaprosov/

В любом проекте возникают исключительные ситуации, или попросту говоря ошибки. Но если осуществляется отправка запросов к другому проекту, то ошибок может возникать на порядок выше, так как, по сути, работают несколько приложений и реализуется обмен информацией.
#angular #премиум
https://webformyself.com/urok-30-frejmvork-angular-obrabotka-form-http-servisy-obrabotka-oshibok/

В прошлых уроках мы с Вами рассмотрели отправку запросов методом GET, и соответственно, обработку полученного результата, а именно отображение его на экране. Но есть еще три операции по модификации данных – это создание, редактирование и удаление данных, которые, как правило, реализуются через отправку соответствующих типов запросов.
#angular #премиум
https://webformyself.com/urok-31-frejmvork-angular-obrabotka-form-http-servisy-post-put-i-delete-zaprosy/