Введение Элементарные и ссылочные типы, или элементарно-ссылочный дуализм на примере строк в JavaScipt. Одно из ключевых правил языка JavaScript состоит в особенностях выполнения операций над элементарными типами данных и ссылочными типами. Так, числа и логические величины  являются элементарными типами данных, операции над ними выполняются по значению, они состоят из относительно небольшого и заранее определенного числа байт, поэтому операции над ними легко выполняются даже низкоуровневым интерпретатором JavaScript. Примером ссылочных типов являются объекты. Что касается массивов и функций – они являются специализированными типами объектов, поэтому также представляют собой ссылочный тип данных. Эти типы данных характеризуются произвольным количеством свойств и элементов, поэтому операции над ними выполняются намного сложнее. В случае массивов и объектов больших размеров, операции по значению могут привести к избыточному копированию и сравнению огромных объемов памяти, что легко может поставить под сомнение оптимальность использования клиентских ресурсов. Примером работы с элементарными типами послужит следующая пара инструкций: var a = 5; // переменная с именем a хранит значение 5 var b = a; // производится операция копирования, исключительно по значению: переменная с именем b хранит другое значение 5 (его дубликат) другим примером может послужить изменение значения внутренней копии переменной: var a = a + 5; // эта строка изменяет только внутреннюю копию переменной с именем a, перезаписывая в нее значение 10 Что касается работы со ссылочными типами, простейшим примером послужит набор операций над двумя массивами: var myArray = [10, 20, 30, 40]; // создаем переменную ссылочного типа, а именно массив с именем myArray состоящий из четырех элементов var otherArray = myArray; // присваиваем новой переменной с именем otherArray первую перменную, при этом, копирование значений из переменной с именем myArray не производится, мы разрешаем новой переменной работать со значениями из первой. otherArray[0] = 110; // так изменив якобы значения ново-созданной второй переменной, на самом деле мы производим операцию перезаписи значений из первой переменной. alert(myArray); // отобразим значение 110,20,30,40 Стоит отметить, что строки, которые, на первый взгляд, могут восприняться в качестве ссылочного типа в силу неограниченности своей длины, что касается JavaScript, то строки зачастую рассматриваются с позиции элементарного типа из-за того, что не являются сущностью с природой объекта. Что же касается реальных случаев, то строки не могут вписываться в двойственный элементарно-ссылочный тип. Строки нельзя представить объектами, поэтому можно предположить, что их можно отнести к элементарному типу, но такого рода ситуация может привести к непроизвольному расходованию системных ресурсов, в случае произведения операций по значению, в силу возможности задания произвольной длины строки. Поэтому в JavaScript нельзя изменить содержимое строки, пусть даже существует специальный метод charAt(), который после вызова вернет символ из заданной строки, но не существует метода setChartAt(), который мог бы ввести на это место другой символ. Строки в JavaScript преднамеренно созданы как неизменяемые сущности, в нем отсутствуют элементы языка, предполагающие возможность изменения символов в строке. Несмотря на то, что невозможно определить, каким образом производится копирование строк, есть возможность определить, как производится сравнение строк – по ссылке или же по их значению. <script>         var row1 = "hello world";         var row2 = "hello " + "world";         if (row1 == row2) {             alert("строки сравниваются по значению")         } script> Поскольку мы сравниваем абсолютно разные строки, состоящие из одинаковых последовательностей символов, но они интерпретируются как эквивалентные, следовательно, увидим соответствующую надпись. Важно помнить, что сравнение строк выполняется строго посимвольно и производится для числовых значений отдельного символа из общепринятой кодировки Unicode последовательно. Кроме того, сравнение символов происходит с учетом регистра, т.е. все прописные буквы будут иметь «вес» меньший, чем соответствующие строчные буквы. var word1 = "hello"; var word2 = "Hello"; var rez = word1 < word2; document.write(rez); // false Также стоит помнить, что сравнение происходит от первого определения разных символов, при этом длина строки не учитывается var word1 = "hello w"; var word2 = "hello World"; var rez = word1 > word2; document.write(rez); // true Порой получая знания от пользователя в виде строк, к примеру, используя prompt, возвращается строка, введенная пользователем. В таком случае нельзя сравнивать числа, полученные от пользователя, поскольку результат будет не верен. var a = "5"; var b = "10"; var rez = a > b; document.write(rez); // true Посимвольное сравнение дает результат: символ ‘5’ больше, чем ‘1’. Стоит помнить о явном преобразовании полученных значений к числовым. Использую унарный знак плюс «+» var a = "5"; var b = "10"; var rez = +a > +b; document.write(rez); // false Как видим, язык JavaScript имеет много тонкостей, о которых стоит помнить при написании своих сценариев и программ. В дальнейшем вы сможете самостоятельно обнаруживать подобные особенности и грамотно ими пользоваться.  

