Привет! У нас отличные новости для тех, кто изучает FrontEnd разработку. На ITVDN появился новый курс, посвященный разработке на React. Что это за технология? React - это популярный JavaScript-фреймворк. Он предназначен для упрощения разработки UI - пользовательского интерфейса. Среди его достоинств выделяют: гибкость, простую миграцию между версиями, высокую скорость разработки, хорошую производительность разработанных приложений, удобство в переиспользовании уже имеющегося кода. Курс “React Essential” является вводным в технологию React. Автор курса - Муляк Дмитрий - FrontEnd разработчик со стажем, который рад поделиться своими знаниями со всеми желающими развиваться в сфере разработки сайтов. Какие темы автор раскрыл в своем курсе? Введение в React. JSX в React. Основы React. Состояние и жизненный цикл. Формы. Стилизация в React. Создание списка заметок. Введение в роутинг. Пройдя этот курс, вы научитесь: Понимать философию разработки в стиле React. Строить простые одностраничные приложения с помощью React.js. Работать с компонентами в React, а также создавать компоненты самостоятельно. Преобразовывать функциональные компоненты в классовые. Работать с событиями и списками. Работать с состояниями с помощью библиотеки Redux. Применять для стилизации вашего приложения Inline CSS и CSS модули. Работать с другими аспектами фреймворка React. Предварительные требования Необходимый бэкграунд для успешного прохождения “React Essential”: хорошее знание HTML, CSS и JavaScript. Курс входит в специальности: FrontEnd Developer и React Developer. Если вас заинтересовало обучение технологии React и вы хотите познакомиться курсом, переходите по ссылке и смотрите бесплатный вступительный урок от Дмитрия. Также можем вам предложить ознакомиться со статьей “Что должен знать FrontEnd разработчик” либо просмотреть видео, где подробно рассматриваются основные технологии создания клиентских веб-приложений.

С 15 июня по 29 июня 2016 года проходила акция "Курс SQL для начинающих - бесплатно!", один из самых популярных курсов для начинающих разработчиков. Все, кто до 29 июня 2016 года прошел тестирование по курсу с результатом выше 90%, получают в подарок еще один курс из трех на выбор: - SQL практикум - How to SQL Essential - Выполнение домашнего задания по курсу SQL Essential. Доступ к выбранному курсу уже открыт – с 29 июня 2016 года на 30 дней.

Друзі, привіт! На ITVDN опубліковано новий українськомовний відео курс “TypeScript”. TypeScript (TS) – це мова програмування, яка фактично є розширенням мови JavaScript. Вона є строго типізованою, що допомагає зменшити кількість помилок на етапі розробки та робить код більш структурованим та читабельним. Також TypeScript надає інструменти для підтримки ООП, такі як наслідування, інтерфейси, класи, модифікатори доступу, що є вкрай необхідним для написання та підтримки сучасних веб-застосунків. Останніми роками TS стає все більш поширеною серед українських розробників, про що свідчить аналітика мов програмування від DOU (лютий 2023) та зарплатне опитування (січень 2023): TypeScript на 2-му місці серед основних мов, а на 3-му місці: у FullStack розробці; серед додаткових мов програмування, якими користуються девелопери; серед проєктів з відкритим вихідним кодом (open source). Також аналітика демонструє, що JavaScript розробники все частіше переходять до TS. Наш курс познайомить вас з основними темами мови TypeScript; також ви зможете конвертувати отримані знання у практичні навички як на уроках, так і шляхом виконання завдань для самостійного опрацювання. Автор курсу – Ігор Михайличенко, Frontend Engineer. Тривалість курсу – 6 годин 20 хвилин. Структура курсу: Вступ. Змінні та функції. Класи та інтерфейси. Generics. Модулі та простір імен. Чого ви навчитеся на даному курсі: Працювати зі змінними, функціями, класами та інтерфейсами в TypeScript Використовувати Generics Працювати з модулями та просторами імен Створювати прості програми за допомогою TypeScript Попередні вимоги Для розуміння матеріалу курсу необхідно мати базові знання JavaScript. Дивіться перший урок у вільному доступі. Курс вже доступний на нашому сайті в повному обсязі – до кожного уроку є практичні завдання та опорний конспект. Якщо у вас є активна підписка, ви можете дивитися його прямо зараз. Курс входить до комплексних програм підготовки за спеціальностями FrontEnd Developer та Angular Developer.                

