Распродажа!

Курс верстальщиков

390 грн

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

Хочешь верстать быстро, уверенно, адаптивно, кроссбраузерно и современно? Этот видео курс именно для этого и создан.

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

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

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

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

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

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

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

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

Кому полезен этот курс?

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

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

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

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

SMMщикам – Работа 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 checkout
  • Masterpass
  • Мгновенная рассрочка для владельцев карт ПриватБанка
  • Рассрочка для владельцев карт Monobank

 

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

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

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

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

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

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

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

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

Отзывы

Отзывов пока нет.

Будьте первым, кто оставил отзыв на “Курс верстальщиков”

Ваш адрес email не будет опубликован.