В мире дедлайнов правильный выбор технологии играет ключевую роль. Имея многолетний опыт за спиной, мы были вовлечены в разработку на десятках языков, с использованием фреймворков и библиотек. Собрав вместе наши знания, мы решили пролить свет на вопрос: React или Angular? и поделиться своими мыслями с вами. Так что в этой статье мы собираемся преобразовать наш опыт frontend разработки в информацию, которая поможет определить лучшую для вас технологию. Почему Angular 2? Angular JS – это open-source библиотека, предоставляющая всё необходимое для создания клиентской части сайта. Используя Angular 2, вы можете заметить, что вторая версия избавлена от ненужной сложности, которая присутствовала в предыдущей версии. Команда, работавшая над Angular 2, устранила или заменила почти все концепции первой версии. Я говорю о модулях, контроллерах, областях видимости, директивах и так далее. Однако они не остановились только на упрощении фреймворка. Они также добавили новые примечательные фичи и некоторые улучшения. Среди фич мы хотели бы выделить встроенную поддержку приложений и server-side рендеринг. Говоря об улучшениях, мы не можем упустить тот факт, что производительность Angular 2 резко возросла. Как Angular стал популярным? Тот факт, что Angular – создание Google, внушает доверие сам по себе. Фреймворк разработан таким образом, что не травмирует психику разработчиков, которые ранее учили другие технологии и языки. Многие разработчики утверждают, что если код на Angular кажется сложным – тогда ты делаешь что-то не так. Сайты, созданные на Angular JS: YouTube (for PS3), GoodFilms, Freelancer, Upwork. Итак, почему Angular 2 может быть полезным? Давайте рассмотрим его основные плюсы и минусы. Angular pros and cons by Cleveroad Почему ReactJS? В отличие от Angular, ReactJS – это JavaScript-based библиотека с открытым исходным кодом и JSX компилятором. Он в основном сосредоточен на пользовательском интерфейсе и разрешает создавать многоразовые UI рассматриваемые компоненты. Используя React, вы всегда должны помнить, что это не MVC фреймворк, а только библиотека для рендеринга вашего View (V из MVC). Таким образом, React – это интерфейс-ориентированное решение, когда ваши пользователи получают весьма отзывчивый интерфейс с плавной загрузкой. Как React стал популярным? За этим проектом стоит Facebook. ReactJS-решения дружественны с SEO. Производительность и гибкость ReactJS очень высоки. Известные сайты, сделанные с помощью ReactJS: Netflix, Feedly, Airbnb, Walmart Сейчас давайте рассмотрим, почему ReactJS может быть полезным. React pros and cons by Cleveroad Как сделать выбор? Сейчас мы глубже рассмотрим детали и нюансы, которые могут быть достаточно важными при выборе технологии. Лицензия Вы должны быть ознакомлены с видами лицензий фреймворка. Большинство лицензий довольно гибкие в работе, и вы можете использовать их для создания коммерческих приложений без каких-либо проблем. Однако существует целый ряд лицензий, которые не дают вам такой свободы действий. Лучше просто поискать информацию, нежели потом узнать, что вы не имеете права на коммерческое распространение своего продукта, не так ли? Примечание: Одним из преимуществ Angular JS и ReactJS является то, что это open-source фреймворки без каких-либо ограничений в использовании. Стоит отметить, что Angular использует MIT лицензию вместо 3-clause BSD лицензии, которая используется в React. Однако BSD отличается от MIT только присутствием запрета на использование имени владельца прав в рекламных целях. Паттерн MVC Паттерн Model-View-Controller разрешает разделять проекты на три компонента: модель, вид и контроллер. Таким образом, модификацию каждого компонента можно проводить независимо друг от друга, что способствует сжатию кода и повышению качества конечного результата. Помимо шаблонов MVC существуют также Model-View-Presenter (MVP) и Model-View-View-Model (MVVM). Примечание: Среди всех особенностей Angular 2 наличие out-of-the-box MVC паттерна является значительным преимуществом перед React. Из трёх букв акроним MVC имеет только букву «V» – View (в переводе «вид»). Так что если вам нужны буквы «М» и «С», то придётся искать их в другом месте. Размещение шаблонов Говоря о преимуществах Angular 2, стоит упомянуть о простоте написания шаблонов отображения. Имея действительно простой интерфейс, Angular позволяет получить конечный результат с более интуитивным подходом к пользовательскому интерфейсу, который требует меньше кода и кажется «очевидным». React же требует специальные функции для управления отображением данных. В основном это значит, что вам следует определить способ представления данных перед тем, как они будут внесены в DOM. Это может привести к отключению во время попыток определить, как будет отображаться определённый элемент.  Примечание: До 80% того, что вы делаете при создании онлайн-сервиса, основывается на написании пользовательского интерфейса. Так что, лучше взвешивайте подходы этих технологий к шаблонизации, чтобы понять, какой из фреймворков соответствует вашим предпочтениям в написании кода. Привязка данных Angular использует двухстороннюю привязку данных. С её помощью фреймворк может присоединить DOM к данным Model через контроллер. В двух словах: когда пользователь взаимодействует с входными данными и задаёт новое значение вашему приложению, то не только View может быть обновлен, а и Model тоже. Соответственно, вам не нужно писать какой-либо метод отслеживания этих изменений в приложении. Примечание: Подход Angular влияет на производительность из-за того, что создается вотчер (watcher) при каждой привязке данных. React использует одностороннюю привязку, где поток данных направлен только в одном направлении. Благодаря этому, вы всегда будете знать, в каком месте ваши данные меняются. Примечание: Подход React гораздо проще отлаживать, когда речь идёт о больших приложениях. Стоит сказать пару слов о клиентском и серверном рендеринге. Фактически server-side рендеринг использовался в первых версиях Angular и создавал трудности для маркетинга. Поскольку браузер воспринимает рендеринг клиентской стороны, то JavaScript дает отличные возможности для SEO оптимизации. Это является существенным недостатком, ведь большинство цифровых продуктов нуждаются в маркетинговой поддержке, дабы остаться в живых. Кроме того, client-side рендеринг может сильно повлиять на загрузку страниц. Однако начиная со второй версии, разработчики Angular исправили эту проблему, перенеся модель рендеринга на сторону сервера. Производительность Как вы знаете, Angular создает наблюдатель (watcher) для каждой привязки данных, чтобы отслеживать все изменения в DOM. Как только View получает некоторые обновления, Angular начинает сравнивать полученные значения с начальными. Дело в том, что данная технология проверяет не только те значения, которые изменились, но и все остальные тоже. Примечание: Производительность Angular 2 может стать причиной проблем для массивных приложений. Разработчики ReactJS ввели концепцию виртуального DOM, которая позволяет создавать легкое дерево DOM, сохраняя его на сервере. Каждый раз, когда пользователь взаимодействует с сайтом, например, заполняет форму, React создает новый виртуальный DOM для сравнения с предыдущим. После того, как библиотека обнаружит все различия между этими двумя моделями – виртуальный DOM будет перестроен. Весь процесс на сервере выполняется, таким образом снижая нагрузку на браузер. Примечание: Производительность ReactJS возрастает, когда дело доходит до больших объемов данных, поскольку в этом фреймворке нет вотчеров. Взгляните на график, показывающий оценку React и Angular по некоторым критериям. Эти оценки основаны на нашем личном опыте. Cleveroad evaluation of technologies У нас было небольшое собрание, посвященное вопросу «React или Angular?», в ходе которого наши frontend разработчики имели возможность обсудить все плюсы и минусы этих технологий. Они пришли к выводу, что Angular лучше подходит для их предпочтений в написании кода, а также для рабочих задач, с которыми они сталкиваются ежедневно. Для подведения итога всему сказанному выше мы подготовили для вас график. В нём сравниваются Angular 1.X, Angular 2 и React. React vs Angular versions Опыт Cleveroad Из этих двух технологий наши разработчики предпочитают Angular. Имея много наработок, связанных с этим фреймворком, мы способны работать более эффективно, сокращая время, необходимое для реализации проекта. Таким образом наши клиенты экономят на стоимости проекта из-за сокращения часов разработки. Все наши проекты, основанные на этой технологии, имели большое количество frontend-логики в своей структуре, которая часто изменяется. Кроме того, в проектах предусматривался ряд изменений в дизайне. Использование библиотеки React может увеличить время разработки и повысить общую стоимость конечного продукта. Вот некоторые из наших проектов: Age In Days, Count, Lifetile. Все эти веб-сайты основаны на AngularJS в нашей компании. Вы также можете посмотреть наш tech stack, который мы обычно применяем вместе с разработкой на Angular 2. Серверные решения: AWS, DigitalOcean, Hetzner, Microsoft Azure Back-end технологии: Node.js + Typescript 2, Angular 2 Базы данных: MySQL, MongoDB, Redis, PostgreSQL Облачные хранилища: WS S3, Azure storage Платёжные системы: Stripe, Braintree Инфраструктура и управление проектами: Webpack 2, Docker и CI, Jira, Bitbucket / Git Подводя итог Вероятно, проблема выбора между Angular и React в мире frontend может быть сопоставима с выбором между iOS и Android. Обе технологии имеют свои преимущества и недостатки, своих поклонников и ненавистников. Таким образом, у каждого разработчика есть определенные причины использовать ReactJS или другую технологию. В 2017 году все больше веб-проектов будет основано на Angular 2 благодаря фичам, позволяющим упростить жизнь разработчиков. Например, хорошая отладка, шаблон MVC, рендеринг на стороне сервера и т. д. В результате это сократит количество часов, необходимых для разработки, и, соответственно, снизит цены на разработку и обслуживание. Оригинал- https://www.cleveroad.com/blog/react-vs-angular-ultimate-performance-research-2017#.WKMPN5BkZMM.twitter

