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

Тренинг: HTML и CSS для начинающих
- Введение в HTML 5 и CSS 3
- Установка необходимых программ
- Как проверяются домашние задания
- Из чего состоят сайты
- Синтаксис HTML и что такое атрибуты тегов
- Минимальная структура html 5 документа (страницы)
- Тег BR для переноса строки (каретки на новую строку)
- Тег IMG и его атрибуты
- Тег P - параграф или абзац
- Теги H1, H2 - H6
- Теги списков ul, ol, li
- Оптимизация изображений в вебе, форматы изображений, онлайн оптимизаторы
- Валидатор HTML validator.w3.org
- Справочники HTML и официальная документация
- Полный список одинарных тегов в HTML
- Теги em и i - делаем текст наклонным
- Тег b или STRONG? Какой лучше? Тег S
- Тег комментирования
- Тег DIV
- Тег А - создаем ссылки на сайте
- Актуальные атрибуты тега А
- Относительные и абсолютные адреса
- Якорь в HTML или ссылки на определенное место на странице
- Тег LINK и что такое FAVICON.ico Сервис realfavicongenerator.net
- Тег SPAN
- Теги для создания таблиц
- Тег iframe
- Тег ADDRESS
- Теги SUB и SUP
- Знакомство с JSfiddle.net, plnkr.co, codepen.io
- Введение в CSS
- Способы подключения CSS к html странице, тег LINK, тег STYLE, атрибут STYLE
- Синтаксис CSS, Селектор тега
- Классы как селектор в CSS
- Идентификаторы в CSS или просто ID
- Контекстный селектор или селектор потомков
- Контекстный селектор. Часть 2
- Популярные псевдоклассы :hover, :last-child, :first-child, :first-of-type
- Специфичность в CSS - про приоритет правил
- Решение проблем с приоритетом правил
- Инспектор кода Chrome Dev Tools
- Свойство COLOR и расширение colorzilla
- CSS Свойство font-size, единицы rem
- CSS background-color задает цвет фона
- Цвет в CSS
- Как сделать полупрозрачный фон?
- Закрепляем типы селекторов
- Как задать желтый цвет фона одному слову, а не всему параграфу?
- Как задать фоновую картинку правильно background-image
- background-repeat повторение фона
- CSS background position
- background attachment
- CSS линейный градиент. Генераторы.
- Задача на использование градиента
- CSS свойство background
- Как задать несколько фоновых картинок для одного тега (элемента)?
- Внутренний отступ padding
- Внешний отступ margin. Схлопывание margin
- CSS border - как задать границу элементам?
- Как правильно задать ширину и высоту элементам, box-sizing
- Минимальная и максимальная высота и ширина, 100%, vh, vw
- Как скруглить углы? border-radius
- CSS Display block inline и сравнение блочных и строчных элементов.
- CSS text-decoration
- CSS свойство FLOAT и CLEAR
- Как разместить два DIV в один ряд - три способа
- FlexBox. Часть 1.
- FlexBox. часть 2 практическое применение
- Задачи на css флексбокс. Практика верстки новостей
- Практика верстки галереи фото
- CSS обзор font-family
- CSS Список стандартных шрифтов. Сервисы распознавания шрифтов
- CSS Как использовать свой, нестандартный шрифт? @font-face практическое применение, Google Fonts
- Контрольная работа
- Практика верстки Урок 1 введение
- Практика верстки Урок 2 Основная структура html документа. Как создать html каркас по макету сайта используя css flex
- Практика верстки Урок 3 задаем ширину каркасным элементам
- Практика верстки Урок 4 Мелкие правки по каркасу
- Практика верстки Урок 5 Верстаем шапку сайта, логотип, телефон, заказ звонка. Расширение Pixel Perfect
- Практика верстки Урок 6 Верстаем верхнее меню
- Практика верстки Урок 7 Делаем боковую панель и контент в ряд
- Практика верстки Урок 8 Верстаем боковую панель и левое меню
- Практика верстки Урок 9 Верстаем цитату и Контент
- Практика верстки Урок 10 Верстаем блок Наши преимущества
- Практика верстки Урок 11 Верстаем футер
- Практика верстки Урок 12 Верстаем внутреннюю страницу
- Практика верстки Урок 13 Доверстываем внутренюю
- Практика верстки. Макет Народная качалка. Решение проблем с отображением шрифтов в GIMP
- Все что можно сделать через CSS - делайте!
- Задача: сверстать макет Хрусталь. Типичные ошибки.
- Задача: сверстать Flower Studio
- Подсказки по макету ФиксМед
- 4 способа решения верстки с верхним меню в ФиксМед
- Сверстать ФиксМед
- Как выложить верстку в интернет на свой домен
- Возможности HTML и CSS
- Задача: завести папку для портфолио с верстками
- Технические требования к верстке. Версия 2.3
- Отзыв о тренинге или курсах
- Доработать главную страницу ФиксМед
- Практика верстки резиновых макетов. Фитнес клуб.
- Что дальше?
- Как практиковаться? Где брать бесплатные шаблоны PSD?

