Профессия Frontend-разработчик от Loftschool

    Loftschool
    Стоимость курса
    60 000 Р
    Длительность
    3 месяца
    Сертификат
    Да
    Начало курса
    В любой момент
    Трудоустройство
    Содействие

    Чему Вы научитесь

    • Разрабатывать одностраничные веб-приложения, используя один из самых востребованных JavaScript-фреймворков — *Vue *
    • Для полноценной работы приложения помимо самого Reactjs, вы изучите, как хранить данные и общаться с сервером
    • В ваш арсенал войдут такие инструменты и сервисы, как Webpack, Gulp, Git, Github, Terminal, Yarn и npm А также Pug и PostCSS
    • Вы научитесь создавать приложения придумывать структуру для клиентской части, хранить данные и общаться с сервером
    • Научитесь тестировать ваши проекты автоматизировать тестирование, находить и исправлять ошибки

    Программа обучения

    Неделя 1 — Workflow

    Открытие курса

    • Как проходит обучение

    Vue Основные возможности

    • Теория
    • Hello World
    • Обработка событий
    • Обработка нескольких событий
    • Динамические значения
    • Знакомство с директивами
    • Сокращенные записи директив
    • Методы с параметрами
    • Модификаторы событий
    • Вычисляемые свойства
    • Вотчеры
    • Работа с классами
    • Работа с CSS свойствами
    • Обращение к DOM элементам
    • Условный рендеринг
    • Рендеринг списков
    • Создание компонента
    • Локальные компоненты
    • Реактивность данных
    • Свойства компонента
    • Слоты
    • Слоты с областью видимости
    • Пользовательские события
    • Телепорты

    Vue Однофайловые компоненты

    • Установка проекта VUE-CLI
    • Однофайловый компонент
    • Работа со стилями
    • Передача атрибутов и обработчиков
    • Отдельные файлы
    • Валидация свойств компонента
    • Валидация пользовательских событий
    • Двусторонняя связь данных
    • Пользовательский v-model
    • Хуки жизненного цикла
    • Примеси

    NPM

    • Что такое npm?
    • Установка и обновление npm
    • Справка по работе с npm
    • Поиск и установка пакетов
    • Зависимости пакета
    • Файл манифест packagejson
    • Удаление и обновление пакетов
    • dependencies и devDependencies
    • Webpack и npx
    • npm-скрипты
    • npm, git и github

    Webpack Основы работы

    • Теория
    • Минимальный конфиг и запуск
    • Именование файлов
    • Лоадеры
    • Dev-server
    • Плагины
    • Поиск модулей
    • Сорсмапы
    • Дев и прод
    • Типы модулей
    • Минимальная сборка

    ESLint Обзор конфигурации

    • Введение
    • Установка и запуск
    • Исправление ошибок
    • Конфигурация
    • Формат вывода

    Figma для верстальщика

    • Figma Интерфейс
    • Figma Организация проектов

    Flexbox

    • Введение
    • Флекс-контейнер
    • Выравнивание по главной оси
    • Выравнивание по поперечной оси
    • Выравнивание отдельного элемента
    • Флекс-элемент – контейнер
    • Направление осей
    • Многострочный контейнер
    • Выравнивание многострочного контента
    • Пропорции
    • Пропорции при сжатии
    • Базовый размер
    • Порядок элементов

    GIT

    • Введение
    • Начинаем работать с Git
    • Создание нового репозитория
    • Добавление файлов в индекс область слежения Git
    • Создание коммита
    • Навигация по коммитам Отмена изменений
    • Типичный цикл работы с Git
    • Ветвления в Git
    • Конфликты при слиянии веток
    • Временное без коммита сохранение данных
    • Работа с удалёнными репозиториями
    • Использование GitHub Pages для хостинга проектов

    Vue Воркшоп

    • Старт проекта
    • Компонент хедера
    • Компонент иконок
    • Вывод списка компонентов
    • Компонент toggler

    Неделя 2 — Vuejs

    Storybook

    • Установка
    • Первая история
    • Подключение компонента
    • Расширение конфига
    • Общие стили
    • Стори для компонента
    • CDD
    • Создание компонента
    • Применение компонента
    • Логирование событий
    • Аддон Backgrounds
    • Аддон Knobs
    • Аддон Source
    • Заключение

    JavaScript — ES

    • Строковая интерполяция
    • Упрощение описания методов
    • Значения по умолчанию
    • Деструктурирующее присваивание Объекты
    • Новые возможности и старые браузеры

    Асинхронность в JavaScript

    • Таймеры
    • Загрузка картинок
    • Промисы
    • AJAX

    Axios Библиотека для запросов

    • Введение
    • Отправляем запрос
    • Обзор конфигурации
    • Тело запроса
    • Настройки по умолчанию
    • Перехватчики
    • Сервисы
    • async-await

    Vue Воркшоп

    • Подготовка
    • Подключение компонента
    • Вывод контролла
    • Компонент Progress
    • Запрос к серверу
    • Вывод данных

    Неделя 3 — Нативный JavaScript

    VueRouter Роутинг в браузере

    • Введение
    • Создание ссылок
    • Программная навигация
    • Параметры пути
    • Параметры как свойства
    • Расширенные параметры и
    • Вложенные маршруты
    • Классы активности
    • Разные Router-View
    • Динамические импорты
    • Красивый URL

    Vuex Менеджер состояния

    • Введение
    • Подключение
    • Экшены
    • Мутации
    • Геттеры
    • Применение на практике
    • Функции помощники
    • Модули
    • Динамические модули

    Vue Воркшоп

    • Верстка
    • Вывод данных
    • Подготовка к анимации
    • Отображение кнопок
    • Догрузка контента
    • Отображение слайда после перехода

    Неделя 4 — Vuejs, SPA

    Авторизация Токены

    • Типы авторизации
    • GitHub OAuth
    • Создание приложения GitHub
    • Получение токена
    • Хранение данных в коде
    • Защита роутов

    Vue Воркшоп

    • Подготовка
    • Создание экшена
    • Состояние загрузки
    • Запрос
    • Удаление дубликатов
    • Защита роутов
    • Логаут

    Неделя 5 — Практика

    Vuejs Composition API

    • Введение
    • Общий пример
    • Функция композиции
    • Функция reactive
    • Функция toRef
    • Функция toRefs
    • Computed свойства
    • Функция watch
    • Функция watchEffect
    • Функция readonly
    • Функции-проверки
    • Функция unref
    • Хуки жизненного цикла
    • Пример Обзор проекта
    • Пример Функционал подгрузки
    • Пример Категории
    • Пример Начальная фильтрация
    • Пример Переключение фильтра
    • Пример Остальные функции фильтрации
    • Пример Метод сортировки

    Тестирование JS-кода

    • Введение
    • Jest
    • Польза тестов
    • Coverage

    Vuejs Тестирование компонентов

    • Настройка пакетов
    • Обертка компонента
    • Что тестировать
    • Первый тест
    • Проверка эмит-события
    • Передача свойств
    • Работа с элементами форм
    • Общие установки
    • Моки
    • Подключение библиотек
    • Тестирование экшена
    • Тестирование стора
    • Тестирование снимками

    Тестирование Моки

    • Создание мока
    • Работа с аргументами
    • Возвращаемое значение
    • Модули
    • Таймеры

    Vue Воркшоп

    • Простой компонент
    • Компонент со стором
    • Тестирование Подготовка
    • Тестирование Toggler
    • Тестирование Issues

    Неделя 6 — Завершение работы над проектом

    Как получить работу в IT фишки и советы

    • Как получить работу в IT? Поиск, собеседование и испытательный срок
    • Как найти удаленную работу и фриланс-заказы?
    • Первая работа в IT — как себя вести? Стажировки, официальное трудоустройство и работа «за еду»
    • Как пройти испытательный срок?
    • Как подготовиться к собеседованию в компании уровня FAANG
    • Процесс загрузки web страницы
    • Собеседование программиста – всё, что нужно знать
    • Решение задачи с собеседования программиста
    • Собеседование Frontend-разработчика

    Отзывы о школе 2

    5 из 5
    2
    0
    0
    0
    0
    Сортировать:
    Дате публикации
    • Дата публикации
    • Популярности
    • Сначала положительные
    • Сначала отрицательные
    • Полина 14 августа 2023

      Я успешно завершила трехкурсовую программу по веб-верстке, включавшую основы верстки, введение в веб-программирование и знакомство с vue. Особенно хочу отметить четкую структуру курсов, глубокое изучение материала, продуманный подход и неравнодушие преподавателей, имеющих обширные знания на предмет. Мне было интересно узнавать новое, и я считаю, что уровень ценообразования средний, а сроки проведения курса интенсивны - полтора месяца, что требует огромного объема работы, но приводит к хорошим результатам в короткие сроки. Этот курс для тех, кто готов приложить все усилия для достижения цели. Я оценила наличие наставников, так как часто возникали вопросы и проблемы. Преподаватели всегда были готовы помочь, подробно объясняли и помогали искать решения. Пройдя эти курсы, я уверена, что сэкономила много времени в будущем, избежав поисков необходимых ресурсов в сети. Стоимость одного курса составляет от 21 000 до 26 000 рублей, но есть возможность получить автоматическую скидку 10% при прохождении трех курсов. Оплата может быть произведена за каждый курс отдельно или за трехкурсовой цикл в целом. Общение со специалистами проходит через slack. Если есть какие-либо вопросы или неясности, можно задать их в чате или написать преподавателю. Однако, хотелось бы, чтобы было больше бесплатной литературы или видео для подготовки перед началом курсов. Впрочем, такой материал можно найти в сети в изобилии. Правда, есть отдельный курс по JavaScript, который я хотела бы пройти перед изучением vue, несмотря на то, что перед этим курсом даются основы js. Я рекомендую этот курс, потому что качество на высоком уровне, но я не имею опыта сравнения с другими курсами программирования.

      Был ли отзыв полезен?
    • Леонид 7 июня 2023

      Недавно я успешно завершил комплексный курс по изучению JavaScript и смело могу утверждать, что он соответствовал моим высоким ожиданиям. Меня впечатлила грамотная балансировка между теоретическими материалами и практическими заданиями, представленными в программе курса, которые позволяли закрепить полученные знания на практике. Хочу поблагодарить преподавателя курса, Мелюкова Сергея, за ясность и доступность передачи знаний, а также за интересные и содержательные вебинары, которые были настоящей помощью при выполнении выпускной работы. Также я хотел бы отметить помощь моего наставника, Анатолия Барцева, который всегда был готов прийти на помощь и помочь мне преодолеть трудности. Я также благодарен Роману Прилипе, за качественную поддержку на протяжении всего периода обучения. Особенно ценю многообразие выпускных проектов, которые позволили мне успешно применить все полученные знания и умения на практике, развить свои творческие способности. В целом, данный курс стал прочной основой для моего дальнейшего профессионального развития в области JavaScript-разработки и оставил после себя исключительно положительные впечатления.

      Был ли отзыв полезен?
    Посмотреть все отзывы о Loftschool