ASP.NET Core представляет собой существенный редизайн ASP.NET. В этом разделе представлены новые концепции в ASP.NET Core, а также содержатся объяснения, как они помогают разрабатывать современные веб-приложения.   Что такое ASP.NET Core? ASP.NET Core – это новый общедоступный и кроссплатформенный фреймворк для создания современного облака приложений, связанных с подключением к интернету, таких как веб-приложения, приложения для интернета вещей и мобильных серверов. Приложения ASP.NET Core могут работать на .NET Core или на полной платформе .NET Framework. Этот фреймворк был спроектирован таким образом, чтобы обеспечить оптимизированную платформу разработки для приложений, которые перемещаются в облако или выполняются локально. Он состоит из модульных компонентов с минимальной перегрузкой, поэтому вы сохраняете гибкость при построении своих решений. Существует возможность разрабатывать и запускать кроссплатформенные ASP.NET Core приложения на Windows, Mac и Linux. Фреймворк ASP.NET Core общедоступен на GitHub. Зачем строить ASP.NET Core? Первая предварительная версия ASP.NET появилась почти 15 лет назад как часть платформы .NET Framework. С тех пор миллионы разработчиков использовали технологию для создания и запуска отличных веб-приложений. За эти годы удалось добавить и разработать множество возможностей. ASP.NET Core имеет ряд архитектурных изменений, которые приводят к более компактной и модульной структуре. ASP.NET Core больше не основывается на файле System.Web.dll. Он основан на наборе детальных и хорошо структурированных пакетов NuGet. Это позволяет оптимизировать приложение с помощью пакетов NuGet, которые вам необходимы. Преимущества меньшей площади поверхности приложения включают: более строгую защиту, сниженный уровень обслуживания, улучшенную производительность и снижение затрат в модели «плати за то, что используешь». С помощью ASP.NET Core вы достигните таких основных улучшений: Единая история создания для Web UI и Web APIs Интеграция современных клиентских фреймворков и схем разработки Конфигурация, готовая для работы в облаке и основывающаяся на окружении Встроенная поддержка внедрения зависимостей Новый легкий и модульный HTTP-запрос Возможность хостироваться в IIS либо в вашем собственном приложении Фреймворк построен на платформе .NET Core, которая поддерживает истинное совместное управление версиями приложений Поставка как полные NuGet пакеты Новый инструментарий, который упрощает разработку современных веб-приложений Сборка и работа кроссплатформенных ASP.NET приложений на Windows, Linux и Mac Общедоступный и социально-ориентированный фремворк   Создание web UI и web APIs с использованием ASP.NET Core MVC Вы можете создавать службы HTTP, которые охватывают широкий круг клиентов, включая браузеры и мобильные устройства. Поддержка нескольких форматов данных и согласования содержимого – уже встроены. ASP.NET Core - идеальная платформа для создания web APIs и RESTful приложений на .NET Core. Вы можете создавать хорошо факторизованные и тестируемые веб-приложения, которые следуют шаблону Модель-Вид-Контроллер (MVC). Razor обеспечивает продуктивный язык для создания Views Тег-хэлперы позволяют серверному коду участвовать в создании и рендеринге HTML- элементов в файлах Razor Привязка модели автоматически отображает данные из HTTP-запросов в параметры метода действия Проверка модели автоматически выполняет проверку на стороне клиента и на стороне сервера   Разработка клиентской стороны ASP.NET Core предназначен для беспроблемной интеграции с различными клиентскими платформами, включая AngularJS, KnockoutJS и Bootstrap. Материал подготовлен на основе статьи: https://docs.microsoft.com/en-us/aspnet/core/. Авторы: Daniel Roth, Rick Anderson, Shaun Luttin

Всем привет! Друзья, 14 января 2024 года образовательному проекту ITVDN исполняется 10 лет! Это важное событие для большого количества людей, участвовавших в проекте в качестве авторов, партнеров и наших студентов. Мы хотим отпраздновать это событие вместе с вами, поэтому объявляем большой розыгрыш подарочных сертификатов на все наши пакеты подписки! 12 января в 16:00 мы разыграем подарочные сертификаты на: 3 пакета подписки "Стартовый"; 2 пакета подписки "Базовый"; 1 пакет подписки "Премиум"; по 1 пакету подписки на 16 IT-специальностей: Python разработчик; C# / .NET разработчик; ASP.NET Core разработчик; ASP.NET MVC разработчик; Unity / Game разработчик; Верстальщик сайтов; FrontEnd разработчик; JavaScript разработчик; Angular разработчик; React разработчик; Java разработчик; Android разработчик; PHP разработчик; Ruby разработчик; C++ разработчик; QA (Quality Assurance). Таким образом, у нас будет 22 победителя! Столь масштабный розыгрыш мы устраиваем впервые! Подарочные сертификаты позволяют вам начать обучение когда угодно в течение 12 месяцев с момента получения сертификата. Заявки на участие принимаются до 12:00 12 января. Как принять участие? Необходимо: Быть зарегистрированным пользователем ITVDN. Сделать пост в одной из социальных сетей (Facebook, LinkedIn, X (Twitter), Instagram или TikTok) со ссылкой на любую статью/вебинар/курс на ITVDN, а также написать в этом посте, почему именно вам понравилась эта статья/вебинар/курс. Убедитесь, что ваша страница открыта, чтобы мы могли проверить условия выполнения этого пункта. Заполнить форму участника розыгрыша. Что получат победители Доступ ко всем видео курсам ("Базовый", "Стартовый", "Премиум") или к специализированным (16 IT-специальностей) на определенный каждым пакетом срок Исходный код учебных проектов Презентации, опорный конспект, д/з Проверка домашних заданий Консультации с тренером Доступ к интерактивным практикумам Онлайн тестирование и сертификаты Доступ к новым курсам, которые будут выходить во время действия подписки Достижения, награды и статусы Наша цель – быть крупнейшей в Украине платформой IT-образования по всем направлениям, для специалистов различного уровня. Формат обучения – видео курсы – является особенно актуальным, удобным, доступным и качественным в условиях войны. И мы активно работаем над созданием новых курсов для украинцев. Наши награды, статусы и достижения за 10 лет: 2100 обучающих видео и 224 000+ подписчиков на YouTube-канале ITVDN; 55 000+ украинцев стали участниками программы Free 4 Ukraine; 178 видео и 25 000+ подписчиков на YouTube-канале CodeUA, который создан в 2022 году совместно с CyberBionic Systematics; 1245+ положительных отзывов в Google, DOU и Facebook; 250+ видео курсов в Каталоге ITVDN; Награда Ukraine IT Awards 2015 – за профессионализм в IT-обучении; Награда IT Education Awards 2015 – лучший проект в номинации Online Education; Постоянный статус партнера Microsoft в области IT-образования; Участник Ассоциации "IT Ukraine". Спасибо всем, кто пользуется нашим ресурсом. Следите за обновлениями на ITVDN!   UPD от 12.01.2024 Победители: 3 пакета подписки “Стартовый”:  Протасова Вікторія  Сазонов Андрій Лебідь Ігор 2 пакета подписки “Базовый”: Podlas Dmytro Довгий Дмитро 1 пакет подписки “Премиум” - Зятковський Богдан 16 пакетов подписок по ІТ-специальностям: Android разработчик - Куречко Сергій  Angular разработчик - Кравченко Максим Валерійович ASP.NET Core разработчик - Мельнікова Інна ASP.NET MVC разработчик - Tolstova Anna  C# / .NET разработчик - Ульянович Олександр C++ разработчик - Zavizion Matvii  FrontEnd разработчик - Луценко Віктор Java разработчик - Бігарі Василь JavaScript разработчик - Кунникова Катерина PHP разработчик - Єрмаков Андрій Python разработчик - Смирнов Артур QA (Quality Assurance) - Попрядухін Євгеній React разработчик - Сергій Руденко Unity / Game разработчик - Титух Володимир Верстальщик сайтов - Карпова Юлія Ruby разработчик - не было заявок Запись розыгрыша: https://www.youtube.com/watch?v=R8NQu5yTFDI

