Освой профессию с гарантированным трудоустройством,
а не стажировкой!

Курс:
HTML верстка сайтов 2-й уровень

Начать обучение
HTML CSS Chrome FireFox Atom WordPress Sublime Text Brackets.io Draw.io Notepad++ Metrika Analitics

Курс: HTML верстка сайтов 2-й уровень

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

Курс состоит из тренингов, тренинги состоят из уроков, уроки состоят из: видео, текста, проверочных тестов и домашних заданий.

В среднем наши ученики проходят курс "HTML верстка сайтов 2-й уровень" за 120 часов, включая время на домашние задания.

Вы можете проходить тренинги в любом удобном для вас порядке.

тренинг HTML и CSS для продвинутых и адаптивная верстка
Тренинг: HTML и CSS для продвинутых и адаптивная верстка
Программа
  1. Вводный урок в HTML для продвинутых
  2. css-tricks.com и другие полезные ресурсы для frontend-разработчика
  3. Раздел 1. HTML5 extended
  4. Полный список тегов, которые обязательно надо знать
  5. Тег А - создаем якоря
  6. Теги embed и object
  7. Отличия HTML 5 от HTML4
  8. HTML5 header и footer
  9. Тег nav
  10. Теги section, aside, main, article
  11. fieldset и legend - теги для группировки элементов форм
  12. HTML5 элементы форм
  13. Аудио и видео. Адаптивное видео с Ютуба на сайте
  14. Мнемоники в HTML и HTML сущности
  15. Меняем цвет браузера на Android 4+ с помощью мета тега meta theme color
  16. Плавно меняем цвет браузера на Android 4+ (meta name theme-color)
  17. HTML5 теги в ФиксМед
  18. Раздел 2. CSS extended
  19. Все CSS селекторы
  20. Список CSS свойств который должен хорошо знать каждый верстальщик сайтов
  21. CSS свойство animation - анимация на чистом CSS
  22. CSS переходы transition
  23. Трансформация и Преобразования в CSS. transform, translate, rotate и другие
  24. Отзывчивость в CSS
  25. Перенос слов в CSS и проблемы с длинными словами
  26. Нормализация стилей. Роль файла normalize.css, reset css
  27. CSS переменные
  28. Высота 100% Height
  29. Курсоры на сайте
  30. Позиционирование элементов css
  31. Примеры css анимации
  32. Анимированный border
  33. Задание на CSS анимацию (бегать по квадрату)
  34. Задание на CSS анимацию (бегать по диагонали)
  35. Задание на CSS анимацию (менять цвет и размер)
  36. Организация отступов в верстке
  37. Делаем красивый input[type=file] для адаптивного сайта
  38. Кастомные чекбоксы checkbox по правильному
  39. Стилизуем placeholder при помощи CSS.
  40. Снежинки на чистом CSS3 без Javascript на сайт
  41. сalc() в CSS3
  42. Как изменить цвет и фон выделения на сайте в html5
  43. Задание: Кричащая кнопка
  44. CSS currentColor
  45. Красивые фоны для сайта на чистом css 3
  46. Креативные эффекты анимации и переходов для ссылок и меню
  47. 5 методов создания выпадающего меню Dropdowd Menu
  48. Раздел 3. Обзор редакторов кода и графических редакторов с точки зрения верстальщика
  49. HTML верстка сайта в Figma
  50. Adobe Photoshop для верстальщика
  51. Avocode - онлайн редактор PSD для верстальщика
  52. Sublime text самые горячие клавиши
  53. Сниппеты в Sublime Text
  54. Установка emmet на Sublime Text
  55. Выбор и настройка IDE для верстальщика
  56. Сравнение программ для работы фронтенд-разработчика
  57. Раздел 4. Адаптивная верстка. Теория и практика.
  58. Про маштабирование сайта в браузере и в Виндовс
  59. Media запросы в CSS - азы адаптивной верстки
  60. Тег meta viewport
  61. Что такое адаптивная верстка
  62. Как убрать горизонтальную прокрутку 3 метода
  63. Макет РезиноМед сверстать
  64. Проект Клад. Делаем чужую верстку адаптивной. Что делать с двумя сайдбарами
  65. Сверстать магазин суши
  66. Адаптивность и еще раз адаптивность
  67. Сверстать фитнес клуб Вова
  68. Раздел 65. Оптимизация работы верстальщика: task менеджеры, сборщики и др
  69. Как правильно и быстро верстать сайты
  70. Что должен уметь HTML верстальщик
  71. Основы Gulp
  72. Сверстать фитнес клуб Рубикон
  73. Раздел 6. Препроцессоры SASS и другие
  74. SCSS и Sass
  75. HAML
  76. Сверстать Балтику
  77. Верстка интернет-магазина пиццы
  78. Ваши предложения
  79. Раздел 7. Изображения extended
  80. SVG
  81. WebP
  82. Оптимизация изображений в вебе по взрослому
  83. Создание собственного шрифтового набора иконок Icon Pack с помощью Fontello
  84. Наборы иконок: fontAwesome и другие
  85. CSS Фильтры над изображениями
  86. CSS спрайты
  87. DataURI Base64 для изображений. Онлайн конвертеры.
  88. Ваш отзыв
  89. Раздел 8. Полезности
  90. Задача на Зафиксированное меню и решение
  91. Сверстать магазин Суши и Роллы 2
  92. Адаптивная верстка email писем с Foundation for Emails
  93. Шикарная CSS анимация для кнопок
  94. БЭМ (Блок-Элемент-Модификатор) и другие методологии web-разработки
  95. Анимация CSS вертикальный переворот флип vertical flip
  96. Google Page Speed Insights 100 из 100 Часть 1
  97. Google Page Speed Insights 100 из 100 Часть 2
  98. CSS clip-path
  99. Кнопки Напомнить и Поделиться от Яндекса
  100. Виджет Вконтакте для сайта вставляем адаптивный
  101. Делаем особую нумерацию списков
  102. Делаем геометрические фигуры на CSS
  103. 3D объекты на чистом CSS
  104. Что дальше?
  105. Загрузка шрифтов FOUT, FOIT, FOFT
  106. CSS object-fit
  107. Неочевидные возможности Chrome DevTools для верстки
  108. css appearance - стилизация под операционную систему
  109. Единицы измерения в CSS: px, %, em, rem и другие
  110. Принудительное обновление кэша браузера со стороны сайта