Тренинг: Оптимизация работы за компьютером
- Вводный урок
- Как делать скриншоты быстро и эффективно с помощью Joxi
- Есть Решение (ответ на задание), а есть вопрос или комментарий
- Как открыть ссылку в фоновой вкладке
- Копирование, вставка, вырезание
- Другие горячие клавиши
- Дополнительные пользователи операционной системы
- Облачные хранилища данных
- Как расшарить файл в Яндекс.Диск и Google.Drive, Гугл.Документы, Гугл.Таблицы
- Google Документы
- Ускоряем компьютер
- LibreOffice
- Поиск файлов на жестком диске
- Работа с почтой. Введение
- Работа с почтой - правила деловой переписки
- Обзор почтовых сервисов
- Архиваторы
- Как ускорить Windows
- Как пропылесосить компьютер и зачем это нужно?
- Как установить или переустановить Windows
- Как грамотно планировать свои дела и не забывать о них. Часть 1
- Как ничего не забыть? Органайзеры, напоминания и календари. Часть 2
- ToDoist.com, Trello.com и планирование дел и задач. Часть 3
- Обучение слепой печати
- Обучение слепой печати - расстановка пальцев и другие советы
- Практикуемся в слепой печати с помощью Stamina
- Драйвера
- Punto Switcher и как с ним подружиться
- Расширение файлов
- 20 ошибок пользователей
- Выделение текста с помощью клавиатуры
- Лишнее нажатие на клавиши
- Про формат PDF
- Виртуализация
- Сравнение Office 365 и Word Online (Excel Online)
- Установка Linux для новичков
- Материнская плата и слоты расширения
- Мегабайт или мегабит?
- Архиваторы
- Файловые менеджеры и Unreal Commander
- Стоит ли покупать SSD?
- Берегите глаза
- Чистка компьютера от мусора
- Малые графические редакторы
- ЛайфХак по сохранению файлов
- Как сделать текст под углом в Google Таблицах?
- Практика по Excel и Гугл.Таблицы
- Как сделать текст размытым в программе Pinta
- Как обрезать лишнюю часть в изображении с помощью Pinta
- Как нарисовать стрелочку в Pinta
- Безопасность. Самый разыскиваемый хакер в истории!
- Не путайте Гугл Аккаунт и GMAIL
- Как в Гугл Таблицах сделать строки и\или столбцы закрепленными (прижатыми)?
- Ставим напоминание
- Как в Гугл Таблицах добавить несколько строк или столбцов?
- Как в Гугл Таблицах нескольким строкам сделать одинаковую высоту, а столбцам одинаковую ширину?
- Еще немного про организацию рабочего email
- Шкала прогресса
- Улучшаем тренинг
- Виды USB разъемов
- Задача Города по работе с Гугл Таблицами
- Блокировка рекламы Adblock
- Ваш отзыв
- Draw.io, Free Mind - рисуем графики, диаграммы, схемы и карты памяти
- Бонусы и решения к тренингу Компьютер для продвинутых

