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

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

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

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

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

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

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

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

тренинг HTML и CSS для начинающих
Тренинг: HTML и CSS для начинающих
Программа
  1. Введение в HTML 5 и CSS 3
  2. Установка необходимых программ
  3. Как проверяются домашние задания
  4. Из чего состоят сайты
  5. Синтаксис HTML и что такое атрибуты тегов
  6. Минимальная структура html 5 документа (страницы)
  7. Тег BR для переноса строки (каретки на новую строку)
  8. Тег IMG и его атрибуты
  9. Тег P - параграф или абзац
  10. Теги H1, H2 - H6
  11. Теги списков ul, ol, li
  12. Оптимизация изображений в вебе, форматы изображений, онлайн оптимизаторы
  13. Валидатор HTML validator.w3.org
  14. Справочники HTML и официальная документация
  15. Полный список одинарных тегов в HTML
  16. Теги em и i - делаем текст наклонным
  17. Тег b или STRONG? Какой лучше? Тег S
  18. Тег комментирования
  19. Тег DIV
  20. Тег А - создаем ссылки на сайте
  21. Актуальные атрибуты тега А
  22. Относительные и абсолютные адреса
  23. Якорь в HTML или ссылки на определенное место на странице
  24. Тег LINK и что такое FAVICON.ico Сервис realfavicongenerator.net
  25. Тег SPAN
  26. Теги для создания таблиц
  27. Тег iframe
  28. Тег ADDRESS
  29. Теги SUB и SUP
  30. Знакомство с JSfiddle.net, plnkr.co, codepen.io
  31. Введение в CSS
  32. Способы подключения CSS к html странице, тег LINK, тег STYLE, атрибут STYLE
  33. Синтаксис CSS, Селектор тега
  34. Классы как селектор в CSS
  35. Идентификаторы в CSS или просто ID
  36. Контекстный селектор или селектор потомков
  37. Контекстный селектор. Часть 2
  38. Популярные псевдоклассы :hover, :last-child, :first-child, :first-of-type
  39. Специфичность в CSS - про приоритет правил
  40. Решение проблем с приоритетом правил
  41. Инспектор кода Chrome Dev Tools
  42. Свойство COLOR и расширение colorzilla
  43. CSS Свойство font-size, единицы rem
  44. CSS background-color задает цвет фона
  45. Цвет в CSS
  46. Как сделать полупрозрачный фон?
  47. Закрепляем типы селекторов
  48. Как задать желтый цвет фона одному слову, а не всему параграфу?
  49. Как задать фоновую картинку правильно background-image
  50. background-repeat повторение фона
  51. CSS background position
  52. background attachment
  53. CSS линейный градиент. Генераторы.
  54. Задача на использование градиента
  55. CSS свойство background
  56. Как задать несколько фоновых картинок для одного тега (элемента)?
  57. Внутренний отступ padding
  58. Внешний отступ margin. Схлопывание margin
  59. CSS border - как задать границу элементам?
  60. Как правильно задать ширину и высоту элементам, box-sizing
  61. Минимальная и максимальная высота и ширина, 100%, vh, vw
  62. Как скруглить углы? border-radius
  63. CSS Display block inline и сравнение блочных и строчных элементов.
  64. CSS text-decoration
  65. CSS свойство FLOAT и CLEAR
  66. Как разместить два DIV в один ряд - три способа
  67. FlexBox. Часть 1.
  68. FlexBox. часть 2 практическое применение
  69. Задачи на css флексбокс. Практика верстки новостей
  70. Практика верстки галереи фото
  71. CSS обзор font-family
  72. CSS Список стандартных шрифтов. Сервисы распознавания шрифтов
  73. CSS Как использовать свой, нестандартный шрифт? @font-face практическое применение, Google Fonts
  74. Контрольная работа
  75. Практика верстки Урок 1 введение
  76. Практика верстки Урок 2 Основная структура html документа. Как создать html каркас по макету сайта используя css flex
  77. Практика верстки Урок 3 задаем ширину каркасным элементам
  78. Практика верстки Урок 4 Мелкие правки по каркасу
  79. Практика верстки Урок 5 Верстаем шапку сайта, логотип, телефон, заказ звонка. Расширение Pixel Perfect
  80. Практика верстки Урок 6 Верстаем верхнее меню
  81. Практика верстки Урок 7 Делаем боковую панель и контент в ряд
  82. Практика верстки Урок 8 Верстаем боковую панель и левое меню
  83. Практика верстки Урок 9 Верстаем цитату и Контент
  84. Практика верстки Урок 10 Верстаем блок Наши преимущества
  85. Практика верстки Урок 11 Верстаем футер
  86. Практика верстки Урок 12 Верстаем внутреннюю страницу
  87. Практика верстки Урок 13 Доверстываем внутренюю
  88. Практика верстки. Макет Народная качалка. Решение проблем с отображением шрифтов в GIMP
  89. Все что можно сделать через CSS - делайте!
  90. Задача: сверстать макет Хрусталь. Типичные ошибки.
  91. Задача: сверстать Flower Studio
  92. Подсказки по макету ФиксМед
  93. 4 способа решения верстки с верхним меню в ФиксМед
  94. Сверстать ФиксМед
  95. Как выложить верстку в интернет на свой домен
  96. Возможности HTML и CSS
  97. Задача: завести папку для портфолио с верстками
  98. Технические требования к верстке. Версия 2.3
  99. Отзыв о тренинге или курсах
  100. Доработать главную страницу ФиксМед
  101. Практика верстки резиновых макетов. Фитнес клуб.
  102. Что дальше?
  103. Как практиковаться? Где брать бесплатные шаблоны PSD?