В Международном учебном центре CyberBionic Systematics, при поддержке видео-портала для разработчиков ITVDN.com, запускается новый проект по интенсивной подготовке Web-frontend разработчиков. Цикл курсов будет интересен и полезен новичкам, которые в ближайшее время желают получить должность Младший/Junior Web-Developer. В данный курс включены онлайн занятия под руководством сертифицированного тренера. Группы состоят из в 6-8 человек, обучение длится 4 месяца. Все учащиеся получают в подарок 5 видео-курсов от информационного видео-портала itvdn.com по основным направлениям в современных веб-технологиях: HTML&CSS JavaScript Essential (Базовый) JavaScript Advanced (Углубленный) jQuery HTML5&CSS3. Тренинги проводятся сертифицированными тренерами Microsoft, опытными специалистами УЦ CyberBionic Systematics. Чтобы стать слушателем учебной программы, Вам необходимо: Оформите регистрационную заявку на обучение В выбранное Вами время, воспользуйтесь тестовым подключением со специалистом поддержки Учебного центра, во время которого Вы получите ответы на оставшиеся вопросы. Убедитесь в уровне качества обучения на первом бесплатном занятии. Внесите оплату за 1-й месяц обучения по выбраной специальности. Получайте нужные вам зания и подтверждайте их сертификатами! После каждого проведенного занятия, Вы будете проверять свои знания путем прохождения онлайн-тестирования на портале Testprovider.com, сдав финальные тесты Вы получаете диплом по направлению "Web Frontend Developer" от УЦ CyberBionic Systematics, признанный ведушими ИТ-компаниями.

Добрий день, друзі! Сьогодні маємо гарні новини для всіх, хто хоче вдосконалити свою техніку верстання вебсторінок – на ITVDN вийшли всі уроки курсу “Верстання на Grid”. Курс українською мовою! CSS Grid — це популярний механізм зручного розташування елементів на сайті (за принципом мережі або таблиці з рядками та стовпцями) з можливістю легкої реалізації адаптивності під різні екрани. Даний курс надасть вам не тільки теоретичне розуміння найкращих практик та сучасних трендів у галузі верстання, а й практичні навички реалізації гнучких вебмакетів. Автор курсу – Кінаш Станіслав, FrontEnd Developer. Тривалість курсу – 3 години 46 хвилин. Структура курсу: Основні поняття Grid Layout. Grid-треки (Grid-смуги). Явний і неявний Grid, gap, minmax, grid-column/row. Subgrid, Grid vs. Flexbox, auto-fill/auto-fit. Позиціонування за направляючими лініями Grid, grid-area, grid span. Шаблони Grid-областей. Визначення назв ліній в Grid. Grid-auto-flow, анонімні елементи Grid. Вирівнювання блоків у CSS-розмітці Grid. Створення проєкту. Чого ви навчитеся на даному курсі: Використовувати CSS Grid для грамотного верстання ваших вебсторінок. Використовувати Figma для побудови шаблонів і подальшої роботи. Реалізовувати адаптивні макети за допомогою медіа запитів. Використовувати Grid для верстання під різні пристрої та екрани. Використовувати властивості flex та grid. Вміти перетворювати флекс блоки на грід. Створювати готовий зверстаний проєкт та деплоїти його на GitHub. І багато іншого. Попередні вимоги Курс підійде тим, хто вже має базові знання HTML та CSS. Дивіться перший урок у вільному доступі. Курс вже доступний на нашому сайті в повному обсязі – до кожного уроку є практичні завдання та опорний конспект для більш глибокого засвоєння матеріалу. Якщо у вас є активна підписка, ви можете дивитися його прямо зараз. Курс входить до комплексної програми підготовки за спеціальностями: Верстальник FrontEnd Developer React Developer Angular Developer               