Тренинг: Введение в Разработку сайтов
- О чем данный тренинг?
- Основные типы сайтов
- Этапы разработки сайта
- Самый легкий способ создания сайта
- Все методы создания сайтов
- Терминология в web разработке
- Знакомство с конструкторами сайтов
- Веб-разработчики полный список
- Этап 1. Проектирование сайта. Основы
- Составление ТЗ. Примеры ТЗ
- Прототипирование или эскизирование сайтов
- Этап 2. Рисуем дизайн сайта
- Типы макетов: Резиновый, фиксированный и адаптивный
- Что такое адаптивный сайт
- Образцы макетов
- Этап 3. Верстка сайта
- HTML + CSS
- Процесс html верстки
- Этап 4. Программирование сайта, CMS, CMF
- Что такое CMS? И их типы
- Самые распространенные CMS?
- Веб-мастер универсал
- А если нужен нестандарт или функционал движка не устраивает?
- Языки программирования в веб-разработке
- JavaScript
- PHP
- Что такое стек технологий
- Раздел: Домены, хостинг, сервера
- Синонимы и псевдонимы
- Что такое поддомен?
- Знакомство регистратором и хостером
- Знакомство с REG.RU
- Как зарегистрировать домен
- Корпоративная почта или почта для домена
- Смена Регистратора домена и Администратора домена, перенос домена
- Перенос домена с использованием authInfo кода
- Что такое DNS? Зачем они? И как их поменять?
- Типы хостинга и что такое хостинг? Что такое VDS? VPS?
- Веб Архив интернета www.archive.org/web/
- Ваш отзыв - самое важное
- Бонусы: Обзор резиновых и фиксированных макетов, ошибки учеников и другое
- Заявки с сайта попадают в спам? Есть решение (и даже несколько)!

Тренинг: Разработка лендинга под ключ
- Введение в разработку лендинга
- Знакомство с Bootstrap
- Установка и подключение bootstrap
- Задаем основную структуру
- Верстаем верхнее меню bootstrap navbar
- Подключаем шрифт с Google Fonts
- Верстаем первый блок с Главным дескриптом заголовком
- Верстаем блок с цифрами
- Верстаем блок с тарифами или Наши услуги
- Верстаем инлайн форму bootstrap 4
- Верстаем блок Гарантии
- Верстаем блок Сотрудники
- Верстаем блок Схема сотрудничества
- Верстаем блок Контакты
- Верстаем модальные окна modal bootstrap 4
- Вставляем иконки используя Font Awesome
- Плавный скроллинг к элементу по клику и якорю
- Вставляем кнопку плавной прокрутки вверх back to top scrollToTop
- Натягиваем верстку на CMS
- Встраиваем формы для заявок согласно 152 ФЗ о защите персональных данных
- Доводим сайт до идеала и показываем модальное окно после перезагрузки страницы
- Добавляем ненавязчивое приглашение через 15 секунд
- Как создать резервную копию и восстановить ее на UserCMS
- Курсовая работа по лендингу
- Бонусы

Тренинг: UserCMS для начинающих администраторов
- Вводный урок
- Что такое CMS?
- UserCMS обзор преимуществ и недостатков
- Подготовка к установке, требования UserCMS
- OpenServer установка
- Создаем локальные хосты в OpenServer
- Установка UserCMS
- Публичная часть и админка
- Как попасть в админку UserCMS
- Первый обзор панели управления и как редактировать и удалять страницы
- Как создать страницу в UserCMS
- Как создать резервную копию на UserCMS и восстановить ее
- Работа с меню в UserCMS
- Как установить свою тему в UserCMS
- Типы модулей в UserCMS
- Работа с формами
- Работаем с конструктором форм в UserCMS плагин FeedBack 2.0
- Как сменить email для заявок?
- Как восстановить пароль Администратора?
- Восстанавливаем резкопию сайта и пароль администратора UserCMS
- Что такое Favicon.ico? Как обновить кэш FavIcon
- Как заменить FavIcon.ICO
- Правильное наполнение контентом
- Работаем с галереей
- Работаем с новостями
- Как правильно вставить карту на сайт (плагины custom_html и custom_script)
- Очень важно
- Разместить сайт в интернете и бонусы от партнера
- Интеграция UserCMS и Битрикс24 CRM
- Интеграция UserCMS и Amo CRM
- Как создать почту на своем домене