тренинг JavaScript для начинающих
Тренинг: JavaScript для начинающих
Программа
  1. Введение в JavaScript
  2. Первый скрипт - Привет, мир!
  3. Внешние скрипты и подключение js файлов
  4. Ждем загрузки документа: DOMContentLoaded, load, beforeunload, unload
  5. Порядок загрузки скриптов и асинхронные скрипты: defer/async
  6. Структура JS кода и точка с запятой
  7. Комментарии в JavaScript
  8. Современный стандарт и use strict
  9. Переменные, имена переменных и константы в JavaScript
  10. Как правильно назвать переменную?
  11. Шесть типов данных в JS
  12. Оператор typeof
  13. Основные операторы и термины: «унарный», «бинарный», «операнд»
  14. Операторы сравнения и логические значения
  15. Взаимодействие с пользователем: alert, prompt, confirm
  16. Условные операторы: if и ? (тернарный)
  17. Азы отладки JS и console.log()
  18. Задача: калькулятор prompt
  19. Логические операторы в JavaScript
  20. Преобразование типов
  21. Циклы while, for
  22. Задача: калькулятор prompt 2
  23. Конструкция switch
  24. Создание собственных функций в JavaScript
  25. Функциональные выражения Function Expression
  26. Рекурсия и стек
  27. Генерация случайного числа Math.random()
  28. Контрольная работа №1 по JavaScript
  29. Введение в методы и свойства
  30. Работа с числами в JavaScript
  31. Работа со строками в JavaScript
  32. setTimeout и setInterval
  33. DOM и BOM
  34. Дерево DOM
  35. Навигация по DOM-элементам
  36. getElementById или просто id
  37. getElements*
  38. querySelectorAll, querySelector и другие
  39. innerHTML и outerHTML
  40. Атрибуты, *Attribute и DOM-свойства
  41. Калькулятор расчета стоимости часа на JS
  42. Изменение документа
  43. Задача: проход по таблице и печать
  44. Работа с CSS стилями, style, getComputedStyle. CSS свойства узлов
  45. Задача на перенос строк таблицы
  46. Задача на скрытие блоков Знаю
  47. VK API
  48. Размеры и прокрутка элементов, offset*, client*, scroll*
  49. Размеры и прокрутка страницы
  50. Координаты в окне
  51. Координаты относительно document
  52. Подведение итогов и Контрольная работа №2 по JS
  53. Введение в браузерные события
  54. Действия браузера по умолчанию и отмена событий
  55. Отправка формы: событие и метод submit
  56. Задача: Генератор шаблонов и генерация ZIP архива на JS
  57. Курсовая работа по JavaScript
  58. Бонусы