Дорогие друзья! С 6 по 10 июня на ITVDN проходил традиционный ежегодный С# Марафон. В соревнованиях приняли участие 578 человек, но к финишу пришли только 22 участника. Вот имена финалистов: Можаев Дмитрий Власов Александр Лопатина Анна Грейс Артём Ромашенкова Ксения Черезов Сергей Бредун Денис Максим Братухин Александр Семенко Александр Ростиславова Мария Живцов Виктор Александр Колесников Слав Али Игумнов Алексей Старжинский Александр Самолюк Антон Буйвол Алексей Шландаков Алексей Ширшова Ирина Гапон Юрий Savkin Ivan Победители марафона, показавшие наилучшие результаты: Можаев Дмитрий Власов Александр Лопатина Анна Грейс Артём Ромашенкова Ксения Победители получат подарочные сертификаты на пакет Стартовый (3 мес). Сертификаты будут отправлены 12 июня на электронную почту, указанную в анкете участника марафона. Все финалисты получат в подарок 1 видео курс, который был указан в анкете участника. Доступ к курсу будет открыт 12 июня. Благодарим всех участников и поздравляем победителей! Оставайтесь на ITVDN!

Эдьюкейтор 2018 – конференция для тех, кто интересуется самыми современными тенденциями в российском образовании и разработками, направленными на достижение невероятных социальных и коммерческих метрик. Это - наиболее ожидаемое и знаковое событие в 2018 году в сфере дополнительного образования детей и взрослых! Регистрироваться здесь На одной площадке соберутся и прокачаются: - развивающие центры - частные школы и детские сады - монтессори-центры - языковые школы - школы ментальной арифметики, робототехники, скорочтения - рефератные компании и биржи - школы лидерства и бизнеса - тренинговые компании - центры с курсами ЕГЭ, ОГЭ - школы рисования - компьютерные курсы - школы танцев - фото школы Тематика конференции: - тенденции в образовании 2019 - партнерство - продвижение в поисковых системах - привлечение клиентов из социальных сетей - организация активных продаж услуг - лицензирование - офлайн-масштабирование - переход из офлайна в онлайн - набор и отбор педагогов - автоматизация и контроль (CRM-системы) - мотивация клиентов к обучению   Также будет проведен круглый стол с руководителями образовательных центров. Подробности по телефону 8 800 250 62 49, электронной почте educator@etginpro.ru В Вотсапе, Телеграмме 8 913 250 46 38 и Вконтакте  

С 13 по 20 июля 2018 года на ITVDN проходила акция "Изучай С# бесплатно" для желающих изучить основы одного из самых популярных языков программирования. Для участия в программе Бонус+ зарегистрировалось 39 участников. 30 участников с наилучшими результатами, которые до 23 июля (включительно) 2018 года прошли тестирование по курсу, получают в подарок бесплатное обучение по видео курсу C# Базовый на 30 дней. Победители акции: Николай Никулин          TP16709666 Андрей Лакуста              TP24672281 Kathly Laf                            TP31411477 Serhii Halushko                 TP36260466 Chokan Yesmagambetov TP77155374 Кагирова Альфия           TP69165567 Андрей Деревянко      TP08874997 Ильяс Алеев                    TP27337140 Sultan Zhetibayev           TP29167900 Ярослав Суровцев        TP45252759 Кузьма Зажарнов          TP08010495 Сергей Коваленко        TP04317007 Диана Пухлицкая          TP63831736 Мария Хомюк                 TP93418234 Kirill Briukhan                   TP85976911 Саша Баёк                         TP29781670 Виктор Картополов      TP56677482 Рашид Хажаев                TP78791832 Максим Аглеримов     TP44908018 Николай Писарев          TP88614058 Елена Ротор                     TP97031993 Евгений Шиляев            TP38150260 Денис Чухлов                 TP87398025 Алексей Грабовский    TP15688986 Владимир Грабовский TP73983567 Вадим Кочмар                TP55916410 Nadya Povalyaeva          TP42451817 Сергей Полищук            TP37567376 Анна Луканина               TP73504051 Alexey Nazarenko          TP68121390 Поздравляем победителей и благодарим всех за активное участие в акции. Ждите новых акций от ITVDN!

С 4 по 18 августа 2016 г. на ITVDN проходило соревнование «Прокачай свой JS». Всего акции приняли участие 1527 человек. Все, кто успешно дошел до финиша и заполнил анкету участника, получают курс JavaScript Advanced в подарок. Курс будет открыт 19.08.2016 года. Список победителей:   Тамара Шевченко Сергей Назаров Татьяна Радченко sbi***@mail.ru Богдан Кондюба Tetyana Lebed Оксана Барило Влад Винский Мансур Габидуллин Ольга Соболева Serhi Konovalov Artem Konovalov Владимир Ткалич Сергей Браженко Nick Zahornyi Сергей Павлов Евгений Костюк Lysenko Taras Станислав Севрюков Николай Загорный Татьяна Носаева Elena Lyaskovskaya Алексей Задворный Віталій Криськов Ольга Рыбакова Алексей Кузнецов Александр Сакун Владимир Жучкин David Gimelshtein Кузьмич Владимир Сергей Корж Кузнецов Алексей Макс Булыгин Анастасия Быстрова Кирилл Вороной Дубовкин Максим Artur Avdalyan Любовь Гезь Ладп Теребова Татьяна Дуброва Виталий Шевчук Владимир Прядко Volodymyr Molodiy Алексей Никонов ITVDN благодарит всех за активное участие, вопросы, комментарии, помощь в тестировании и улучшении нового сервиса!

С 26 мая по 8 июня 2016 г. на ITVDN проходил - HTML&CSS Турнир. Победители, которые успешно дошли до финала:  Микола Разкевич, результат 1875 баллов Владимир Лысюк, результат 1778 баллов Филиппова Алла, результат 1579 баллов Лара Василькова, результат 1415 баллов Шнайдер Дмитрий, результат 1361 баллов Стеценко Максим, результат 1280 баллов Демьянова Татьяна, результат 1183 баллов Победители получат в подарок подписку ITVDN с полным доступом ко всем видео курсам на 1 месяц. Всего в Турнире приняли участие 711 человек. Все, чей результат оказался выше 50%, 9 июня 2016 года получат в подарок видео курс HTML5, CSS3. В связи с низкой активностью в группе VK мы при подведении итогов опирались на данные системы тестирования. ITVDN благодарит всех за активное участие, вопросы, комментарии, помощь в тестировании и улучшении нового сервиса и предоставляет уникальную возможность приобрести подписку ITVDN на любой срок со скидкой 40%.  Промо-коды будут оправлены всем участникам Турнира по электронной почте, указанной при регистрации.

Итоги акции «Изучайте JavaScript бесплатно!» Надо признаться, мы не ожидали такой активности по этой акции. 43 человека прошли тестирование по курсу с результатом 1000 из 1000! Победители были определены с помощью сервиса www.random.org. Видео запись розыгрыша - https://www.youtube.com/watch?v=6JljPnFAoss  Победители акции: Viktor Kozlovets, сертификат TP98453992, Kyiv Yelyzaveta Melnyk, сертификат TP42155599, Kiev Михаил Кизима, сертификат TP11401053, Львов Наташа Зварыч, сертификат TP25625259, Буча Sergey Andrushchik, сертификат TP42774005, Berdychiv Ксения Лыгута, сертификат TP60690003, Днепропетровск Александр Белогуров, сертификат TP49134579, Харьков Юлия Галица, сертификат TP98039944, Киев Сергей Клементьев, сертификат TP89155802, Самара Михайло Возняк, сертификат TP56704532, Львів Подводя итоги акции, мы проверяли соответствие указанных баллов и не обратили внимание на дату сертификации. Артем Панарин не может быть победителем, так как 21 января прошел тестирование с результатом 950 баллов, а мы проводили определение победителей среди тех, кто набрал максимум - 1000 из 1000. В связи с этим был определен еще один победитель акции вместо выбывшего из списка победителей Артема Панарина. Победителем стала Ксения Лыгута из Днепропетровска, ее сертификат TP60690003. Видео запись дополнительного розыгрыша - https://youtu.be/QKLFDq-eYR8 Все победители получат в подарок тот видео курс, который указан в форме регистриции. Доступ будет открыт 28 января! Поздравляем победителей и благодарим всех за активное участие в акции. Ждите новых акций от ITVDN!