тренинг Оптимизация работы за компьютером
Тренинг: Оптимизация работы за компьютером
Программа
  1. Вводный урок
  2. Как делать скриншоты быстро и эффективно с помощью Joxi
  3. Есть Решение (ответ на задание), а есть вопрос или комментарий
  4. Как открыть ссылку в фоновой вкладке
  5. Копирование, вставка, вырезание
  6. Другие горячие клавиши
  7. Дополнительные пользователи операционной системы
  8. Облачные хранилища данных
  9. Как расшарить файл в Яндекс.Диск и Google.Drive, Гугл.Документы, Гугл.Таблицы
  10. Google Документы
  11. Ускоряем компьютер
  12. LibreOffice
  13. Поиск файлов на жестком диске
  14. Работа с почтой. Введение
  15. Работа с почтой - правила деловой переписки
  16. Обзор почтовых сервисов
  17. Архиваторы
  18. Как ускорить Windows
  19. Как пропылесосить компьютер и зачем это нужно?
  20. Как установить или переустановить Windows
  21. Как грамотно планировать свои дела и не забывать о них. Часть 1
  22. Как ничего не забыть? Органайзеры, напоминания и календари. Часть 2
  23. ToDoist.com, Trello.com и планирование дел и задач. Часть 3
  24. Обучение слепой печати
  25. Обучение слепой печати - расстановка пальцев и другие советы
  26. Практикуемся в слепой печати с помощью Stamina
  27. Драйвера
  28. Punto Switcher и как с ним подружиться
  29. Расширение файлов
  30. 20 ошибок пользователей
  31. Выделение текста с помощью клавиатуры
  32. Лишнее нажатие на клавиши
  33. Про формат PDF
  34. Виртуализация
  35. Сравнение Office 365 и Word Online (Excel Online)
  36. Установка Linux для новичков
  37. Материнская плата и слоты расширения
  38. Мегабайт или мегабит?
  39. Архиваторы
  40. Файловые менеджеры и Unreal Commander
  41. Стоит ли покупать SSD?
  42. Берегите глаза
  43. Чистка компьютера от мусора
  44. Малые графические редакторы
  45. ЛайфХак по сохранению файлов
  46. Как сделать текст под углом в Google Таблицах?
  47. Практика по Excel и Гугл.Таблицы
  48. Как сделать текст размытым в программе Pinta
  49. Как обрезать лишнюю часть в изображении с помощью Pinta
  50. Как нарисовать стрелочку в Pinta
  51. Безопасность. Самый разыскиваемый хакер в истории!
  52. Не путайте Гугл Аккаунт и GMAIL
  53. Как в Гугл Таблицах сделать строки и\или столбцы закрепленными (прижатыми)?
  54. Ставим напоминание
  55. Как в Гугл Таблицах добавить несколько строк или столбцов?
  56. Как в Гугл Таблицах нескольким строкам сделать одинаковую высоту, а столбцам одинаковую ширину?
  57. Еще немного про организацию рабочего email
  58. Шкала прогресса
  59. Улучшаем тренинг
  60. Виды USB разъемов
  61. Задача Города по работе с Гугл Таблицами
  62. Блокировка рекламы Adblock
  63. Ваш отзыв
  64. Draw.io, Free Mind - рисуем графики, диаграммы, схемы и карты памяти
  65. Бонусы и решения к тренингу Компьютер для продвинутых
