Учись вёрстке и JavaScript на мини-проектах с обратной связью от куратора
Помимо вёрстки и JS есть интенсивы по React, Python, PHP, WordPress. Доступ на 30 дней. Посмотрите весь список интенсивов:
Сервис доставки еды на HTML и CSS
Сверстаем дизайн-макет из программы Figma Адаптируем верстку под мобильные разрешения Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Свой Авито на HTML и CSS
Сверстаем дизайн-макет из программы Figma Адаптируем верстку под мобильные разрешения Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Воркшоп «Cвой AliJSpress на JavaScript
Проект по урокам преподавателя на чистом JavaScript ES6 Работа с DOM элементами и использование событий Работа с сервером через fetch, ajax получение и вывод товаров Организация корзины, работа с cookie
Верстка интернет-магазина «Амазонка»
Сверстаем дизайн-макет из программы Figma, используя технологию Flexbox Адаптируем верстку под мобильные разрешения Познакомимся с Codepen и реализуем сайт в онлайн-редакторе кода
Воркшоп «Свой АвиаSales на JavaScript»
Используем JavaScript и ES6 (современный стандарт) Работаем с DOM, событиями и циклами Циклы, Функции, работа с DOM, подключение API Использование событий мыши, делегирование событий
Пишем «Delivery Food» на HTML/CSS/JavaScript
Сверстаем дизайн-макет из программы Figma, используя технологию Flexbox Адаптируем верстку под мобильные разрешения Добавим анимацию и интерактивность, используя Animate.css и jQuery-плагин Fancybox Познакомимся с GitHub и опубликуем сайт на GitHub Pages Реализуем авторизацию без обработки сервера Настроим вывод ресторанов и магазинов Настроим добавление в корзину и формирование товара
Промо-сайт «Охотники за привидениями» на HTML/CSS
Сверстаем дизайн-макет из программы Figma, используя технологию Flexbox Адаптируем верстку под мобильные разрешения Добавим интерактивность, используя слайдер Swiper и jQuery-плагин Fancybox Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Воркшоп «Dendy игра на HTML/CSS»
Реализуем интерфейс игры на HTML/CSS Подключим анимацию, используя только CSS Реализуем фунционал игры, счетчик попаданий на CSS
Интенсив по JS «Гоночки»
Игра с использованием JavaScript, по стандарту ES6 Взаимодействие с игрой, с помощью клавиатуры Игра работает во всех современных браузерах
Калькулятор стоимости проекта на JavaScript
Используем JavaScript и ES6 (современный стандарт) Работаем с элементами DOM дерева, получаем элементы со страницы, Манипуляция с DOM элементами Работа с технологией fetch
Воркшоп «SPA приложение SpaceX» на React
Познакомимся с React, что это и для чего он нужен Используем Create React App для того чтобы развернуть приложение Компонентный подход в Реакт, что это такое? Узнаем что такое JSX Реализуем вывод верстки HTML to JSX Что такое состояние компонента? Добавим состояние (state) в наш проект События в React отличаются от JS? Работа с API
Воркшоп «Кинопоиск на JavaScript»
Создание интерфейса сервиса, используя фреймворк Bootstrap Использование API для получения списка фильмов Работа с идентификаторами (переменные, аргументы ...), типами данных, операторами, условными конструкциями. Использование событий мыши, делегирование событий
Интенсив по JavaScript | Морской бой
Используем ES6 стандарт JavaScript для реализации браузерной игры Работа с элементами DOM, селекторами, объектами и массивами Использование интерполяций, циклов, событий элементов DOM
Своя фриланс-биржа на JavaScript
Реализуем проект по урокам преподавателя на стандарте ES6 Разберемся с идентификаторами (переменные, аргументы ...), типами данных, операторами, условными конструкциями. Циклы, Функции, работа с DOM, подключение LocalStorage Использование событий мыши, делегирование событий
Воркшоп «ИКЕЯ на JS»
Познакомимся с основами JavaScript и ES6(современный стандарт) Научимся работать с элементами DOM дерева, получать элементы со страницы, манипулировать ими Узнаем как работать с селекторами в особенности классами: добавлять, удалять и проверять наличие классов, Реализуем меню, пункты которого будут генерироваться автоматически Познакомимся с технологией fetch и научимся отправлять и получать данные с сервера Будем использовать локальное хранилище localStorage и научимся с ним правильно работать
Воркшоп «Твиттер на JS»
Познакомимся с основами JavaScript и ES6(современный стандарт) Научимся работать с элементами DOM дерева, получать элементы со страницы, манипулировать ими Узнаем как работать с селекторами в особенности классами: добавлять, удалять и проверять наличие классов, Научимся различным способам перебора массива и фильтрации Узнаем как отлавливать события пользователя и браузера с помощью JavaScript и реагировать на них Используем современные технологию API fetch Реализуем все приложение в ООП
Сайт-портфолио на JS
Познакомимся с основами JavaScript и ES6(современный стандарт) Научимся работать с элементами DOM дерева, получать элементы Узнаем как отлавливать события пользователя и события браузера с помощью JavaScript и реагировать на них Познакомимся с локальным сервером JSON-Server и рассмотрим Напишем плавный скролл для всех браузеров (на Safari работает в том числе)
Сайт кофейни на WordPress
Установим движок Wordpress Подключим тему Wordpress к сайту Поработаем с двумя популярными плагиноми для Wordpress Подключим форму бронирования столиков Создадим отзывы на сайте и научимся их выводить на странице
Сайт кинотеатра на HTML и CSS
Сверстаем дизайн-макет из программы Figma Адаптируем верстку под мобильные разрешения Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Посадка верстки магазина цветов на WordPress
Установим движок Wordpress Подключим тему Wordpress к сайту Перенесем готовую верстку Настроим редактирование сайта из админки Будем работать на реальном хостинге
Сайт ЖК «Мелодия» на HTML и CSS
Сверстаем дизайн-макет из программы Figma Адаптируем верстку под мобильные разрешения Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Сайт-портфолио на HTML и CSS
Сверстаем дизайн-макет из программы Figma Адаптируем верстку под мобильные разрешения Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Промосайт к фильму «Веном 2» на HTML/CSS
Сверстаем дизайн-макет из программы Figma Адаптируем верстку под мобильные разрешения Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Онлайн-кинотеатр на HTML/CSS
Сверстаем дизайн-макет из программы Figma Адаптируем верстку под мобильные разрешения Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Магазин игр на WordPress
Установим движок Wordpress Подключим тему Wordpress к сайту Перенесем готовую верстку Настроим редактирование сайта из админки Будем работать на реальном хостинге
Интенсив «Сервис доставки еды на JS»
Используем ES6 стандарт JavaScript Работа с элементами DOM, селекторами, объектами и массивами Использование интерполяций, fetch, событий элементов DOM
Интенсив «Ozon на JS»
Познакомимся с основами JavaScript и ES6(современный стандарт) Научимся работать с элементами DOM дерева, получать элементы Узнаем как отлавливать события пользователя и события браузера с помощью JavaScript и реагировать на них Познакомимся с локальным сервером JSON-Server и рассмотрим альтернативу - получение данных с облачного сервиса Firebase
Воркшоп «Промостраница iPhone 12 Pro на JavaScript»
Познакомимся с основами JavaScript и ES6(современный стандарт) Научимся работать с элементами DOM дерева, получать элементы со страницы, манипулировать ими Узнаем как работать с селекторами в особенности классами: добавлять, удалять и проверять наличие классов, Познакомимся с шаблонными строками и интерполяцией Узнаем как отлавливать события пользователя и браузера с помощью JavaScript и реагировать на них С сервера получим и выведем на страницу сопутствующие товары
Промосайт к фильму Бэтмен на HTML/CSS
Сверстаем дизайн-макет из программы Figma Адаптируем верстку под мобильные разрешения Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Автомагазин — посадка верстки на WordPress
Установим движок Wordpress Подключим тему Wordpress к сайту Перенесем готовую верстку Настроим редактирование сайта из админки Будем работать на реальном хостинге
Cвой интернет-магазин «Ламода» на JavaScript
Используем JavaScript и ES6 (современный стандарт) Научимся работать с элементами DOM дерева, получать элементы со страницы, манипулировать ими (скрывать, отображать, создавать новые) Узнаем как отлавливать события пользователя и события браузера с помощью JavaScript и реагировать на них Узнаем как применять делегирование Познакомимся с шаблонными строками и интерполяцией Реализуем Модальное окно, корзину в localStorage, hash в url
Сайт магазина ёлок на WordPress
Установим движок Wordpress Подключим тему Wordpress к сайту Поработаем с популярным плагином для Wordpress Подключим все формы на сайте и сделаем отправку информации через AJAX Создадим товары на сайте и научимся отправлять информацию о заказе
Промосайт к фильму «Мортал комбат»
Сверстаем дизайн-макет из программы Figma Адаптируем верстку под мобильные разрешения Добавим на сайт видеофон Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Промостраница для BMW X6 на JavaScript
Используем JavaScript и ES6 (современный стандарт) Научимся работать с элементами DOM дерева, получать элементы со страницы, манипулировать ими (скрывать, отображать, создавать новые) Узнаем как отлавливать события пользователя и события браузера с помощью JavaScript и реагировать на них Узнаем как применять делегирование Познакомимся с шаблонными строками и интерполяцией
Сайт агентства недвижимости на WordPress
Установим движок Wordpress Подключим тему Wordpress к сайту Перенесем готовую верстку Настроим редактирование сайта из админки Будем работать на реальном хостинге
Интенсив по Python «Змейка»
Познакомимся с основами python Научимся подключать и использовать готовые библиотеки через pip3 Научимся декомпозировать задачу на подзадачи Изучим библиотеку pygame
Интенсив «Пишем «ЯTunes» на JavaScript»
Используем JavaScript и ES6 (современный стандарт) Научимся работать с элементами DOM дерева, получать элементы со страницы, манипулировать ими (скрывать, отображать, создавать новые) Создадим объект Audio, поработаем с API Audio Реализуем простые табы, познакомимся с шаблонными строками и интерполяцией
Воркшоп «Свой Youtube на JavaScript»
Познакомимся с основами JavaScript и ES6(современный стандарт) Научимся работать с элементами DOM дерева, получать элементы со страницы, манипулировать ими Узнаем как работать с селекторами в особенности классами: добавлять, удалять и проверять наличие классов, Познакомимся с шаблонными строками и интерполяцией Узнаем как отлавливать события пользователя и браузера с помощью JavaScript и реагировать на них Узнаем что такое API, получим данные с API Google и поработаешь с объектами и массивами данных
Twitter на PHP
Реализуем сортировку и вывод твитов в ленте Регистрация и авторизация пользователя в личном кабинете Хранение пользователей и их твитов и лайков в БД Создание и удаление своих твитов
Сайт сборки ПК на JS
Познакомимся с основами JavaScript и ES6(современный стандарт) Научимся работать с элементами DOM дерева, получать элементы Узнаем как отлавливать события пользователя и события браузера с помощью JavaScript и реагировать на них Познакомимся с локальным сервером JSON-Server и рассмотрим Напишем плавный скролл для всех браузеров (на Safari работает в том числе)
Промостраница «iPhone 13 pro» на JS
Познакомимся с основами JavaScript и ES6(современный стандарт) Научимся работать с элементами DOM дерева, получать элементы Узнаем как отлавливать события пользователя и события браузера с помощью JavaScript и реагировать на них Познакомимся с локальным сервером JSON-Server и рассмотрим альтернативу - получение данных с облачного сервиса Firebase Напишем плавный скролл для всех браузеров (на Safari работает в том числе)
Свой Headhunter на HTML и CSS
Сверстаем дизайн-макет из программы Figma Адаптируем верстку под мобильные разрешения Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Интенсив «Wildberries на JS»
Используем ES6 стандарт JavaScript Работа с элементами DOM, селекторами, объектами и массивами Использование интерполяций, fetch, событий элементов DOM
Интенсив «Промостраница «Мерседес» на JS»
Используем ES6 стандарт JavaScript Работа с элементами DOM, селекторами, объектами и массивами Использование интерполяций, fetch, событий элементов DOM
Интенсив по вёрстке — промостраница к сериалу «Ведьмак»
Сверстаем дизайн-макет из программы Figma, используя технологию Flexbox Адаптируем верстку под мобильные разрешения Добавим анимацию и интерактивность, используя Animate.css и jQuery-плагин Slick Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Воркшоп «Калькулятор расходов на ReactJS»
Познакомимся с React, что это и для чего он нужен Используем Create React App для того чтобы развернуть приложение Научимся создавать компоненты (функциональные и Классовые) Узнаем что такое state и jsx. Поработает с событиями в React
Сервис доставки еды на HTML и CSS
Сверстаем дизайн-макет из программы Figma Адаптируем верстку под мобильные разрешения Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Сокращатель ссылок на PHP
Реализуем счетчик переходов по короткой ссылке Регистрация и авторизация пользователя в личном кабинете Хранение пользователей и их ссылок в БД Управление своими ссылками из личного кабинета Генератор случайной строки заданной длины
Cоцсеть «Дистанция» на HTML и CSS
Сверстаем дизайн-макет из программы Figma, используя технологию Flexbox Адаптируем верстку под мобильные разрешения Добавим интерактивность, используя jQuery Составим план изучения всего, что просят работодатели и заказчики на фрилансе
Свой Авито на HTML и CSS
Сверстаем дизайн-макет из программы Figma Адаптируем верстку под мобильные разрешения Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Свой Youtube на HTML и CSS
Сверстаем дизайн-макет из программы Figma Адаптируем верстку под мобильные разрешения Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Cвой промосайт компании SpaceX на HTML/CSS
Сверстаем дизайн-макет из программы Figma, используя технологию Flexbox Разберемся с семантической версткой Адаптируем верстку под мобильные разрешения Познакомимся с JavaScript-библиотекой jQuery Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Интенсив по WordPress | Свой сайт на примере реального заказа
Установим движок Wordpress версии Подключим тему Wordpress к сайту Создадим внутренние страницы и адаптив Настроим отображение сайта по прототипу Будем работать на реальном хостинге
Воркшоп «Pikadu на HTML/CSS/JS»
Познакомимся с основами JavaScript и ES6(современный стандарт) Научимся работать с элементами DOM дерева, получать элементы со страницы, манипулировать ими Узнаем как работать с селекторами в особенности классами: добавлять, удалять и проверять наличие классов, Научимся различным способам перебора массива и фильтрации Будем использовать локальное хранилище localStorage и научимся с ним правильно работать Добавим backend на основе fireBase Реализуем авторизацию с подтверждением почты
Воркшоп «Пишем свой Netclicks на JavaScript»
Проект по урокам преподавателя на чистом JavaScript ES6 Работа с DOM элементами и использование событий Работа с сервером, получение и вывод фильмов
Интенсив по WordPress | Пишем свой Netclicks
Установим и настроим Wordpress Поработаем с плагинами и темами Настроим добавление фильмов через раздел видео Изменим код темы, чтобы сменить шаблон вывода фильма
Верстка сайта интернет банка
Сверстаем дизайн-макет из программы Figma, используя технологию Flexbox Адаптируем верстку под мобильные разрешения Познакомимся с Codepen и реализуем сайт в онлайн-редакторе кода
Интенсив «Первый сайт за три дня»
Сверстаем дизайн-макет из программы Figma, используя технологию Flexbox Адаптируем верстку под мобильные разрешения Добавим анимацию и интерактивность, используя Animate.css и jQuery-плагин Swiper Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Воркшоп «Свой Avito на JavaScript»
Используем JavaScript и ES6 (современный стандарт) Научимся работать с элементами DOM дерева, получать элементы со страницы, манипулировать ими (скрывать, отображать, создавать новые) Научимся сохранять и получать данные из localStorage Работа с изображениями и конвертация их в текст (base64)
Промосайт для фильма «Бэтмен» на HTML и CSS
Сверстаем дизайн-макет из программы Figma, используя технологию Flexbox Адаптируем верстку под мобильные разрешения Добавим анимацию и интерактивность, используя Animate.css и jQuery-плагин Fancybox Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Квиз «Бургер мечты» на JavaScript
Используем ES6 стандарт JavaScript Работа с элементами DOM, селекторами, объектами и массивами Использование интерполяций, fetch, событий элементов DOM Работа с платформой Firebase
Воркшоп по верстке «Звездные войны»
Сверстаем дизайн-макет из программы Figma, используя технологию Flexbox Адаптируем верстку под мобильные разрешения Добавим интерактивность, используя jQuery-плагин Slick Познакомимся с GitHub и опубликуем сайт на GitHub Pages
Воркшоп «Конструктор сайтов на JavaScript»
Познакомимся с основами JavaScript и ES6(современный стандарт) Научимся работать с элементами DOM дерева, получать элементы со страницы, манипулировать ими Узнаем как работать с селекторами в особенности классами: добавлять, удалять и проверять наличие классов, Познакомимся с шаблонными строками и интерполяцией Узнаем как отлавливать события пользователя и браузера с помощью JavaScript и реагировать на них
Воркшоп «Свой YouTube на JavaScript»
Используем JavaScript и ES6 (современный стандарт) Работаем с DOM, событиями и циклами Взаимодействуем с API Google