Розпродаж!

Курс верстальників

390 грн

 Ви економите: 800 грн (67%)
 Покваптеся! Закінчується через

Хочеш верстати швидко, впевнено, адаптивно, кросбраузерно та сучасно? Цей відео курс саме для цього і створений.

17 замовлень за останні 7 днів.

Безпечні платежі

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

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

Гарантія найкращої ціни

Разом дешевше на 20% (кількість курсів змінюється галочками)

Курс верстальщиков + Курс веб разработка и создание сайтов + + Flexbox и smart-grid Продвинутая вёрстка + Курс WordPress - верстка и создание тем
Ціна за всі курси: 1,560 грн

Мова викладання в курсі — російська. Незабаром буде доступна українська версія цього курсу.

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

Кому корисний цей курс?

Новачкам — Хочешь научиться самой востребованной интернет профессии? Обязательно приходи к нам.

Бекендерам — Давно уже работаешь с серверной частью проектов, но хочешь научиться менять визуал сайтов? Тебе к нам!

Веб-дизайнерам — Давно рисуешь сайты, но хотел бы сам научиться верстать? Посети курс и на практике узнаешь как создаются сайты.

Маркетологам — Не хватает основ веб-разработки для продвижения сайтов? Мы поможем восполнить этот пробел.

SММщикам — Работа SMM, как правило, неразрывна с поддержкой сайтов. Самое время изучить основы веб-разработки.

Підприємцям — Сложно представить современный бизнес без сайта. Освой азы, чтобы общаться с разработчиками на одном языке.

Програма базового курсу

Стартова лекція.
— Разбор основ программы Adobe Photoshop;
— Работа с изображениями;

Початок роботи. Основи HTML
— Подготовка проекта к верстке;
— Структура html-документа (html, head, body) ;
— Обзор популярных тегов HTML;
— Обзор семантических тегов HTML.

Основи HTML
— Идентификаторы и классы;
— Aтрибуты для input и textarea;
— Отличия между button и a;
— Ссылки для социальных сетей;
— Работа с почтой и скайпом;
— Работа с git.

Підключення CSS, робота з текстом
— Подключение CSS к документу HTML;
— Структура CSS-файлов;
— Способы подключения шрифтов на страницу;
— Форматирование текста при помощи CSS;
— Стили для работы со шрифтами;
— Разные типы записи цвета в CSS документе;

Розміщення об'єктів CSS
— Селекторы, которые стоит знать и применять;
— Типы позиционирования элементов;
— Установка favicon на страницу.

Стилізація елементів CSS
— Стилизация ссылок и кнопок;
— Работа со списками;
— Работа с after и before;

Види сіток CSS
— Центрирование объектов в документе;
— Отступы padding и margin;
— Flexbox CSS;
— CSS Grid;

Фон і зображення CSS
— Цвет фона;
— Загрузка изображения через CSS;
— Повтор изображения;
— Создание градиента в CSS;
— Фильтры в CSS.

Рамки та обведення CSS
— Создание рамок CSS;
— Создание радиусов CSS;
— Создание теней;
— Создание внешних рамок CSS;

Оживляємо сайт із CSS
— Переходы в CSS;
— Трансформации в CSS;
— Создание анимаций при помощи CSS3

Адаптивність CSS
— Проверка HTML и CSS на валидность;
— Медиа-запросы;
— Основные правила создания адаптивного сайта;
— Отличия резиновой верстки от адаптивной.

Векторні зображення
— Сохранение SVG-изображений в Illustrator;
— Создание SVG через теги;
— Base64;
— Cоздание паттернов SVG.

Верстка email-листів
— Правилам верстки email;
— Создание на примере;
— Сервисы, для выгрузки своего шаблона;
— Кроссбраузерная верстка.

Основи jQuery
— Библиотеки JavaScript;
— Добавление библиотеки jQuery на страницу;
— Основные селекторы;
— Фильтры jQuery;
— Отобразить и спрятать объект с jQuery.

Основи jQuery
— Обзор плагина jQuery UI;
— События наведения и смещения указателя мыши;
— Распространенные задачи, решаемые с помощью jQuery.

Популярні плагіни для роботи
— Слайдеры;
— Галерея изображений.

CSS-препроцесори
— Подробный обзор SASS;
— Краткий обзор LESS;
— Краткий обзор Stylus;
— Какой препроцессор выбрать для работы?

Створення сайту на безкоштовному хостингу Github
— Краткое описание систем контроля версий. Для чего они нужны?
— Регистрация на сайте Github;
— Создание репозитория;
— Наполнение репозитория файлами.

CSS-фреймворки
— Что такое CSS-фреймворки?
— Какие CSS-фреймворки существуют на сегодняшний день?
— Bootstrap: какую версию выбрать?
— Обзор элементов Bootstrap.