Здравствуйте! Сегодня у нас хорошая новость для всех, кто изучает FrontEnd разработку и при этом ориентируется на фреймворк Angular — на ITVDN вышел видео курс “Angular 11.0 Базовый”. Angular – это современный фреймворк от компании Google, написанный на TypeScript, который обеспечивает FrontEnd-разработчика удобными инструментами для создания веб-приложения, а также задает дизайн приложения и упорядоченную структуру кода. Использование Angular дает возможность строить интерактивные и динамические веб-приложения намного быстрее и с меньшим объемом написания кода, чем в случае применения стандартного JavaScript и HTML. Курс Angular 11.0 Базовый позволит вам получить базовые знания фреймворка и особенностей его использования, а также даст возможность закрепить эти знания на практике. На курсе будут рассмотрены такие ангуляр-элементы, как: компоненты, пайпы, сервисы, модули и др., которые являются неотъемлемой частью любого приложения на Angular. Вы узнаете, каким образом выстраивается структура файлов и кода приложения с различными вариантами. Рассмотрите использование базового набора инструментов для гибкой настройки работы с формами, серверными запросами/ответами, маршрутизацией сайта/приложения. Изучив материалы курса, вы сможете реализовать простой проект веб-приложения с настройкой маршрутизации, привязкой своего шаблона к каждой отдельной странице и своей логикой взаимодействия с пользователем. Также, вы сможете добавить в проект валидацию формы с разными сообщениями-подсказками и выводом полученных с сервера данных. При создании курса за основу были взяты версии Angular 10 и 11. Автор курса — Виталий Мазяр, FrontEnd разработчик. В своих видео уроках Виталий максимально доходчиво объясняет темы, которые помогут вам изучить базовые возможности мощного фреймворка Angular. Структура курса: Введение в Angular Начало работы с Angular. Синтаксис События в датабайндинг Директивы, пайпы Роль модулей Angular. Компоненты (часть 1) Компоненты (часть 2) Основы работы сервисов и роль в приложении Введение в HttpClient и RxJS Формы в Angular Маршрутизация Чему вы научитесь на данном курсе: Понимать роль и преимущества Angular в веб технологиях. Создавать простое приложение, которое будет состоять из компонентов, модулей и сервисов. Использовать компонентный подход для задания стилей. Добавлять в проект картинки и иконки. Понимать особенности Event binding-а, работу событий и ссылок. Использовать такие встроенные инструменты, как: директивы, пайпы, сервисы, формы. Понимать роль модулей и особенности модульной архитектуры приложения. Понимать и применять на практике взаимосвязь между компонентами в стилизации и передаче данных. Применять библиотеку RxJs для работы с асинхронными операциями. Применять модуль HTTPClientModule для взаимодействия с сервером. Настраивать маршрутизацию в приложении и передавать данные между страницами. Предварительные требования Курс рассчитан на тех, кто знает языки верстки HTML, CSS, а также языки программирования JavaScript и TypeScript. Смотрите первый урок в свободном доступе. Курс является завершенным, а значит, вы можете приступить к изучению тем по Angular в удобном для вас темпе! Также, предлагаем вам посмотреть бесплатный вебинар “Создание первого проекта на Angular” для знакомства с фреймворком и его базовыми возможностями. Курс входит в комплексные программы подготовки по специальностям FrontEnd Developer, Angular Developer.

Добрий день, друзі! Сьогодні маємо гарні новини для всіх, хто хоче спростити та прискорити свою техніку верстання вебсторінок – на ITVDN вийшли всі уроки курсу “Шаблонізатор Pug”. Курс українською мовою! Pug – це HTML-препроцесор, який дозволяє у зручній манері писати код, котрий буде  більш зрозумілий для сприйняття людиною. За допомогою шаблонізатору розробник пише менше коду, створює зручні для сприйняття вкладені конструкції, необхідні змінні та інше. У ході курсу ви детально розберете особливості синтаксису Pug, його тегів та атрибутів. Будуть докладно розглянуті способи використання тексту в рамках різних тегів, а також ви опануєте можливості управління атрибутами, класами та ідентифікаторами. Навчитеся працювати з вбудованим кодом JavaScript у Pug, використовувати умовні оператори, а також опануєте створення циклів та міксинів для оптимізації та полегшення роботи над проєктами. На завершальному етапі на вас чекає практика – проєкт, який включатиме розробку повноцінної сторінки з використанням усіх навичок, отриманих під час курсу. Автор курсу – Кінаш Станіслав, FrontEnd Developer. Тривалість курсу – 6 годин 27 хвилин. Структура курсу: Pug. Основи шаблонізації. Налаштування середовища Pug. Основи Pug: синтаксис, теги, текст. Робота з текстом всередині тегів. Робота з атрибутами. Класи та ідентифікатори. Робота зі змінними. Вбудований код JavaScript. Умовний синтаксис / Оператор case (when). Цикли та міксини. Використання макетів та включень. Практичний проєкт з використанням Pug. Чого ви навчитеся на даному курсі: Використовувати весь функціонал шаблонізатора Pug. Розуміти основи шаблонізації і налаштовувати для роботи середовище Pug. Використовувати Pug для роботи з синтаксисом, тегами та текстом. Використовувати рядковий текст (inline) у тегах, конвеєрний (piped) та блоковий текст. Використовувати умовний синтаксис в шаблонізаторі Pug, а саме: умовні оператори if та else, оператор unless, оператор case (when). Розуміти та застосовувати цикли each та while в шаблонізаторі Pug. Користуватися міксинами як аналогом функціональних компонентів. Застосовувати атрибути міксинів та так званий Rest Arguments. Використовувати Pug для створення структурованих і оптимізованих HTML-шаблонів. Створювати гнучкі та адаптивні макети вебсторінок з використанням всього функціоналу Pug. Розробляти шаблони, що відрізняються чистотою та структурованістю, без використання додаткових стилів та класів CSS. Попередні вимоги Курс підійде тим, хто вже має базові знання HTML, CSS та JavaScript. Дивіться перший урок у вільному доступі. Курс вже доступний на нашому сайті в повному обсязі – до кожного уроку є практичні завдання та опорний конспект для більш глибокого засвоєння матеріалу. Якщо у вас є активна підписка, ви можете дивитися його прямо зараз. Курс входить до комплексної програми підготовки за спеціальностями: Верстальник FrontEnd Developer React Developer Angular Developer     