Моя идея состояла в том, чтобы построить простой репликабельный проект на Angular с бэкэндом на Django. Я искал и не смог найти нужных решений, пришлось во всем разбираться самому. В итоге я разобрался и решил сам написать гайд для всех, кого может заинтересовать данная проблема.  Данная статья поможет вам построить простое приложение Angular с бэкэндом на Django, организованного с помощью Webpack. Проблема Я хочу настроить проект на Angular 1.1.x и скормить ему данные с сервера Django. Мне бы хотелось использовать Django REST Framework (DRF), чтобы пострить RESTful API. Я также хочу сбандлить JS ассеты. Сейчас я собираюсь запустить сайт на одном сервере. Предварительные требования Python 2.x Django 1.9.x npm 2.15.8+ Webpack 1.13.x (sudo npm i -g webpack) ESLint 2.13.1+ (sudo npm i -g eslint) NodeJS 4.4.7+ Содержание Скаффолдинг проекта. Создайте свои начальные директории. Скаффолдинг проекта на Django. Настрока переменных среды, нужных для запуска сервера Django. Установка Django REST Framework и настройка Django с использованием переменных среды. Создание API. Запуск Django сервера с использованием dev settings. Инициализация npm-пакета и установка front-end JS зависимостей. Создание Angular entry-point и загрузка начальных зависимостей. Настройка Webpack'а. Дайте команду Django загрузить приложение. Создайте шаблон базы приложения Angular. Напишите компонент home. Напишите Angular роуты, ведущие к вашему компоненту home и странице 404. Добавьте директивы ангуляр-маршрутизатора к шаблону входной точки приложения. Проверьте ваше REST API в приложении Angular.  Шпаргалка. Итак, начнем! 0. Настройте среду для Python. mkvirtualenv mysite 1. Скаффолдинг проекта на Django. Создайте начальные директории. Мы хотим сфокусироваться на модулярности в ходе разработки. Следовательно, существует множество директорий в конечном итоге использования. Мы хотим, чтобы наше дерево изначально выглядело так: mysite ├── backend │ ├── docs │ ├── requirements └── frontend ├── app │ ├── components │ └── shared ├── assets │ ├── css │ ├── img │ ├── js │ └── libs ├── config ├── dist └── js  Сделайте следующее: mkdir mysite && cd mysite mkdir -p backend/docs/ backend/requirements/ \ frontend/app/shared/ \ frontend/app/components/ \ frontend/config \ frontend/assets/img/ frontend/assets/css/ \ frontend/assets/js/ frontend/assets/libs/ \ frontend/dist/js/  *Примечание: Структура этого проекта была навеяна опытом с несколькими другими проектами. Я считаю эту организацию идеальной, но вам не обязательно ей следовать. Но, пока вы читаете этот гайд, вы должны придерживаться этой структуры. 2. Скаффолдинг проекта на Django. В директории backend/ создайте Django проект: python django-admin.py startproject mysite  Также создайте requirements.txt: pip freeze > requirements/requirements.txt В директории (вашего проекта) backend/mysite/ произведите скаффолдинг директории, той, где будет жить ваше API: mkdir -p applications/api/v1/ touch applications/__init__.py applications/api/__init__.py \ applications/api/v1/__init__.py applications/api/v1/routes.py \ applications/api/v1/serializers.py applications/api/v1/viewsets.py Теперь создайте структуру директории настроек: mkdir -p configlord/settings/ touch configlord/settings/__init__.py \ configlord/settings/base.py configlord/settings/dev.py configlord/settings/prod.py \ configlord/dev.env configlord/prod.en 3. Настройте переменные окружения, которые нужны для запуска сервера Django. На этом этапе я предпочитаю пользоваться django-environ для работы с переменными окружения. Существует множество способов сделать это, но пакет django-environ чрезвычайно упрощает этот процесс, поэтому я использую его во всех своих проектах. Установите django-environ: pip install django-environ  В mysite/dev.env добавьте следующее: DATABASE_URL=sqlite:///mysite.db DEBUG=True FRONTEND_ROOT=path/to/mysite/frontend/ SECRET_KEY=_some_secret_key Мы собираемся использовать эти переменные среды в наших настройках. Выгода от использования наших переменных окружения в отдельных файлах состоит в основном в том, что такая настройка позволяет облегчить переключение между средами. В нашем случае файл the dev.env является списком переменных, которые мы бы использовали в локальной среде разработки. *Примечание: SECRET_KEY можно взять из settings.py, который был сгенерирован django-admin.py startproject. 4. Установите Django REST Framework и настройте Django, используя переменные среды. Установка DRF: pip install djangorestframework Наполните settings/base.py  следующим: Укажите, где искать переменные окружения. import environ project_root = environ.Path(__file__) - 3 env = environ.Env(DEBUG=(bool, False),) CURRENT_ENV = 'dev' # 'dev' is the default environment # read the .env file associated with the settings that're loaded env.read_env('./mysite/{}.env'.format(CURRENT_ENV)) Установите базу данных. В данном случае мы собираемся использовать встроенные в django-environ настройки SQLite. DATABASES = { 'default': env.db() } Установите SECRET_KEY ,а также debug. SECRET_KEY = env('SECRET_KEY') DEBUG = env('DEBUG') Добавьте DRF в пул приложений, которые Django должен использовать. # Application definition INSTALLED_APPS = [ ... # Django Packages 'rest_framework', ] Ссылки будут «жить» в специальном URL модуле, созданном с помощью базы проекта. ROOT_URLCONF = 'mysite.urls' Укажите Django, где искать все шаблоны и другие статические ассеты. STATIC_URL = '/static/' STATICFILES_FINDERS = [ 'django.contrib.staticfiles.finders.FileSystemFinder', 'django.contrib.staticfiles.finders.AppDirectoriesFinder', ] STATICFILES_DIRS = [ env('FRONTEND_ROOT') ] TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [env('FRONTEND_ROOT')], 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ 'django.template.context_processors.debug', 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages', ], }, }, ] В соответствии с настройкой TEMPLATES Django должен будет искать шаблоны внутри frontend/ directory. Это то, где Angular приложение будет жить. Мы используем только Django, чтобы обслужить шаблон, внутри которого Angular приложение будет загружаться, которое будет выполнено через entry-point директиву. Если вы не знаете, о чем я, продолжайте чтение...  Наполните settings/dev.py: from mysite.settings.base import * CURRENT_ENV = 'dev' Здесь мы указываем, что этот файл настроек унаследывает настройки из base.py и переопределяет строку CURRENT_ENV, найденную в base.py. Мы говорим: «Используй это значение вместо значения, найденного в наследуемом модуле». 5. Создайте API. Нам нужно нечто, с помощью чего мы сможем протестировать службы Angular, поэтому давайте создадим небольшое API. Этот шаг можно пропустить, но я не советовал бы делать этого. Нам важно знание того, что настройки приложения Angular работают исключительно с точки зрения его потенциала, чтобы облегчить HTTP запросы. Сгенерируйте приложение. manage.py startapp games Создайте модель в games/models.py. class Game(models.model): title = models.CharField(max_length=255) description = models.CharField(max_length=750) Создайте DRF сериализатор для модели игры в  applications/api/v1/serializers.py. from rest_framework.serializers import ModelSerializer from applications.games.models import Game class GameSerializer(ModelSerializer): class Meta: model = Game Создайте  DRF viewset для модели в приложениях applications/api/v1/viewsets.py. from rest_framework import viewsets from applications.games.models import Game from applications.api.v1.serializers import GameSerializer class GameViewSet(viewsets.ModelViewSet): queryset = Game.objects.all() serializer_class = GameSerializer В applications/api/v1/routes.py зарегистрируйте роуты, используя DRF's router registration features. from rest_framework import routers from applications.api.v1.viewsets import GameViewSet api_router = routers.SimpleRouter() api_router.register('games', GameViewSet) Обозначьте ссылки для зарегистрированного DRF роута внутри mysite/urls.py: from django.contrib import admin from django.conf.urls import include, url from applications.api.v1.routes import api_router urlpatterns = [ url(r'^admin/', admin.site.urls), # API:V1 url(r'^api/v1/', include(api_router.urls)), ] 6. Запустите сервер Django, используя dev settings. manage.py runserver --DJANGO_SETTINGS_MODULE=mysite.settings.dev Впуская DJANGO_SETTINGS_MODULE в runserver, мы «говорим» - работать используя специфические параметры. Если все работает, у вас появится возможность открыть localhost:8000/api/v1/games и увидеть ответ от DRF. Если все работает – самое время заняться построением приложения Angular. Если нет – направьте автору проблему. Если вы застряли на этом этапе – оставьте комментарий автору под оригиналом публикации. 7. Инициализируйте npm-пакет и установите front-end JS зависимости. Приложение Angular не будет работать так, как мы хотим, если правильные зависимости не будут установленны. Самое время установить базовые пакеты, которые понадобятся. Инициализируйте npm-пакет. Прямо из  frontend/ запустите npm init --yes By passing the --yes flag into init, you're telling NPM to generate a package.json using NPM defaults. Otherwise, if you don't pass that in, you'll have to answer questions... Boring. Установите dev dependencies.  npm install --save-dev eslint eslint-loader Установите общие зависимости. npm install --save eslint eslint-loader angular angular-resource angular-route json-loader mustache-loader lodash Файл package.json file во frontend/ должен выглядеть приблизительно следующим образом: { "name": "my-app", "version": "0.0.1", "description": "This is my first angular app.", "main": "app.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC", "devDependencies": { "eslint": "^3.1.1", "eslint-loader": "^1.4.1" }, "dependencies": { "angular": "^1.5.8", "angular-resource": "^1.5.8", "angular-route": "^1.5.8", "eslint": "^3.1.1", "eslint-loader": "^1.4.1", "json-loader": "^0.5.4", "lodash": "^4.13.1", "mustache-loader": "^0.3.1" } } Здесь то, что мы только что установили: eslint – отличный линтер, благодаря которому код JavaScript будет в порядке (последователен). eslint-loader – для запуска eslint через Webpack. Чуть позже я объясню концепцию «загрузчиков». angular -  MVC фреймворк. Если  вы не знали об этом, стоит подумать о том, чтобы закрыть эту страничку прямо сейчас. angular-resource -  (Angular) HTTP библиотека выбора. Это абстракция $http. json-loader - загрузчик (снова, используемый Webpack) для распаковки JSON из .json файлов с помощью require() во время работы нашего приложения. mustache-loader – загрузчик, который мы будем использовать, чтобы парсить наши mustache шаблоны. Mustache шаблоны – это веселье. Я могу спокойно предположить, что вы не знаете, как все эти пакеты заиграют вместе.  Не переживайте, братишки. 8. Создайте entry-point в Angular, объявите начальные зависимости, объявите первоначальные глобальные переменные. В frontend/app/app.js добавьте следующее: /* Libs */ require("angular/angular"); require("angular-route/angular-route"); require("angular-resource/angular-resource"); /* Globals */ _ = require("lodash"); _urlPrefixes = { API: "api/v1/", TEMPLATES: "static/app/" }; /* Components */ /* App Dependencies */ angular.module("myApp", [ "ngResource", "ngRoute", ]); /* Config Vars */ // @TODO in Step 13. /* App Config */ angular.module("myApp").config(routesConfig); app.js это то, где Webpack будет искать модули, чтобы бандлить их вместе. Лично я ценю такую организацию и методику вызовов, но такой порядок не обязателен. Существует 6 секций: Libs – главные библиотеки, используемые на протяжении работы Angular приложения; Globals – зарезервированные глобальные переменные, которые мы можем использовать во время работы приложения; Components (Компоненты) – особенные модули проекта; App Dependencies (Зависимости приложения) – объявление входной точки приложения и его зависимостей; Config Vars – переменные, где хранятся настройки, такие как route config; App Config - вводит configs (настройки) в приложение, используя сохраненные из предыдущей секции. Для того, чтобы globals работали, вам следует указать ESLint на то, какие из переменных - глобальные. В config/eslint.json добавляем следующее: { "env": { "node": true }, "extends": "eslint:recommended", "rules": { "indent": [ "error", 2 ], "linebreak-style": [ "error", "unix" ], "quotes": [ "error", "double" ], "semi": [ "error", "always" ], "no-console": 0 }, "globals": { "_": true, "_urlPrefixes": true, "angular": true, "inject": true, "window": true }, "colors": true } Ниже несколько переменных, о которых мы предупредили ESLint: _ представить lodash. _urlPrefixes – объект, который мы будем использовать в приложении для гиперссылок. Я расскажу об этом позже. angular, чтобы представить AngularJS object driving our entire application. inject, который будет использоваться для ввода зависимостей Angular. window, которая просто представляет объекты окон в JavaScript, является представителем  DOM. 9. Настройка Webpack. Теперь, когда мы выложили большинство наших зависимостей приложения, мы можем построить config file для Webpack. Webpack будет консолидировать все зависимости, а также модули для приложений, которые мы создаем в один файл. В bundle. В frontend/webpack.config.js добавляем следующее. module.exports = { entry: "./app/app.js", output: { path: "./dist/js/", filename: "bundle.js", sourceMapFilename: "bundle.js.map", }, watch: true, // eslint config eslint: { configFile: './config/eslint.json' }, module: { preLoaders: [{ test: /\.js$/, exclude: /node_modules/, loader: "eslint-loader" }], loaders: [ { test: /\.css$/, loader: "style!css" }, { test: /\.html$/, loader: "mustache-loader" }, { test: /\.json$/, loader: "json-loader" }] }, resolve: { extensions: ['', '.js'] } }; Для того, чтобы Webpack бандлил все наши статические зависимости, нам нужно указать ему, где их брать, какие зависимости обрабатывать и как управлять ими до банлинга. Давайте посмотрим на то, что указывает Webpack с помощью webpack.config.js: Entry - это путь к тому, что Webpack'у нужно для старта бандлинга. Это можеть быть полный путь или путь, относительный тому, где webpack.config.js располагается. В данном случае мы говорим о последнем варианте. output -  это объект, содержащий в себе path, который является директорией, в которую связанные зависимости будут помещаться; filename - это название бандла; и, в данном случае, мы решили использовать sourceMapFilename, чтобы обозначить, что наша() source map будет вызван(а). watch указывает Webpack следить за изменениями в файле, пока он выполняется. Если это не настроено как true, Webpack прогонит процесс бандлинга единожды и остановится. eslint содержит в себе специфические ESLint настройки, используемые eslint-loader. module указывает Webpack'у, что делать с модулями, с которыми он работает. module.preLoaders «говорит», что делать перед бандлингом. В данном случае мы хотим запустить модули (исключив модули установленные npm) через eslint. module.loaders - это то, где указана последовательность загрузчика. В нашем случае мы просто настраиваем test и loader,  где test указывает Webpack’у, какие модули запускать в загрузчике (по соответствию с паттерном regex), и loader говорит Webpack’y, какой загрузчик использовать в модулях, которые соответствуют regex паттерну в test. Каждый загрузчик указан в строке и разделен восклицательным знаком. Ex:  loader!another_loader!yet_another_loader module.preLoaders указывает, какие preLoaders'у запускать модули. Используемые настройки такие же точно, какие мы использовали в module.loaders. Но, Грег, какая  разница между preLoaders и loaders? Я рад, что ты спросил, мой дорогой друг!! A loader указывает Webpack'у, как бандлить требуемые файлы. Loader смотрит на модуль и говорт: «Эй, так как вы упаковываете это в один файл как строку – это то, как оно должно быть преобразованно для bundle'а». A preLoader обрабатывает код перед loaders, например, чтобы слинтить JavaScript модули. A postLoader является плагином Webpack'а, который обрабатывает код после бандинга. Мы не специфицировали ни один  postLoader ради простоты. 10. Укажите Django загрузить приложение. Прямо сейчас все, что нужно сделать – указать Webpack’у что создавать, как создавать и что должно быть создано. (На данном этапе я бы очень удивился, если вы попробуете запустить его и он заработает без ошибок. Если так и есть, я чертов мужик.) Так как Django использует свой собственный URL процессор в нашем приложении, мы можем быть рады тому, как любезно Django управляет всем тем, что введено в строку браузера пользователя. Как бы то ни было, мы бандлим одностраничное приложение, используя абсолютно другой фреймворк, и хотим, чтобы у приложения был полный контроль над тем, что пользователь вводит. Все, что нам нужно  – обслуживать одну страничку, в которой работает SPA. Следовательно... В backend/mysite/mysite/urls.py добавляем в список urlpatterns следующее: # Web App Entry url(r'^$', TemplateView.as_view(template_name="app/index.html"), name='index'), Это значит, что когда пользователь открывает mysite.com/, env('FRONTEND_ROOT') + app/index.html будет находить STATICFILES_FINDERS  в порядке рендера HTML шаблона. 11. Создайте шаблон базы приложения Angular. frontend/app/components/app/index.html шаблон должен выглядеть как обычный шаблон Django. В frontend/app/index.html добавляем следующее: {% load staticfiles %} <html ng-app="myApp"> <head> <title>My Sitetitle> <script src="{% static 'dist/js/bundle.js' %}">script> head> <body> body> html> В таком случае вам удастся запустить Webpack. Если вы запустите Django сервер и откроете localhost:8000,вы увидите пустую страничку. Если нет – дайте знать автору. 12. Напишите home component. Давайте напишем наш первый компонент. Он отобразит текст на страничке, пока пользователь открывает localhost:8000. Создайте директорию для компонента и базовые файлы. В frontend/app/components/: mkdir home && touch home/home-controller.js home/home.js home/home.html В frontend/app/components/home/home.html добавляем следующее: <div ng-controller="HomeController as ctrl"> <div> <h1>Home!h1> div> div> Теперь добавим следующее в  frontend/app/components/home/home-controller.js: function HomeController() { var that = this; that.foo = "Foo!"; console.log(that); // should print out the controller object } angular.module("Home") .controller("HomeController", [ HomeController ]) Определение модуля Angular должно быть объявлено в home.js: angular.module("Home", []); require("./home-controller"); Теперь мы можем сослаться на "Home" в области зависимости определения модуля. Давайте сделаем это! В app/app.js добавьте следующее: /* Components */ require("./components/home/home"); /* App Dependencies */ angular.module("myApp", [ "Home", // this is our component "ngResource", "ngRoute" ]); 13. Пропишите пути Angular'а, ведущие к home component и страничке 404. Нам нужно настроить первый путь. Когда пользователь попадает на localhost:8000, Angular должен взять контроль над загрузкой отрендеренного шаблона. Чтобы сделать это, нам потребуется использовать angular-router. В frontend/app/routes.js пишем следующее: function routesConfig($routeProvider) { $routeProvider .when("/", { templateUrl: _urlPrefixes.TEMPLATES + "components/home/home.html", label: "Home" }) .otherwise({ templateUrl: _urlPrefixes.TEMPLATES + "404.html" }); } routesConfig.$inject = ["$routeProvider"]; module.exports = routesConfig; Если мы не добавим _urlPrefixes.TEMPLATES, angular-router предположит, что components/home/home.html является действительной ссылкой, которую узнает сервер. Так как STATIC_URL в настройках предполагает неправильную работу localhost:8000/components/home/home.html. Также, если вы еще не заметили, вы увидите otherwise({...})  в коде роутов. Это то, как будут реализованы страницы 404. В frontend/app/404.html добавляем следующее: <h1>NOT FOUNDh1> И в завершении  добавляем frontend/app/app.js: /* Config Vars */ var routesConfig = require("./routes"); 14. Добавьте директивы angular-router к шаблону точки входа приложения. А теперь нам нужно указать Angular, где будет происходить переключение отображаемого, когда пользователь пользуется навигацией. Чтобы сделать это, мы используем всю силу angular-router. В тэг    в frontend/app/index.html добавляем: <base href="/"> Теперь в тэг  добавляем: <div ng-view>div> Ваш index.html теперь должен выглядеть так: {% load staticfiles %} <html ng-app="myApp"> <head> <title>My Sitetitle> <script src="{% static 'dist/js/bundle.js' %}" >script> <base href="/"> head> <body> <div> <div ng-view>div> div> body> html> Запустите Webpack. Откройте localhost:8000. Вы должны увидеть, что произошло в home/home.html. (Если ничего, отправьте эти данные автору J ). 15. Проверьте REST API в приложении Angular. Если все сделано, у вас появится возможность написать angular службы для Django API. Давайте создадим небольшой компонент, чтобы увидеть, можем ли мы это сделать. Этот компонент должен перечислять игры. Я предполагаю, что вы уже заполнили базы данных, следовательно запрос HTTP к localhost:8000/api/v1/games вернет список игр. Создайте скаффолд компонент в frontend/app/components/: mkdir -p game/list/ && touch game/list/game-list-controller.js game/list/game-list-controller_test.js game/game-service.js game/game.js game/game.html Этот компонент будет перечислять игры. Этот компонент должен перечислять игры. Я предполагаю, что вы уже заполнили базы данных, следовательно запрос HTTP к localhost:8000/api/v1/games вернет список игр. В game/game-service.js: function GameService($resource) { /** * @name GameService * * @description * A service providing game data. */ var that = this; /** * A resource for retrieving game data. */ that.GameResource = $resource(_urlPrefixes.API + "games/:game_id/"); /** * A convenience method for retrieving Game objects. * Retrieval is done via a GET request to the ../games/ endpoint. * @param {object} params - the query string object used for a GET request to ../games/ endpoint * @returns {object} $promise - a promise containing game-related data */ that.getGames = function(params) { return that.GameResource.query(params).$promise; }; } angular.module("Game") .service("GameService", ["$resource", GameService]); Обратите внимание на ссылку $resource, которую мы используем для того, чтобы настроить механизмы HTTP в нашей службе. В game/list/game-list-controller.js: function GameListController(GameService) { var that = this; /* Stored game objects. */ that.games = []; /** * Initialize the game list controller. */ that.init = function() { return GameService.getGames().then(function(games) { that.games = games; }); }; } angular.module("Game") .controller("GameListController", [ "GameService", GameListController ]); В game/game.html: <div ng-controller="GameListController as ctrl" ng-init="ctrl.init()"> <div> <h1>Gamesh1> <ul> <li ng-repeat="game in ctrl.games">{{ game.title }}li> ul> div> div> В game/game.js: angular.module("Game", []); require("./list/game-list-controller"); require("./game-service"); Затем обратимся к компоненту в app.js: /* Components */ require("./components/game/game"); /* App Dependencies */ angular.module("myApp", [ "Home", "Game", "ngResource", "ngRoute" ]); В конце концов, мы собираемся настроить роуты для списка игр, поэтому в frontend/app/routes.js добавьте следующее в объект $routeProvider: .when("/game", { templateUrl: _urlPrefixes.TEMPLATES + "components/game/list/game-list.html", label: "Games" }) Запустите Webpack снова. Все должно верно скомпилироваться. Если нет – дайте знать автору. Откройте localhost:8000/#/games. Вы увидите список игр. Сделано! Это все. Сомнения/Мысли Но есть некоторые сомнения: Глобальные переменные могут конкретно подставить вас, если вы не знаете, как с ними работать. Их локальное поведение не гарантирует того же на продакшене. Насколько я помню, их можно заставить работать, если правильно описан метод. Ваше приложение на Angular тесно связанно с Django. Поэтому ваше приложение не будет просто слиянием back- и фронтенда. Если ваш Django-RIP давно устарел, значит поменялись и маршруты, следовательно сконфигурируете ваш бэкенд согласно тому, как должны вести себя статические файлы. Так же вам будет необходимо заменить index.html с точкой входа Angular. Маленькие проекты не дадут вам особо попотеть, а вот большие явно заставят понервничать. Совет: единственное место, где должны сопрягаться приложение на Angular и Django сервер - это одна точка входа. Деплоймент должен быть выполнен так же, как любой обычный деплоймент приложения. Это все. Если у вас есть какие-либо вопросы и вы испытываете трудности, пожалуйста, оставьте их в комментариях в исходной статье! Чит! Автор пообещал выложить на гитхабе репозиторий со всем кодом. Оригинальная статья на английском языке. 