Про роботу і замовників
— Как найти свой первый заказ или устроиться на работу, если ты новичок;
— Выясним, что лучше подойдет именно тебе: офис, удаленная работа или фриланс;
— Самоорганизация и работа в команде: рассмотрим популярные сайты и приложения по управлению проектами;
— Список актуальных фриланс-бирж.

Програма просунутого курсу

Робота з макетом
— Детальный обзор учебного макета
— Работа с изображениями (PNG и SVG);

Розмітка сайту
— Методология БЭМ
— Создание разметки сайта HTML5
— Работа с Git для публикации кода

Налаштування оточення і збирачі проєктів
— Установка Node.js;
— Обзор сборщиков (Gulp, Grunt);
— Установка Gulp 4 для проекта.

CSS препроцесори
— Обзор CSS-препроцессоров (SASS, Less, Stylus);
— Программы компиляции и плагин VS Code;
— Использование на практике SCSS.

Система контролю версій (Git)
— Основы Git;
— Работы с Git;
— Создание Git репозитория;
— Ветвления Git.

Canvas, робота з SVG
— Основы Canvas
— Обзор основных параметров
— Основы SVG
— Самостоятельное построение SVG изображение без посторонних программ
— Оптимизация SVG-изображений из графических программ

Flexbox і Grid CSS
— Основы Flexbox
— Основы Grid CSS
— Что уместнее использовать в 2019 году?

Анімації та переходи для пожвавлення сайту
— Основы использования @keyframes
— Создание плавных переходов
— Работа с SVG

Інтерактивні карти Google і Yandex
— Как установить интерактивную карту на сайт?
— Какую карту выбрать?
— Стилизация карт
— Работа с API карт

Лічильники аналітики, sitemap
— Что такое счетчики аналитики и зачем они нужны?
— Методы установки счетчиков
— Настройка счетчиков
— Что такое Sitemap?
— Генерация файла Sitemap

Основи PHP і mySQL
— Основы PHP
— Основы mySQL
— Форма отправки
— Валидация форм

Оптимізація роботи сайту
— Валидация файлов HTML и CSS
— Определение скорости загрузки сайта
— Исправление ошибок
— Оптимизация изображений и кода

Оплата на сайт
— Как установить оплату на сайте?
— Автоматическая генерация кнопок для оплаты
— Список сайтов, предоставляющие услуги онлайн-касс

WordPress
— Что такое WordPress и кому подходит?
— Структура файлов
— Создание собственного шаблона
— Обзор полезных плагинов

Основи JavaScript
— Основные термины и синтаксис
— Что такое console.log
— Как работать с консолью
— Переменные и значения

Основи JavaScript
— Массивы
— Циклы
— Условные операторы
— Операторы сравнения
— Логические операторы

jQuery, jQuery UI та додаткові плагіни
— Основы jQuery
— Работа с плагином jQuery UI
— Для чего стоит использовать jQuery?
— Создание слайдера для сайта на практике.

Адаптивність
— Что такое @media
— Создание media запросов
— Что такое Mobile First верстка?

Вибір майданчика для роботи
— Офис: плюсы и минусы
— Удаленная работа: плюсы и минусы
— Фриланс: плюсы и минусы
— Обзор площадок
— Откуда стоит начать свой поиск заказчиков?

Пошук роботи
— Обзор крупнейшей площадки по поиску работы;
— Обзор региональных площадок;
— Linkedn: как оформить свой профиль, чтобы HR сами находили вас.

Чи потрібна реєстрація?

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

Як оплатити обраний курс?

Наш сайт приймає оплату за допомогою платіжної системи Way For Pay. Усі операції на нашому сайті безпечні і проходять з використанням шифрованого SSL з'єднання. Ми не збираємо і не зберігаємо ваші платіжні дані. Платіжна система повністю гарантує безпеку платежів.

Наразі доступні такі способи оплати:

  • Банківська картка (будь-яка)
  • Приват24
  • G pay
  • Apple pay
  • Каса Visa
  • Masterpass
  • Мгновенная рассрочка и оплата частями для владельцев карт ПриватБанку
  • Розстрочка для власників карток Monobank, Ощадбанк, Райффайзен, А-Банк, ОТР Банк, Глобус Банк, Sportbank

 

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

Якщо жоден з перерахованих способів оплати вам не підходить, напишіть нам: info@siluette.com.ua або скористайтеся чатом у правому нижньому кутку сторінки нашого сайту. Ми обов'язково допоможемо.

Як отримати оплачені матеріали?

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

Після оплати - система автоматично направить вас в особистий кабінет у розділ ①"Завантаження". Тут буде список ваших оплачених матеріалів і посилання на скачування②.

Або натисніть у правому верхньому кутку сайту пункт Мій акаунт, введіть пошту і пароль, який ви придумали, коли оформляли замовлення. У розділі Завантаження є посилання на скачування.

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

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

Відгуки

Відгуків немає, поки що.

Будьте першим, хто залишив відгук “Курс верстальщиков”“

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *