Создадим игру на Vue.js от начала разработки интерфейса до реализации алгоритмов на JavaScript и разместим её в каталоге приложений ВК. Напишем интерактивное приложение, сгенерируем идею с помощью чат-бота и вы выполните самостоятельную работу.

Для кого этот курс? Курс поможет вам быстро овладеть Vue.js на продвинутом уровне. Хотя этот фреймворк считается легче других в экосистеме JavaScript, за интуитивно понятным и простым синтаксисом скрываются широкие возможности, часть которых можно упустить при самостоятельном освоении.Курс раскроет продвинутые практичные решения Vue.js, которые расширят ваш стек технологий. Для JavaScript-разработчиков с навыками HTML/CSS. Вы сможете использовать решения, ускоряющие и упрощающие процесс разработкиДля backend-разработчиков, желающих стать Fullstack. Vue.js идеально подходит для тех, кто хочет быстро пополнить пул скиллов работой с фронтендомДля начинающих Vue-разработчиков. Курс поможет расширить и углубить навыки работы с фреймворком, чтобы выделиться среди других соискателей Необходимые знания Базовые знания JS, HTML и CSSБудет плюсом: опыт с jQuery или React, базовые навыки работы с Git Что вам даст этот курс? Курс поможет вам изучить гибкий и мощный фреймворк Vue.js, который позволяет создавать современные и отзывчивые веб-приложения. Изучите компонентную архитектуру, синтаксис Vue.js и принципы реактивного программирования, чтобы создавать масштабируемые и эффективные приложения. Получите практические навыки и глубокое понимание Vue.js, чтобы стать опытным веб-разработчиком и реализовать свои идеи в увлекательных проектах. Вы изучите продвинутые возможности Vue, Vue-router, VuexСможете создавать SPA-приложения и оптимизировать их для productionПоймете как писать чистый и лаконичный код на ES6/ES8/TypeScriptСможете писать интеграционные и юнит-тесты с Jest, CypressНаучитесь работать с GraphQL, Firebase, ElectronТакже вы узнаете, как работает Webpack и Babel, освоите различные паттерны проектирования и научитесь их применять в для построения сложных приложений на Vue Преимущества Vue.js перед другими фреймворками Легкий старт. Интуитивно понятный синтаксис шаблонов. Легко добавить в уже существующий проект, например, если есть существующие приложения, написанные на старом стеке и надо их постепенно мигрировать на современную платформу Vue. Как React, но быстрее в разработке. Не нужно изучать специфические концепции, без которых в React вы не сможете сдвинуться с места. Меньше размер библиотеки, а также меньше размер итогового бандла, чем React. Как и в React есть решение для разработки интерфейсов для мобильных, поддержка typescript и рендеринга на сервере SSR Как Angular, но проще. Есть готовые пакеты для роутинга, управления состоянием и тестирования. Используются все современные подходы к разработке: API веб-компонентов, функциональное программирование. Удобные инструменты разработки. Вы можете сгенерировать проект из командной строки выбрав необходимые опции: Typescript, CSS-препррцессоры, заготовки для unit-тестов и так далее. Понятная реактивность. В отличие от других популярных фреймворков с Vue вам не нужно в начале изучения задумываться в каких случаях произойдёт обновление компонента и как изменятся данные: всё работает ровно так, как вы ожидали, — сразу «из коробки» без каких-то новых терминов и головоломных концепций.

Веб-разработчик создаёт сайты, сервисы и приложения, которыми мы ежедневно пользуемся. Он разрабатывает интернет-магазины, онлайн-банки, поисковики, карты и почтовые клиенты. Веб-разработчик проектирует внешний вид сайта – фронтенд и программирует серверную часть – бэкенд.

Практический онлайн-курс, на котором вы за 9 месяцев освоите профессию веб-разработчика по стандартам IT-сферы: изучите актуальные технологии JS, React и PHP, создадите портфолио из нескольких сайтов, станете востребованным разработчиком с доходом от 70 000 ₽.

Основные темы: Основы веб-разработки: HTML, CSS, JavaScript. Работа с фреймворками (React или Vue.js). Адаптивная и семантичная верстка. Работа с API и взаимодействие с сервером. State management (Redux или Vuex). Создание динамических и интерактивных интерфейсов Что включено: Практические задания и 8 реальных проектов для портфолио. Поддержка ментора. Гарантированная стажировка. Помощь в трудоустройстве. Требования: Нет специальных предварительных знаний. Необходим компьютер и доступ к интернету Результат: Профессия "Frontend-разработчик". Умение создавать современные веб-приложения

Получите перспективную творческую профессию в IT.

Станьте Frontend-разработчиком, который специализируется на внешнем оформлении сайтов. Вы получите базовые знания и на практике научитесь создавать сайты и приложения, проектировать интерфейсы и работать со сложными инструментами frontend-разработчика. Изучите фреймворки и библиотеки, которые упростят вашу работу. Через 9 месяцев обучения вы сможете трудоустроиться. В пакете Мастер вы получаете возможность углубленно изучить технологическую специализацию с экспертной поддержкой.

ООО “АПОК” имеет лицензию. Документ включает основную информацию об организации и приложение с указанием вида образовательной деятельности.

Изучите увлекательные подходы к разработке интерактивных веб-приложений на JavaScript, включая DOM, асинхронность и фреймворки.

• Версии и реализации JavaScript.
• Области применения JavaScript (браузер, сервер, мобильная разработка).
• Типы данных: String, Number, Boolean (понятие truthy и falsy).
• Операторы, приоритет операторов.
• Объявление переменных: var, const, let.
• Циклы: while, for, for … in, for … of.
• Работа с числами и строками.
• Значения null и undefined: отличия и цели применения.
• Работа с консолью.
• Исключения в JavaScript.
• Формат JSON, примеры.
• JSON.parse и stringify.
• Объекты, работа с классом Object.
• Создание объектов (с помощью литерала {}, оператор new, метод create).
• Прототипическое наследование, ссылка proto.
• Геттеры и сеттеры.
• Оператор in и hasOwnProperty, понятие перечислимых свойств.
• Метод toString(), вызов и переопределение метода.
• Метод valueOf(), вызов и переопределение метода.
• Создание массивов: литералы и new Array().
• Автоматическое изменение длины массива.
• Получение и установка длины массива length, усечение массива.
• Применение методов join() и concat().
• Использование метода sort, задание порядка сортировки массива.
• Использование методов slice и splice.
• Использование методов push, pop, shift, unshift: создание стека или очереди.
• Применение конструктора new Date().
• Понятие компьютерного представления даты как времени с Epoch.
• Использование getTime() и setTime().
• Парсинг строкового представления дат.
• Варианты создания строк в JS: использование одинарных и двойных кавычек.
• Интерполяция строк (строка в апострофах).
• Экранирование специальных символов в строке.
• Конкатенация строк, перевод в верхний и нижний регистр.
• Поиск подстроки с помощью indexOf() и lastIndexOf().
• Выделение подстроки с помощью substring() и substr().
• Применение методов includes, endsWith, startsWith.
• Управление окном браузера, документом, событиями и оформлением (CSS-стилями).
• Объект window и его применение.
• Подключение кода JavaScript к HTML-странице.
• Порядок выполнения скриптов на странице.
• Кэширование скриптов, CDN-серверы, принудительная перезагрузка JavaScript.
• Работа с ссылками, подключение JavaScript к ссылкам.
• Событие onload и его использование.
• XSS-атаки на сайт.
• Работа с DOM: использование window, document, childNodes.
• Манипуляции документом с помощью DOM: создание, удаление, перемещение элементов.
• Использование getElementById(), getElementsByTagName(), getElementsByClassName() для поиска элементов на странице.
• Работа с методами и свойствами HTMLDocument и HTMLElement.
• Понятие событийного программирования.
• Обработчики и слушатели событий.
• Подключение обработчиков с помощью addEventListener().
• Свойства и методы класса Event.
• Распространение событий вверх (bubbling) и вниз (capturing).
• Остановка распространения.
• События окна.
• События мыши и клавиатуры, специальные свойства событий.
• События формы.
• Стандарт CSS, основные свойства CSS.
• Общие стили и стили отдельных элементов.
• Каскадирование стилей.
• CSS-селекторы.
• Изменение CSS с помощью JavaScript.
• Отступы: margin, padding, border.
• Управление видимостью элементов: visibility и display.
• Позиционирование элементов: absolute, fixed, relative, установка top и left.
• Единицы измерения px, pt и другие.
• Переполнение элемента и управление через свойство overflow.
• Управление слоями документа: свойство zIndex.
• Анимация, перемещение элементов.
• Работа с классами, установка className.
• Работа с прозрачностью и переходами (transition).
• Метод querySelectorAll().
• Причины использования модулей.
• Экспорт из модуля.
• Импорт из модуля.
• Реэкспорт.
• Работа с NPM, файл package.json.
• Папка node_modules, загрузка пакетов с помощью NPM.
• Глобальная и локальная установка пакетов.
• Применение webpack для сборки проекта.
• Загрузчики CSS и TypeScript.
• Конфигурация webpack.config.js.
• Создание бандла, сжатие.
• Плагины webpack.
• Применение старых систем модульности – CommonJS и AMD.
• Использование CommonsChunkPlugin, несколько точек входа.
• Горячая замена модулей HMR.
• Прототипное наследование, ссылка proto.
• Прототип объекта.
• Использование instanceof.
• Ключевое слово class, создание классов.
• Ключевое слово super.
• Применение метода Object.assign().
• Применение метода Object.defineProperty().
• Геттеры и сеттеры.
• Spread-оператор для работы с объектами и массивами.
• Деструктурирование массива и объекта.
• Функции как переменные.
• Массив arguments.
• Класс Function, методы call() и apply().
• Метод bind(), установка this и части параметров с помощью bind.
• Замыкания в JavaScript.
• Инкапсуляция значений с помощью замыканий.
• Создание функции через конструктор Function: конструирование строки.
• Стрелочные функции, примеры их применения.
• Функциональная манипуляция массивом: find, findIndex, filter.
• Примеры использования map/filter/reduce для обработки данных в массиве.
• Понятие иммутабельности, ее преимущества.
• Мутабельные и иммутабельные методы изменения объектов и массивов.
• Понятие и преимущества Virtual DOM.
• Тестирование иммутабельных функций, применение Jest.
• Мемоизация, ее преимущества.
• Основные ошибки и рекомендации при использовании функционального программирования.
• Паттерн MVC, создание пользовательского интерфейса.
• Обзор основных библиотек для разработки интерфейса: Angular, React, Vue.
• Понятие и необходимость асинхронности.
• Работа с setTimeout, setInterval, clearTimeout.
• Функции обратного вызова (коллбэки).
• Потеря this при работе с функцией обратного вызова. Варианты решения (использование bind, стрелочных функций и др.).
• Понятие промисов, возвращение Promise из асинхронной функции.
• Метод Promise.all(), его применение.
• Синтаксис async/await, варианты применения, ограничения.
• Обработка внештатных ситуаций: Promise reject, обработка исключений при асинхронных вызовах.
• Протокол HTTP.
• Заголовки и методы HTTP (GET, POST, PUT, DELETE, другие), передача данных.
• HTTP-серверы (обзор).
• Коды ответа HTTP-сервера.
• Использование форм для отправки данных.
• Передача данных на сервер с помощью AJAX.
• Архитектура REST: преимущества и особенности.
• Реализация CRUD (операций Create/Read/Update/Delete) при работе с REST.
• Применение функции fetch() для получения и отправки данных.
• Документирование REST-сервисов с помощью Swagger.
• Понятие HATEOAS, применение.
• Сравнение высокоуровневой библиотеки Axios и применения низкоуровневого fetch().
• GET- и POST-запросы в Axios.
• Применение async/await с Axios.
• Обработка ошибок при использовании Axios.
• Отмена запроса с помощью Axios.
• Протокол WebSocket.
• Примеры использования WebSocket, сравнение с HTTP.
• HTML-анимация.