Друзья, привет! Вы, наверное, не раз слышали – если хочешь стать программистом, начни с изучения английского. И это очень дельный совет, потому что IT-специалисту нужно не только свободно читать техническую документацию, но и иметь хорошие самопрезентативные и разговорные навыки для эффективного и комфортного сотрудничества с иностранными коллегами, заказчиками и работодателями. И у вас, друзья, есть прекрасная возможность усовершенствовать свой деловой английский! Приглашаем вас на бесплатный онлайн курс "Business English" от Englishdom, который будет проходить в формате "живых" вебинаров с 7 ноября по 7 декабря (занятия дважды в неделю по понедельникам и средам) на нашем YouTube канале CodeUA. Курс разработан для активных и целеустремленных людей, которые желают овладеть нюансами делового общения, планируют работать в международной компании или просто хотят легко общаться с иностранными партнерами.   Что вы получите на курсе? Вы овладеете базовой деловой лексикой, сможете активно участвовать в переговорах на английском и вести ключевую документацию на английском. Это навыки, которые пригодятся любому специалисту и дадут преимущество в глазах работодателя. Курс позволит улучшить знание английского и получить желаемый сертификат. Ментор – Олеся Яворская, филолог, преподаватель английского языка в Englishdom с опытом 5 лет.   Программа курса: 1. Business communication – 7 ноября 2. Presenting efficiently – 9 ноября 3. Negotiations – 14 ноября  4. Social media – 16 ноября 5. Sales – 21 ноября  6. Legislation in English – 23 ноября 7. Currency & Finance – 28 ноября 8. Job Interview – 30 ноября 9. Documents and reports – 5 декабря 10.   Business Correspondence – 7 декабря Для кого этот курс? Если вы уже когда-то учили английский, владеете базовой грамматикой и знаете 1500-2000 английских слов, вы с легкостью сможете овладеть знаниями, которые будут даваться на этом курсе.   Как будет проходить обучение Занятия будут проходить в формате живых вебинаров, на которых вы сможете задавать вопросы спикеру и получать ответы. Курс объединяет теорию и практику, будут домашние задания для закрепления изученного материала, а также общение в телеграмме с одногруппниками. Время занятий С 19:00 до 20:00 по киевскому времени.   Условия участия Бесплатно, по предварительной регистрации.   Организаторы курса:   Englishdom – онлайн-школа для изучения английского с персональным преподавателем на интерактивной онлайн-платформе. Englishdom входит в ТОП лидеров рынка edtech в Европе. CyberBionic Systematics – сертифицированный учебный центр, партнер Microsoft, авторизованный центр международной сертификации VUE Pearson. С 2007 года CyberBionic Systematics предоставляет услуги по профессиональной подготовке и повышению квалификации IT-специалистов, а также on-line обучение для начинающих по направлениям FrontEnd, Java, .NET и Python.