Друзі, привіт! На ITVDN опубліковано новий українськомовний відео курс “Angular Базовий”. Angular – це потужний фреймворк від компанії Google, написаний мовою TypeScript, який забезпечує FrontEnd девелопера зручними інструментами для створення веб-застосунків різного характеру: від SPA (Single Page Applications) та Enterprise застосунків до платформ електронної комерції, соціальних мереж, CMS та панелей візуалізації даних. Використання Angular дає можливість будувати інтерактивні та динамічні веб-застосунки набагато швидше та з меншим обсягом написання коду, ніж у разі застосування стандартного JavaScript та HTML. Даний курс допоможе вам в теорії та на практиці зрозуміти можливості цього фреймворку. Ви навчитеся створювати компоненти, модулі та сервіси, що дозволить розробляти веб-застосунки відповідно до сучасних стандартів (курс записаний на базовій 15-тій версії). Також ви отримаєте знання про декларативний підхід до програмування, завдяки чому будете швидко створювати нові функції та змінювати існуючі. Успішне проходження курсу допоможе вам сформувати необхідний набір знань та навичок для використання Angular у розробці гарних і швидких веб-застосунків. Автор курсу – Даніїл Кушнір, Angular Developer at Infopulse. Тривалість курсу – 4 години 7 хвилин. Структура курсу: Вступ до Angular. Початок роботи з Angular. Синтаксис. Події та датабайндинг. Директиви, пайпи. Роль модулів Angular. Компоненти та їх робота. Основи роботи сервісів та їх роль у додатку. Введення в HttpClient та RxJS. Чого ви навчитеся на даному курсі: Основам структури Angular проєкту. Використанню Angular CLI для створення нового проєкту та його налаштування. Розумінню ролі модулів, компонентів, сервісів та інших елементів Angular проєкту. Використанню форм Angular для створення інтерактивних веб-форм. Розумінню життєвого циклу компонентів та використанню хуків життєвого циклу. Використанню роутів та налаштуванню навігації між сторінками застосунку. Розумінню концепції інжекторів та провайдерів. Використанню HTTP-запитів для взаємодії з сервером. Розумінню ролі тестування в Angular проєктах та написанню unit-тестів для компонентів та сервісів. Навичкам налагодження та оптимізації Angular-застосунків. Попередні вимоги Для розуміння матеріалу курсу необхідні: знання TypeScript; розуміння основ HTML, CSS та JavaScript; знання синтаксису ECMAScript 6 та використання нових можливостей JavaScript; базові знання HTTP-протоколу та архітектури веб-застосунків; наявність досвіду в розробці веб-застосунків або в програмуванні загалом; розуміння принципів роботи з системами контролю версій, наприклад Git. Дивіться перший урок у вільному доступі. Курс вже доступний на нашому сайті в повному обсязі – до кожного уроку є практичні завдання та опорний конспект. Якщо у вас є активна підписка, ви можете дивитися його прямо зараз. Курс входить до комплексних програм підготовки за спеціальностями FrontEnd Developer та Angular Developer.                

Здравствуйте! У нас хорошие новости для веб-разработчиков на Python — на ITVDN вышел видео курс “Django Базовый”. Django — это весьма популярный фреймворк, который позволяет разрабатывать веб-приложения при помощи языка Python. Он ориентирован больше на стек готовых решений и конечный продукт, нежели на подробную настройку всех компонентов проекта. Если вас интересует разработка и развертывание приложения в кратчайшие сроки, простота в его создании, масштабируемость, поддерживаемость и наличие очень хорошо структурированной и детальной документации по используемому фреймворку — смело выбирайте Django. Курс Django Essential является продолжением изучения основ работы с самым популярным фреймворком для разработки веб-приложений на языке Python после Django Starter. На этом курсе вы спроектируете веб-приложение с помощью фреймворка Django, научитесь расширять это приложение и делать его более гибким. Вы познакомитесь на практике с GraphQL Django API, узнаете его плюсы и минусы, научитесь создавать чаты, а также делать ваше приложение многопользовательским. В конце будет рассмотрено тестирование приложения и то, как сделать его более стабильным. После прохождения курса вы будете понимать принципы расширения Django-проекта, как развернуть проект на сервере, а также будете иметь опыт работы с ключевыми технологиями, знание которых требуются от современного Python/Django разработчика. Автор курса — Михаил Лазорык. В записанных видео уроках Михаил делится эффективными и удобными техниками создания веб-приложений с применением фреймворка Django. Структура курса: Настройка Docker под Django Способы кастомизации модели пользователя Кастомизация админпанели Реализация FrontEnd Jinja2 Отправка электронных писем GraphQL Django API (Часть 1) GraphQL Django API (Часть 2) Celery + Redis/RabbitMQ Django Каналы Django Тестирование Django проекта Чему вы научитесь на данном курсе: Создавать полноценное веб-приложение на основе Django Создавать и Frontend, и Backend для Django-приложения Реализовывать ваш проект как CI (Continuous Integration) приложение Расширять и кастомизировать админпанель и модели пользователей Отправлять письма из Django-приложения Создавать и настраивать GraphQL API Подключать к проекту Celery + Redis/RabbitMQ Создавать чаты, очереди, систему “лайков” Выполнять полноценное тестирование Django-приложения Предварительные требования Курс подойдет тем, кто уже уверенно владеет языком Python и принципами ООП, а также имеет знания фреймворка Django, соответствующие уровню курса Django Стартовый. Смотрите первый урок курса в свободном доступе. Курс входит в комплексную программу подготовки по специальности Python Developer.