тренинг Bootstrap для начинающих
Тренинг: Bootstrap для начинающих
Программа
  1. Вводный урок
  2. Что такое Bootstrap и зачем он нужен?
  3. Установка Bootstrap
  4. Поддерживаемые браузеры
  5. Bootstrap v4. Сетка. Layout grid System. Подробное руководство
  6. Скрытие элементов в Bootstrap 4, утилиты управления css display, margin and padding
  7. Как в Bootstrap 4 сделать Блоки одинаковой высоты
  8. Bootstrap горизонтальное и вертикальное выравнивание
  9. Контент в Bootstrap: типографика, текст, изображения, таблицы и пр
  10. Alerts для уведомлений, сообщений и пр
  11. Адаптивное меню navbar bootstrap
  12. Модальные окна bootstrap modal
  13. Цвета в bootstrap colors
  14. Кнопки и ссылки Bootstrap buttons
  15. Верстка форм на бутстрап bootstrap forms
  16. Хлебные крошки breadcrumb в Bootstrap 4
  17. Bootstrap cards карты, карточки
  18. Задача: первая практика верстки на Bootstrap 4
  19. Bootstrap badges
  20. Пагинация pagination
  21. Уведомления, toasts
  22. Делаем правки в адаптивном сайте работаем с Bootstrap
  23. Сверстать Лендинг на бутстрап 4
  24. Сверстать фитнес клуб на bootstrap 4
  25. Сверстать Балтик на бутстрапе
  26. Практика верстки интернет-магазина пиццы на bootstrap 4
  27. Bootstrap 4 генератор или как подключить к проекту только нужные компоненты и части
  28. CSS переменные в Bootstrap
  29. Фитнес клуб. Часть 2
  30. Сброс стилей - reboot и несколько советов
  31. Кратко про остальные разделы официальной документации
тренинг jQuery для начинающих
Тренинг: jQuery для начинающих
Программа
  1. Введение в jQuery
  2. Методы jQuery
  3. Манипуляции HTML-элементами
  4. События jQuery
  5. Методы объекта window
  6. Чтение и изменение CSS-свойств, классов и атрибутов
  7. Задача на скрытие блоков с помощью hide()
  8. Задача на перенос блоков Знаю используя jQuery
  9. Селекторы jQuery
тренинг UserCMS для продвинутых администраторов
Тренинг: UserCMS для продвинутых администраторов
Программа
  1. Вводный урок
  2. Раздел 1. Темизация UserCMS - создание своей темы. Часть 1
  3. Темизация UserCMS - создание своей темы. Часть 2. Константы UserCMS
  4. Папка pages
  5. Файлы темы. Если файлов тем два и более
  6. Раздел 2. Практика темизации. Адаптировать ФиксМед. Типичные ошибки адаптации верстки (натягивание верстки на движок)
  7. Обзор ошибок при разработке реального сайта
  8. Адаптировать верстку ClearFigure
  9. Адаптировать Hielo или Intelcify
  10. Задание на использование констант в теме ФиксМед
  11. Стандарт темы для UserCMS
  12. Задача: сделать боковое меню ФиксМед двухуровневым
  13. Раздел 3. Структура UserCMS, роутинг. где что находится и как найти нужный файл?
  14. Еще раз учимся находить и исправлять баги в UserCMS
  15. Usercms - видео урок - как найти и отредактировать любой элемент на сайте
  16. Как изменить любой элемент на сайте легко и быстро UserCMS
  17. Как найти и редактировать модули под себя
  18. Как найти и редактировать модули в Usercms на примере боковой панели и блока
  19. Как обновить UserCMS до последней версии
  20. Нельзя ничего менять в папке user_cms. Как быть?
  21. Добавить новости в ФиксМед, закрепляем правки ядра без изменения папки usercms
  22. Раздел 4. Работа с контентом и визуальные редакторы WYSIWYG
  23. Как вставить любой HTML, PHP или JavaScript код. Блок и плагины custom_html и custom_script. Закрепляем на Фиксмед
  24. UserCMS склейка внутренних страниц 301 редирект
  25. Установка TinyMCE, настройка, подключение файлового менеджера, практика использования
  26. Заполнить ФиксМед. Типичные ошибки при наполнении сайта контентом
  27. Установка CKEditor, настройка CKEditor и создание модуля аддона
  28. Еще раз про резервные копии и бэкапы в UserCMS
  29. Раздел 5. Перенос сайта на хостинг на UserCMS и создание резервной копии
  30. Как перенести сайт с одного хостинга на другой (Дом ребенка)
  31. Как перенести сайт если есть доступ только к FTP. Закрепляем на Фиксмед
  32. Как зарегистрировать домен и выложить сайт в интернет (реальный проект: экскурсии)
  33. Раздел 6. Практика работы с UserCMS. Доводим до идеала сайты: ищем битые ссылки с помощью программы Xenu
  34. Запускаем проект Работа, доводим до рабочего состояния
  35. Наводим порядок на проекте Экскурсии и запускаем в работу
  36. Разработка сайта под ключ на UserCMS с нуля. Цикл из видео уроков на 10+ часов
  37. Как сделать адаптивный сайт на Bootstap из уже существующего
  38. ФиксМед. Второй файл темы для главврача
  39. Раздел 7. Как разместить Элемент только на Главной. Вариант 1. В текст страницы
  40. Как разместить Элемент только на Главной. Вариант 2. С использованием позиций и блока
  41. Как разместить Элемент только на Главной. Вариант 3. Используя IS_MAIN_PAGE
  42. Как разместить Элемент только на Главной. Вариант 4. Несколько файлов темы.
  43. Как разместить Элемент только на Главной. Вариант 5. Подпапка pages в themes
  44. Доработать главную ФиксМед согласно макета
  45. Раздел 8. Разные полезности. SSL + httpS + UserCMS
  46. Файловые менеджеры в UserCMS и eXtplorer
  47. Как установить счетчик Яндекс метрики в UserCMS
  48. Вставить формы на сайт ФиксМед
  49. Обновить FavIcon на Фиксмед
  50. Трехуровневое выпадающее меню в ФиксМед
  51. ФиксМед - наводим порядок со структурой
  52. Курсовая: сделать сайт Персона
  53. Бонусы тренинга