Здравствуйте, друзья! Провожая очень необычный 2020 год, который для многих стал проверкой на прочность и готовность к переменам, мы подвели итоги работы ITVDN и выбрали для вас все самое лучшее. Представляем вашему вниманию ТОП-10 видео курсов ITVDN, вебинаров и статей за 2020 год.  Лучшие курсы В 2020 году мы выпустили 21 видео курс по таким направлениям как C#/.NET, Java, FrontEnd разработка, Python, C++, мобильная разработка, UX/UI дизайн и другие. ТОП-10 лучших новых видео курсов в 2020 (по количеству просмотров): C# Стартовый от Александра Шевчука ASP.NET Core Web API. Практический курс JavaScript Starter Верстка сайта на FlexBox CSS React Essential UX/UI Design Essential Django Starter Spring MVC Решение практических задач на С++ Unit тестирование в Java с JUnit Лучшие вебинары В 2020 году мы провели 61 вебинар, в которых было много практики программирования, а также особенно популярные среди новичков вебинары по выбору специальности. Топ-10 вебинаров 2020 года по количеству просмотров и “лайков”: Как стать C# разработчиком в 2021 году. .NET или .NET Core? Как стать программистом? Frontend, Java, Python или .NET - что выбрать? Что нужно знать .NET разработчику в 2020? ➤ Как стать программистом на C# c нуля? Адаптивная верстка на Flexbox и Grid Что нужно знать FrontEnd разработчику в 2020? ➤ Пошаговая инструкция для начинающих JS больше не нужен?! Blazor - революция в веб-разработке Типичные ошибки в коде на примере С++, С# и Java Как прокачать английский для собеседования в IT-компанию Создание игры “Space Invaders” на C# с нуля Пишем пошаговую боевую систему на JavaScript с нуля. На примере игры Final Fantasy в 2D. Лучшие статьи В 2020 году мы опубликовали 19 статей, вот 10 самых читаемых из них:  Как не провалить своё IT-обучение Мифы о программировании и программистах Как стать Full-Stack разработчиком Что должен знать Python разработчик в 2020 году Как стать Android разработчиком FAQ начинающего программиста Что должен знать Java разработчик в 2020 году? Как стать разработчиком игр? С чего начинается создание сайтов? Специальность верстальщик Онлайн обучение программированию: подводные камни и советы   Открывайте для себя новые возможности с ITVDN! Будьте счастливы в Новом году!