Всем привет! У нас хорошая новость для FrontEnd разработчиков - в каталоге ITVDN появился практический курс "Создание сайта на Vue.js". Главная задача любого FrontEnd разработчика - оживить макет веб-сайта, вдохнув в него жизнь при помощи HTML, CSS, JavaScript и сопутствующих технологий. Однако, прогресс не стоит на месте - с каждым годом сфера разработки сайтов все больше и больше расширяется и преображается. Как следствие, количество требований к сайтам также увеличивается. Чтобы облегчить разработку девелоперам и реализовать все требования заказчика, создаются специальные фрейморки. Один из популярнейших - Vue.js. Чтобы раскрыть его потенциал и продемонстрировать основной инструментарий этого фреймворка, мы записали для вас практический курс “Создание сайта на Vue.js”. Что полезного вы можете извлечь из него? Курс “Создание сайта на Vue.js” поможет вам на практике изучить возможности платформы Vue.js, рассматривая процесс создания своего веб-проекта с нуля и постепенно добавляя в него модули и плагины. Данный фреймворк считается гибким, легким в освоении, легко интегрируемым со сторонними технологиями, с кратким и лаконичным синтаксисом, а также прекрасно подходящим для решения простых задач сайтостроения. Автор курса Максим Сластен - специалист, у которого за спиной 6-ти летний опыт FrontEnd разработки. В записанных видео уроках Максим делится эффективными техниками создания сайта на Vue.js, которые он сам успешно применяет в своей работе.   Структура курса: Введение в Vue.js. Авторизация и работа с роутером. Работа с маршрутизацией и знакомство с компонент фреймворком. Работа с интернационализацией. Работа с компонентами и страницами. Работа с поиском и функциональными элементами страницы. Работа с е2е тестированием (Cypress). Тестирование функционала. Jest. Финальная доработка и деплой.    После успешного прохождения курса вы научитесь: Выполнять установку VUE CLI и настройку стартового проекта. Создавать форму логина для входа на сайт. Организовывать настройку и защиту роутера. Организовывать авторизацию, аутентификацию, используя JWT токен. Создавать свой собственный сервер, который будет создавать токен и возвращать его пользователю. Выполнять тестирование сервера c использованием Postman. Использовать компоненты из библиотеки компонентов. Создавать свои компоненты на основе компонентов библиотеки. Выполнять стилизацию компонента и настраивать адаптивность сайта. Использовать плагин интернационализации Vue i18n. Создавать переводы на сайте. Создавать файл переводов, реализовывать переводы для всех компонентов сайта. Работать со структурой проекта, добавлять новые компоненты, такие как компонент списка статей. Тестировать проект с помощью Cypress. Модифицировать проект для покрытия компонентов тестами. Оптимизировать тесты модификациями конфига Cypress. Применять для тестирования инструмент для создания юнит тестов Jest. Создавать свой репозиторий и использовать для деплоя сервис Heroku. Выполнять деплой сайта на Netlify. Какими предварительными знаниями вы должны обладать? Необходимый бэкграунд для успешного прохождения курса: хорошее знание HTML, CSS, JavaScript. Курс входит в специальность FrontEnd Developer. Если вас заинтересовало создание сайта на Vue.js и вы хотите ознакомиться с преподавателем, а также его манерой подачи материала, переходите по ссылке и смотрите бесплатный вступительный урок от Максима. Также можем вам предложить ознакомиться со следующими статьями: “Инструменты Vue.js разработчика” и “Переход с jQuery на Vue.js”.