тренинг Введение в Разработку сайтов
Тренинг: Введение в Разработку сайтов
Программа
  1. О чем данный тренинг?
  2. Основные типы сайтов
  3. Этапы разработки сайта
  4. Самый легкий способ создания сайта
  5. Все методы создания сайтов
  6. Терминология в web разработке
  7. Знакомство с конструкторами сайтов
  8. Веб-разработчики полный список
  9. Этап 1. Проектирование сайта. Основы
  10. Составление ТЗ. Примеры ТЗ
  11. Прототипирование или эскизирование сайтов
  12. Этап 2. Рисуем дизайн сайта
  13. Типы макетов: Резиновый, фиксированный и адаптивный
  14. Что такое адаптивный сайт
  15. Образцы макетов
  16. Этап 3. Верстка сайта
  17. HTML + CSS
  18. Процесс html верстки
  19. Этап 4. Программирование сайта, CMS, CMF
  20. Что такое CMS? И их типы
  21. Самые распространенные CMS?
  22. Веб-мастер универсал
  23. А если нужен нестандарт или функционал движка не устраивает?
  24. Языки программирования в веб-разработке
  25. JavaScript
  26. PHP
  27. Что такое стек технологий
  28. Раздел: Домены, хостинг, сервера
  29. Синонимы и псевдонимы
  30. Что такое поддомен?
  31. Знакомство регистратором и хостером
  32. Знакомство с REG.RU
  33. Как зарегистрировать домен
  34. Корпоративная почта или почта для домена
  35. Смена Регистратора домена и Администратора домена, перенос домена
  36. Перенос домена с использованием authInfo кода
  37. Что такое DNS? Зачем они? И как их поменять?
  38. Типы хостинга и что такое хостинг? Что такое VDS? VPS?
  39. Веб Архив интернета www.archive.org/web/
  40. Ваш отзыв - самое важное
  41. Бонусы: Обзор резиновых и фиксированных макетов, ошибки учеников и другое
  42. Заявки с сайта попадают в спам? Есть решение (и даже несколько)!