тренинг Git, GitHub.com и системы контроля версий
Тренинг: Git, GitHub.com и системы контроля версий
Программа
  1. Что такое системы контроля версий, git и guthub com
  2. Словарь для всех систем контроля версий
  3. Установка Git
  4. Введение в Git и официальная документация
  5. Самые популярные команды для работы с Git и GitHub.com
  6. Работа с git для новичков UserCMS часть 2 - Pull request
  7. Откат коммитов, git cherry-pick, git fetch

Как проходят занятия

01
В случае очного формата, с вами свяжется ваш Наставник и обговорит дату и время первого занятия.
В случае онлайн формата, сразу после оплаты, вы получаете доступ к тренингам в личном кабинете. Вам не нужно никуда ехать, для обучения вам понадобятся самые простые наушники, компьютер и интернет.
02
Постепенно, в удобном для вас режиме и графике, проходите уроки, выполняете домашние задания.
03

За вами закрепляется Наставник, которому вы можете в любое время задать любое количество вопросов. Мы гарантируем, что все домашние задания будут проверены, и ни один вопрос не останется без ответа! Мы будем постепенно вести вас к цели - трудоустройству.

Пройдя курс, вы будете обладать следующими навыками:

Хотите узнать? Позвоните или напишите нам! Покажем примеры работ наших учеников.

Помимо навыков вы будете иметь:

Минимум 3 проекта в вашем портфолио! Заготовки, шаблоны для автоматизации вашей работы.

По окончании вы получите сертификат на каждый тренинг:

Сертификат об окончании
sertificate
Но помните, что вашим лучшим дипломом будут знания, портфолио, опыт и гарантированное трудоустройство!

Ваша программа обучения максимально эффективна

потому что мы придерживаемся 2-х простых правил

ПРАВИЛО №1: НИКАКОЙ ЗУБРЕЖКИ

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

ПРАВИЛО №2: ПРАКТИКА И МНОГО ПРАКТИКИ

На наших курсах вы будете много практиковаться, а лучшие ученики будут допущены к реальным проектам уже во время учебы.

Сравните удобство обучения

Наш формат

Обычные курсы

Перенос занятий в случае болезней и прочих непредвиденных обстоятельств
Занятия в любое удобное для вас время, даже ночью, с удобным графиком
Не надо тратить время на дорогу и пробки
Возможность задать неограниченное количество вопросов наставнику
Не надо дожидаться занятия или подходящего времени, чтобы задать вопрос наставнику
Гарантия ответа на все вопросы
Гарантия проверки всех домашних заданий
Ручная проверка домашних заданий с указанием ошибок, и повторной проверкой в случае переделки
Не нужно дожидаться начала группы, у нас вы можете начать заниматься уже сегодня сразу после оплаты
от 694 руб/мес в рассрочку
Стоимость обучения
от 2083 руб/мес

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

Еще не определились с профессией?

Думаете что не станете востребованным специалистом?

Вам кажется что будет сложно?

В таком случае пройдите наш тест и куратор вручную проанализирует ответы и вышлет вам результаты.

Тест займет всего 3 минуты