Друзья, привет! 🎄✨ Начните Новый год с новыми возможностями! 🎁 Мы подготовили для вас особый подарок – новогодний розыгрыш подарочных сертификатов на IТ обучение! 🎉 Хотите сделать первый шаг к карьере в IT или усовершенствовать свои навыки? Этот шанс как раз для вас! Сертификаты позволят победителям бесплатно изучать программирование / тестирование / мобильную разработку / UX/UI дизайн / разработку игр / FrontEnd / BackEnd на языках Java, C#, JavaScript, Python и т.д. – в зависимости от того, что вы выберете! Вы можете выиграть подписку по IT-специальностям: Python разработчик; C# / .NET разработчик; ASP.NET Core разработчик; ASP.NET MVC разработчик; Unity / Game разработчик; Верстальщик сайтов; FrontEnd разработчик; JavaScript разработчик; Angular разработчик; React разработчик; Java разработчик; Android разработчик; PHP разработчик; Ruby разработчик; C++ разработчик; QA (Quality Assurance). Таким образом, у нас будет 16 победителей – шансы выиграть очень высокие! Подарочные сертификаты позволяют вам начать обучение в течение 12 месяцев с момента получения сертификата. Как принять участие? Требуется: Подписаться на наш YouTube-канал и Telegram Оформить заявку и указать пакет, который вы хотите выиграть. Заявки принимаем до 12:00 25 декабря. Розыгрыш состоится 25 декабря в 16:00 в прямом эфире на YouTube-канале ITVDN. Победители будут определены с помощью сервиса random.org. Ссылки на трансляцию мы отправим на email, который вы укажете в регистрационной форме. Что получат победители ✅ Доступ ко всем видео курсам, входящим в выбранный пакет подписки ✅ Исходный код учебных проектов ✅ Презентации, опорные конспекты, д/с ✅ Проверка домашних заданий ✅ Консультации с тренером ✅ Доступ к интерактивным практикумам ✅ Онлайн тестирование и сертификаты ✅ Дипломы по пройденным специальностям 🚀 Доступ к новым курсам, которые будут выходить во время подписки Что можно учить на ITVDN? На ITVDN более 300 видео курсов по самым разным языкам программирования и сопутствующих технологий, начиная с FrontEnd, Python, Java, C#, Node.js и QA направлений, и заканчивая технологиями для овладения DevOps, мобильной разработки под Android и разработки игр на Unity. Полный список видео курсов смотрите в нашем каталоге. Подарочный сертификат победители могут использовать для обучения или передать другу. Не медлите – присоединяйтесь к праздничному настроению и выигрывайте свой билет в мир технологий! 🚀 Принять участие в розыгрыше