Тренинг: Профессии, трудоустройство и карьера в IT
- Вводный урок
- Ваши ожидания от наших курсов
- Базовые знания
- Что нужно для трудоустройства
- Как составить резюме?
- Портфолио: как оформить и как наработать
- Откуда черпать информацию
- Специализации
- Узкая специализация
- Практика, практика и еще раз практика
- Обзор вакансий
- Ваш профиль аккаунта и уведомления
- Фриланс и удаленка
- Тест Белбина - ваша роль в команде
- На кого пойти учиться?
- Soft skills
- Hard skills и roadmap
- Что нужно для карьерного роста
- План становления №1. Часть 1. Теория
- План становления №1. Часть 2. Практика
- Первые заказы, первые клиенты, наработка портфолио
- Про эффективность работы
- Как спланировать день и вырваться из рутины
- Матрица Эйзенхауэра
- Развиваем и улучшаем память
- Приложение для развития памяти и внимательности
- Интересный подход к изучению английского языка
- Cистема мотивации, нормочас и эффективность
- Правда про гарантированное трудоустройство
- Стереотипы о профессии программиста и его коллег
- Почему новичков не хотят брать на работу?
Как проходят занятия
В случае онлайн формата, сразу после оплаты, вы получаете доступ к тренингам в личном кабинете. Вам не нужно никуда ехать, для обучения вам понадобятся самые простые наушники, компьютер и интернет.
За вами закрепляется Наставник, которому вы можете в любое время задать любое количество вопросов. Мы гарантируем, что все домашние задания будут проверены, и ни один вопрос не останется без ответа! Мы будем постепенно вести вас к цели - трудоустройству.
Пройдя курс, вы будете обладать следующими навыками:
Помимо навыков вы будете иметь:
По окончании вы получите сертификат на каждый тренинг:


Ваша программа обучения максимально эффективна
потому что мы придерживаемся 2-х простых правил
ПРАВИЛО №1: НИКАКОЙ ЗУБРЕЖКИ
Вам не нужно будет ничего зубрить, основные знания вы получите во время выполнения домашних заданий.


ПРАВИЛО №2: ПРАКТИКА И МНОГО ПРАКТИКИ
На наших курсах вы будете много практиковаться, а лучшие ученики будут допущены к реальным проектам уже во время учебы.
Сравните удобство обучения
Наш формат
Обычные курсы
Сомневаетесь в правильности выбора?
Еще не определились с профессией?
Думаете что не станете востребованным специалистом?
Вам кажется что будет сложно?
В таком случае пройдите наш тест и куратор вручную проанализирует ответы и вышлет вам результаты.
Тест займет всего 3 минуты
Дополнительных вложений и оплат не потребуется, весь софт, программы, заготовки мы предоставим бесплатно. Вам лишь потребуется любой компьютер (желательно по мощнее), можно даже планшет и хороший интернет.
Наши ученики совмещают наши курсы с работой и учебой благодаря свободному графику. В случае болезни или аврала на работе, сессии на учебе вы сможете приостановить обучение и вернуться к обучению (доступ выдается на 90 дней, при среднем прохождении тренинга за 30 дней).
Разброс зарплат большой, в первую очередь он зависит от того как вы будете проходить обучение и как выполните дипломную работу, и конечно же от вашей личной эффективности.
Гарантированное трудоустройство!
По окончании обучения и сдачи дипломной работы веб-программистам, аккаунт-менеджерам и интернет-маркетологам мы гарантируем трудоустройство! То есть мы не просто помогаем составить резюме, а даем вам настоящую работу!
Процесс происходит следующим образом: на втором курсе мы связываемся с вами и уточняем актуально ли для вас трудоустройство, поскольку половина учеников уже на первом курсе находит работу. Далее мы связываемся с нашими партнерами и гарантами, и уточняем у кого из них открыта вакансия на текущий момент. Далее предлагаем ученику на выбор несколько вариантов. После того как ученик выбрал гаранта (компанию в которой хочет работать), он связывается с ними и определяет, каких ему знаний на текущий момент не хватает. На основании требований гаранта мы корректируем программу обучения 2го и 3го уровня. На третьем уровне ученик согласовывает тему дипломной работы с гарантом, и по выполнению дипломной работы получает предложение работать.
Мы уверены в своих силах, поэтому предлагаем
Попробовать бесплатно
Онлайн+чат
- Индивидуальные занятия с куратором в Telegram
- Персональный наставник на тренинг
- Персональный чат с наставником под каждым уроком
- Ручная проверка домашних заданий с указанием ошибок, и повторной проверкой в случае переделки
- Круглосуточная обратная связь в чате
- Индивидуальный график обучения
Занятия с наставником в Skype/Telegram/Zoom/WhatsAppОфлайн занятия в офисе с наставником
ОФФлайн+Онлайн+чат
- Индивидуальные занятия с куратором в Telegram
- Персональный наставник на тренинг
- Персональный чат с наставником под каждым уроком
- Ручная проверка домашних заданий с указанием ошибок, и повторной проверкой в случае переделки
- Круглосуточная обратная связь в чате
- Индивидуальный график обучения
- Занятия с наставником в Skype/Telegram/Zoom/WhatsApp
- Офлайн занятия в офисе с наставником