Visual Studio 2013 от компании Microsoft — это пoлный набoр инструментoв и служб для сoздания различных прилoжений как для платфoрмы Microsoft, так и для других платфoрм. Visual Studio также позвoляет связать все Ваши прoекты, группы и всех заинтересoванных лиц. Миллионы разработчиков во всем мире используют Visual Studio как основную среду разработки, независимо от того, на каком языке программирования они пишут – C#, С++, JavaScript – все без исключения отмечают простоту и удобство этой IDE. Но для того, чтобы использовать все лучшее, что есть в Visual Studio, нужно изучить ее возможности, тонкости, настройки. Именно этому посвящен мастер-класс Дмитрия Охрименко «Visual Studio 2013 Tips & Tricks», доступный теперь в формате видео курса. Видеокурс будет полезен как начинающим разработчикам, выбравшим в качестве рабочей IDE Visual Studio, так и для опытных разработчиков. В мастер-классе рассматриваются возможности настройки и оптимизации, доступные в новой версии программного продукта. Имея огромный практический опыт разработки, Дмитрий в доступной форме дает слушателям знания, которые собирал из разных источников в течение продолжительного времени. Мастер-класс длится всего полтора часа, но содержит очень ценную практичную информацию. Помимо видео для Вас доступны будут также материалы видеокурса – презентация и примеры для практической работы. Перейти на страницу видео курса «Visual Studio 2013 Tips & Tricks»

Добрый день! 26 октября в 16:00 на YouTube-канале ITVDN в прямом эфире состоится розыгрыш трёх подарочных сертификатов на обучение по специальности .NET Developer. Что входит в пакет специальности .NET Developer: Доступ к 55 видеокурсам ITVDN на 8 месяцев Скачивание учебных материалов Тестирование по курсам (13 тестов) Консультация с тренером (60 мин.) Финальное тестирование по специальности Диплом по специальности Доступ к новым курсам, которые будут выходить во время действия подписки Условия участия в розыгрыше очень просты: Подписаться на наш Телеграм-канал @itvdn1 Подписаться на наш Инстаграм @itvdn Заполнить Заявку участника розыгрыша. Заявки на участие в розыгрыше принимаются до 26.10 (до 12:00). Подарочный сертификат для обучения можно активировать в любое удобное время в течение 12 месяцев с момента получения. К участию в акции не допускаются граждане россии и белоруссии. Регистрируйся для участия в розыгрыше и не забудь рассказать о нём друзьям! UPD от 26.10.22 Победители розыгрыша: Олена Могилевич Яна Шаркова Сергій Фенько Артур Топал Надія Денисюк Евеліна Зельгін Григоришин Роман

 Специальное предложение для юридических лиц В преддверии новогодних праздников ITVDN подготовил специальное предложение для компаний, которые заинтересованы в повышении уровня квалификации IT специалистов. В декабре вы можете приобрести пакеты подписки «Базовый» и «Премиум» по супер цене. Акционная стоимость Пакет «Премиум» (12 месяцев) со скидкой 40% - 102 USD (вместо 169,99) Пакет «Базовый» (6 месяцев) со скидкой 30% - 63 USD (вместо 89,99) Минимальный заказ – от 3 подписок для одной компании. В пакете подписки вы получите: Доступ ко всем видео курсам, представленным в Каталоге Возможность обучения по всем специальностям Исходный код учебных проектов Презентации, опорный конспект, ДЗ Проверка выполненных заданий Консультации с тренером Онлайн тестированиеи сертификация Доступ к новым курсам, которые будут выходить в период действия подписки. Для получения счета и консультации по организационным вопросам оставьте заявку или свяжитесь с нашим консультантом по контактам, указанным ниже. Сергей Довгаль Почта: s.dovhal@itvdn.com Skype: dovhal.sergey +38 (044) 390-05-00 +7 (499) 112-04-82   Сроки акции: с 5 по 31 декабря 2019 года.