Только 11.11 на ITVDN действуют скидки до -50% на все IT-курсы и специальности, инвестируйте в себя и ваше будущее! Выбирайте профессию мечты и погружайтесь в мир IT вместе с нами! Скидки на пакеты подписок на все курсы и специальности: 🎁 Премиум (12 мес.) — 50% скидка, 85 USD вместо 169,99 🎁 Базовый (6 мес.) — 40% скидка, 54 USD вместо 89,99 🎁 Стартовый (3 мес.) — 30% скидка, 42 USD вместо 59,99 Пакеты видео-курсов по IT-специальностям: Python Developer 👨‍💻 – 63$ вместо 89,99$ Верстальщик сайтов – 42$ вместо 59,99$ JavaScript Developer – 31,5$ вместо 44,99$ Frontend Developer 👨‍💻 – 63$ вместо 104,99$ React Developer – 42$ вместо 59,99$ Angular Developer – 42$ вместо 59,99$ Java Developer 👨‍💻 – 63$ вместо 104,99$ .NET Developer 👨‍💻 – 72$ вместо 119,99$ ASP.NET Core Developer – 63$ вместо 89,99$ ASP.NET MVC Developer – 52,5$ вместо 74,99$ Unity / Game Developer – 63$ вместо 89,99$ Android Developer – 35$ вместо 49,99$ PHP Developer – 52,5$ вместо 74,99$ C++ Developer – 35$ вместо 49,99$ Ruby Developer – 42$ вместо 59,99$ Quality Assurance 👨‍💻 – 72$ вместо 119,99$ Онлайн-обучение с тренером в группе — 40% скидка: FrontEnd Developer – 12 ноября FullStack Node.js Developer – 12 ноября QA. Тестирование ПО – 10 декабря Python Developer – 11 ноября Java Developer – 10 декабря C#/.NET Developer – 18 ноября 🎯 Акция действует только один день — 11.11. Спешите реализовать свою мечту! Не знаете, что выбрать? — Получите бесплатную консультацию! Залишай заявку та отримай професійну консультацію нашого спеціаліста. Оставьте заявку и получите профессиональную консультацию нашего специалиста. Telegram: @itvdn_support Email: support@itvdn.com Телефон: +38 044 344 16 22 или +44 204 577 32 36 Двойная выгода с "Оплатой частями" Воспользуйтесь удобным вариантом оплаты частями от Монобанка или ПриватБанка. Вы получите полный пакет по акции без комиссий и сможете распределить оплату на несколько месяцев. Присоединяйтесь к IT-сообществу вместе с ITVDN и начните свой путь в мире высоких технологий на лучших условиях!  