Часто задаваемые вопросы
Если вы не обладаете элементарными навыками работы за компьютером, то вам будет сложно. Однако мы подготовили курс так, что получится у любого, кто хоть немного знаком с компьютером. У нас были случаи, когда ученик не смог самостоятельно установить программу, но наставник помогал и все проблемы и сложности решались, именно для этого и существуют наши наставники
Для тех, кто ещё нетвёрдо уверен в своём намерении, мы создали пробное занятие, которое поможет получить ответ на этот вопрос. Если вы убедитесь, что эта профессия не для вас, это тоже положительный результат.
Все зависит от вашей эффективности и времени, которое вы выделите на обучение. Если уделять занятиям в среднем 15 часов в неделю(читать и смотреть теорию, выполнять задания, разрабатывать проекты и общаться с наставником) то в эти сроки можно уложиться. В среднем 1й уровень проходят ученики за месяц, второй - за два.
Для старта достаточно иметь начальные знания компьютера и возможность заниматься 10-15 часов в неделю.
Программа составлена опытными преподавателями, методологами и практикующими специалистами в действующих digital агентствах
Обучение строится из трёх составляющих: теория, домашнее задание для самостоятельной практики и работа с наставником. График свободный, но в личном кабинете есть раздел Прогресс, где вы видите сколько уже прошли, сколько осталось и сколько нужно проходить ежедневно, чтобы уложиться в сроки. С наставником вы можете общаться круглосуточно в чате под каждым уроком.
Если вы понимаете, что нужно сделать паузу или получить дополнительное время для закрепления материала, у вас есть возможность остановиться в любой момент. Мы выдаем доступ к тренингам с большим запасом, чтобы ученик мог сделать перерыв или даже уйти в отпуск.
Да, мы не только поможем, но еще и трудоустроим. Процесс происходит следующим образом: на втором уровне мы предлагаем ученику вакансии компаний (наших гарантов и партнеров), ученик выбирает понравившуюся, далее мы связываемся и уточняем требования для трудоустройства, и корректируем программу обучения под эти требования, чтобы ученик наверняка был трудоустроен. К концу обучения ученик согласовывает тему дипломной работы с гарантом и по выполнению дипломной работы трудоустраивается.
Можно оплатить курс или профессию сразу, на них часто действуют скидки. Можно оплатить в рассрочку на 12 месяцев без скидки.
Да, 100% возврат без лишних условий в течение 10 дней с момента оплаты.
Не нужно знать английский, чтобы приступить к обучению. Необходимые знания вы получите в процессе.
НЕТ
Дополнительных вложений и оплат не потребуется, весь софт, программы, заготовки мы предоставим бесплатно. Вам лишь потребуется любой компьютер (желательно по мощнее), можно даже планшет и хороший интернет.
ДА
Наши ученики совмещают наши курсы с работой и учебой благодаря свободному графику. В случае болезни или аврала на работе, сессии на учебе вы сможете приостановить обучение и вернуться к обучению (доступ выдается на 90 дней, при среднем прохождении тренинга за 30 дней).
50000 руб\мес
Разброс зарплат большой, в первую очередь он зависит от того как вы будете проходить обучение и как выполните дипломную работу, и конечно же от вашей личной эффективности.

Гарантированное трудоустройство!

По окончании обучения и сдачи дипломной работы веб-программистам, аккаунт-менеджерам и интернет-маркетологам мы гарантируем трудоустройство! То есть мы не просто помогаем составить резюме, а даем вам настоящую работу!

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

Мы уверены в своих силах, поэтому предлагаем

Попробовать бесплатно

Онлайн+чат

  • Индивидуальные занятия с куратором в Telegram
  • Персональный наставник на тренинг
  • Персональный чат с наставником под каждым уроком
  • Ручная проверка домашних заданий с указанием ошибок, и повторной проверкой в случае переделки
  • Круглосуточная обратная связь в чате
  • Индивидуальный график обучения
  • Занятия с наставником в Skype/Telegram/Zoom/WhatsApp
  • Офлайн занятия в офисе с наставником

ОФФлайн+Онлайн+чат

  • Индивидуальные занятия с куратором в Telegram
  • Персональный наставник на тренинг
  • Персональный чат с наставником под каждым уроком
  • Ручная проверка домашних заданий с указанием ошибок, и повторной проверкой в случае переделки
  • Круглосуточная обратная связь в чате
  • Индивидуальный график обучения
  • Занятия с наставником в Skype/Telegram/Zoom/WhatsApp
  • Офлайн занятия в офисе с наставником
В любой момент вы можете поменять формат обучения
Бесплатный доступ выдается на 1 месяц
c