Распродажа!

Курс Верстальщик – HTML, CSS, JavaScript

1,688 руб

 Вы экономите: 5,311 руб (76%)
 Поторопитесь! Заканчивается через

В рамках курса вы научитесь верстать по дизайнерским макетам – адаптивно, семантически, кроссбраузерно, с анимацией и интерактивными JavaScript элементами. Научитесь писать js-код самостоятельно и использовать готовые, проверенные временем решения.

10 заказов за последние 7 дней.

Безопасные платежи

Защита персональных данных

100% уникальные материалы

Гарантия лучшей цены

Вместе дешевле на 20% (количество курсов меняется галочками)

+ Курс WordPress - верстка и создание тем + Курс верстальщиков + Курс CSS Grid - адаптивная верстка
Цена за все курсы: 5,402 руб

Видеозаписи лекций без обратной связи и участия преподавателя. Вы получите доступ к материалам сразу после оплаты.

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

– Верстка веб-страниц по макетам
– Блочная верстка
– Семантическая и валидная верстка
– Адаптив и кроссбраузерность
– Анимации и трансформации
– БЭМ
– FlexBox
– Препроцессор SCSS
– Bootstrap 4
– Нарезка макетов Photoshop, Figma, Zeplin
– JavaScript для верстальщика
– Использование js-библиотек

Требования

– Базовое владение ПК и Интернет

Описание

Когда-то уже изучали HTML и CSS, но так и не научились верстать макеты? Или просто проявляете первый интерес к веб-работке? Курс Компетенция Верстальщик станет отличной стартовой площадкой для того, чтобы войти в мир IT.

Получите необходимый набор навыков по работе с HTML, CSS, JavaScript и дополнительными инструментами, создайте себе портфолио и станьте профессионалом.

В рамках курса вы научитесь верстать по дизайнерским макетам – адаптивно, семантически, кроссбраузерно, с анимацией и интерактивными JavaScript элементами. Научитесь писать js-код самостоятельно и использовать готовые, проверенные временем решения.

Начните свой путь в мир IT с веба. И этот курс станет для вас отличной платформой для дальнейших успехов в профессии.

Для кого этот курс:

Начинающие веб-разработчики
Те, кто когда-то изучал верстку и хочет актуализировать знания и стать профессионалом
Кто уже работает, но отстал от технологий или не мог ранее освоить JS

Материалы курса

Основы HTML, CSS

Основы HTML
Основы CSS
Работа с текстом
Работа с блочными элементами
Стилизация блочных элементов
Работа со ссылками и кнопками
Работа с изображениями и иконками
Автоматическое форматирование в VS Code
Псевдоклассы и псевдоэлементы CSS
Структура сайта и типы макетов
Таблицы и табличная верстка
Блочная модель верстки old-style
Позиционирование, выпадающее меню
Введение во FlexBox
Блочная модель верстки на флексах

Работа с макетами

Нарезка макета в Photoshop
Zeplin и импорт из Photoshop или Figma
Мастер-класс по верстке макета
Макеты

Продвинутые техники HTML, CSS

Основы БЭМ
Элементы форм
Фильтры CSS
Семантические теги HTML5
Кроссбраузерность
Трансформации CSS3
Анимации CSS3
Работа с адаптивом
Базовое использование препроцессора SASS|SCSS
Продвинутое использование SASS|SCSS

Bootstrap 4

Общие возможности Bootstrap
Работа с сеткой Bootstrap
Использование компонентов Bootstrap

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

Введение в JavaScript
Ветвления и циклы
Объекты и массивы JS
Функции JS
Понятие DOM и узлов
Обработка события по клику
Создание слайдера на JS
Создание модального окна
Создание табов
Создание фильтра карточек

Библиотеки JavaScript

Основы jQuery
Галерея FancyBox
Анимации ParollerJS, ParallaxJS
Анимации ScrollMagic
Адаптивный слайдер SwiperJS

БОНУС: Спецификация CSS Grid

CSS Grid. Базовая терминология
Базовые возможности CSS Grid
Шаблоны и фракции
Grid области и работа с ними
Выравнивание
Методы адаптива
Нюансы использования

Проект Верстки макета от и до

Обзор шаблона для вёрстки
UI Kit – что и зачем
Настройка окружения
Переменные и типографика
Компонент “Особенность”
Компонент “Скриншот”
Компонент “Отзыв”
Компонент “Цена”
Компоненты формы и соц иконок
Вводный блок сайта
Блок “О продукте”
Блок “Особенности”
Блок “Скриншоты”
Блок “Отзывы”
Блок “Цены”
Блок “Подвал сайта”
Валидация верстки
Production-сборка

Нужна ли регистрация?

Нет, регистрация не обязательна. Просто заполните все поля при оформлении заказа и ваш аккаунт создастся автоматически. Данные которые вы ввели на странице оплаты (почта, пароль), потом можно использовать для входа на сайт.

Как оплатить выбранный курс?

Наш сайт принимает оплату с помощью платежной системы Free Kassa. Все операции на нашем сайте безопасны и проходят с использованием шифрованного SSL соединения. Мы не собираем и не храним ваши платежные данные. Платежная система полностью гарантирует безопасность платежей.

На данный момент доступны следующие способы оплаты:

  • Банковская карта (Visa, Mastercard, Мир)
  • Юmoney
  • KIWI

1. На странице курса нажмите “Купить”
2. Затем в открывшейся вкладке нажмите “Оформление заказа”
3. На странице оформления заполните все поля и нажмите “Купить”
4. Автоматически откроется страница платежной системы.
5. Выберите способ оплаты.
6. Введите данные и следуйте инструкциям платежной системы.
7. После успешной оплаты вы будете автоматически направлены на страницу, где сможете получить доступ к курсу. Так же вам будет выслано письмо с ссылкой на курс.

Если ни один из перечисленных способов оплаты вам не подходит, напишите нам: info.znanies@gmail.com  Мы обязательно поможем.

Как получить оплаченные материалы?

Для того, чтобы получить материалы – просто заполните все поля при оформлении заказа (включая поле – Создать пароль учетной записи).

После оплаты — система автоматически направит вас в личный кабинет в раздел ①»Загрузки». Здесь  будет список ваших оплаченных материалов и ссылка на скачивание②.

Либо нажмите в правом верхнем углу сайта пункт Мой аккаунт, введите почту и пароль, который вы придумали, когда оформляли заказ. В разделе Загрузки есть ссылка на скачивание.

Сколько времени будут доступны материалы?

Ссылка на ваш курс будет доступна в течении 180 дней со дня оплаты. За это время вы должны скачать все материалы на свое устройство. После окончания этого срока ссылки могут стать неактивными. Это связано с нововведениями компаний, предоставляющих услуги облачного хранилища. Если вы не успели скачать купленные курсы, напишите нам на почту – info.znanies@gmail.com