тренинг Разработка лендинга под ключ
Тренинг: Разработка лендинга под ключ
Программа
  1. Введение в разработку лендинга
  2. Знакомство с Bootstrap
  3. Установка и подключение bootstrap
  4. Задаем основную структуру
  5. Верстаем верхнее меню bootstrap navbar
  6. Подключаем шрифт с Google Fonts
  7. Верстаем первый блок с Главным дескриптом заголовком
  8. Верстаем блок с цифрами
  9. Верстаем блок с тарифами или Наши услуги
  10. Верстаем инлайн форму bootstrap 4
  11. Верстаем блок Гарантии
  12. Верстаем блок Сотрудники
  13. Верстаем блок Схема сотрудничества
  14. Верстаем блок Контакты
  15. Верстаем модальные окна modal bootstrap 4
  16. Вставляем иконки используя Font Awesome
  17. Плавный скроллинг к элементу по клику и якорю
  18. Вставляем кнопку плавной прокрутки вверх back to top scrollToTop
  19. Натягиваем верстку на CMS
  20. Встраиваем формы для заявок согласно 152 ФЗ о защите персональных данных
  21. Доводим сайт до идеала и показываем модальное окно после перезагрузки страницы
  22. Добавляем ненавязчивое приглашение через 15 секунд
  23. Как создать резервную копию и восстановить ее на UserCMS
  24. Курсовая работа по лендингу
  25. Бонусы
тренинг UserCMS для начинающих администраторов
Тренинг: UserCMS для начинающих администраторов
Программа
  1. Вводный урок
  2. Что такое CMS?
  3. UserCMS обзор преимуществ и недостатков
  4. Подготовка к установке, требования UserCMS
  5. OpenServer установка
  6. Создаем локальные хосты в OpenServer
  7. Установка UserCMS
  8. Публичная часть и админка
  9. Как попасть в админку UserCMS
  10. Первый обзор панели управления и как редактировать и удалять страницы
  11. Как создать страницу в UserCMS
  12. Как создать резервную копию на UserCMS и восстановить ее
  13. Работа с меню в UserCMS
  14. Как установить свою тему в UserCMS
  15. Типы модулей в UserCMS
  16. Работа с формами
  17. Работаем с конструктором форм в UserCMS плагин FeedBack 2.0
  18. Как сменить email для заявок?
  19. Как восстановить пароль Администратора?
  20. Восстанавливаем резкопию сайта и пароль администратора UserCMS
  21. Что такое Favicon.ico? Как обновить кэш FavIcon
  22. Как заменить FavIcon.ICO
  23. Правильное наполнение контентом
  24. Работаем с галереей
  25. Работаем с новостями
  26. Как правильно вставить карту на сайт (плагины custom_html и custom_script)
  27. Очень важно
  28. Разместить сайт в интернете и бонусы от партнера
  29. Интеграция UserCMS и Битрикс24 CRM
  30. Интеграция UserCMS и Amo CRM
  31. Как создать почту на своем домене
тренинг Профессии, трудоустройство и карьера в IT
Тренинг: Профессии, трудоустройство и карьера в IT
Программа
  1. Вводный урок
  2. Ваши ожидания от наших курсов
  3. Базовые знания
  4. Что нужно для трудоустройства
  5. Как составить резюме?
  6. Портфолио: как оформить и как наработать
  7. Откуда черпать информацию
  8. Специализации
  9. Узкая специализация
  10. Практика, практика и еще раз практика
  11. Обзор вакансий
  12. Ваш профиль аккаунта и уведомления
  13. Фриланс и удаленка
  14. Тест Белбина - ваша роль в команде
  15. На кого пойти учиться?
  16. Soft skills
  17. Hard skills и roadmap
  18. Что нужно для карьерного роста
  19. План становления №1. Часть 1. Теория
  20. План становления №1. Часть 2. Практика
  21. Первые заказы, первые клиенты, наработка портфолио
  22. Про эффективность работы
  23. Как спланировать день и вырваться из рутины
  24. Матрица Эйзенхауэра
  25. Развиваем и улучшаем память
  26. Приложение для развития памяти и внимательности
  27. Интересный подход к изучению английского языка
  28. Cистема мотивации, нормочас и эффективность
  29. Правда про гарантированное трудоустройство
  30. Стереотипы о профессии программиста и его коллег
  31. Почему новичков не хотят брать на работу?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Наш формат

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

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

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

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

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

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

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

Тест займет всего 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