Друзья, с 25 по 30 июня на ITVDN большие скидки до 50% на пакеты видео курсов по 15 популярным IT-специальностям: Frontend Developer – 52 USD (104.99 USD) React Developer – 36 USD (59.99 USD) .NET Developer – 60 USD (119.99 USD) ASP.NET Core Developer – 54 USD (89.99 USD) Python Developer – 45 USD (89.99 USD) Java Developer – 52 USD (104.99 USD) Android Developer – 35 USD (49.99 USD) Unity / Game Developer – 54 USD (89.99 USD) Верстальщик сайтов – 36 USD (59.99 USD) JavaScript Developer – 31 USD (49.99 USD) Angular Developer – 36 USD (59.99 USD) PHP Developer – 45 USD (74.98 USD) C++ Developer – 31 USD (49.99 USD) Ruby Developer – 36 USD (59.99 USD) ASP.NET MVC Developer – 45 USD (74.98 USD) Что вы получаете, покупая пакет подписки по специальности: Доступ ко всем видео курсам по выбранной специальности на 4-8 месяцев (в зависимости от специальности) Доступ к интерактивным практикумам для прокачки навыков написания кода Исходный код учебных проектов Презентации, опорный конспект, д/з Проверка 20 домашних заданий – Акционное предложение! Онлайн консультации с тренером Онлайн тестирование и сертификаты по пройденным курсам Диплом по специальности после финального экзамена Доступ к новым курсам по специальности, которые будут выходить во время действия подписки Помощь в трудоустройстве – рекомендации, вебинары, стажировка и вакансии В подарок – проверка 20 д/з ментором Покупайте пакет видео курсов по любой специальности в период акции и получайте в подарок проверку 20 домашних заданий ментором. Программирование – это, прежде всего, практика. Пусть ваше обучение будет приятным и продуктивным! Учите программирование по выгодной цене и с поддержкой ментора!

Дорогие друзья, на время войны мы вводим специальные цены – любой пакет подписки можно приобрести за половину стоимости. Это предложение действительно для всех, кроме граждан российской федерации, которая с 24 февраля ведет захватническую войну против Украины. Хотя война затронула каждого из нас (главный офис ITVDN находится в Киеве), мы уже реорганизовались и готовы продолжать предоставлять качественные услуги.   Краткая справка для тех, кто еще не знаком с нашим ресурсом На ITVDN есть более 230 видео курсов по программированию и информационным технологиям, представлены практически все главные языки программирования и направления разработки программного обеспечения, а также есть курсы для тестировщиков, дизайнеров, проджект менеджеров. Для тех, кто не определился с тем, что он хочет изучать, мы рекомендуем обратить внимание на пакеты Стартовый, Базовый и Премиум, которые предоставляют доступ ко всем без исключения курсам и вспомогательным учебным сервисам.   Стоимость этих пакетов на время войны: Стартовый (3 мес.) – 25 USD (49,99 USD) Базовый (6 мес.) – 45 USD (89,99 USD) Премиум (12 мес.) – 85 USD (169,99 USD)   Если же вы определились со специальностью, то рекомендуем выбрать соответствующий пакет: Python Developer  C#/.NET Developer  ASP.NET Core Developer  ASP.NET MVC Developer  Unity/Game Developer  Frontend Developer  React Developer  Angular Developer  Верстальщик сайтов  JavaScript Developer  Java Developer  Android Developer  iOS Developer  PHP Developer  Ruby Developer  С++ Developer Кроме доступа к видео курсам, вы сможете развивать навыки программирования при помощи интерактивных практикумов, проверять ваши знания путем тестирования и получать сертификаты по пройденным курсам. Если вы не можете учиться сейчас или хотите подарить возможность изучения программирования кому-то из ваших друзей – воспользуйтесь возможностью приобрести подарочный сертификат. Его можно будет активировать позже в течение года. IT-сообщество вносит свой весомый вклад для поддержки ВСУ и ускорения победы. В кратчайшие сроки создаются новые сайты и приложения, блокируются вражеские онлайн сервисы. Вместе мы сила. Украина победит! Акция действует до 20 июня 2022 года.