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

Тренинг: HTML и CSS для продвинутых и адаптивная верстка
- Вводный урок в HTML для продвинутых
- css-tricks.com и другие полезные ресурсы для frontend-разработчика
- Раздел 1. HTML5 extended
- Полный список тегов, которые обязательно надо знать
- Тег А - создаем якоря
- Теги embed и object
- Отличия HTML 5 от HTML4
- HTML5 header и footer
- Тег nav
- Теги section, aside, main, article
- fieldset и legend - теги для группировки элементов форм
- HTML5 элементы форм
- Аудио и видео. Адаптивное видео с Ютуба на сайте
- Мнемоники в HTML и HTML сущности
- Меняем цвет браузера на Android 4+ с помощью мета тега meta theme color
- Плавно меняем цвет браузера на Android 4+ (meta name theme-color)
- HTML5 теги в ФиксМед
- Раздел 2. CSS extended
- Все CSS селекторы
- Список CSS свойств который должен хорошо знать каждый верстальщик сайтов
- CSS свойство animation - анимация на чистом CSS
- CSS переходы transition
- Трансформация и Преобразования в CSS. transform, translate, rotate и другие
- Отзывчивость в CSS
- Перенос слов в CSS и проблемы с длинными словами
- Нормализация стилей. Роль файла normalize.css, reset css
- CSS переменные
- Высота 100% Height
- Курсоры на сайте
- Позиционирование элементов css
- Примеры css анимации
- Анимированный border
- Задание на CSS анимацию (бегать по квадрату)
- Задание на CSS анимацию (бегать по диагонали)
- Задание на CSS анимацию (менять цвет и размер)
- Организация отступов в верстке
- Делаем красивый input[type=file] для адаптивного сайта
- Кастомные чекбоксы checkbox по правильному
- Стилизуем placeholder при помощи CSS.
- Снежинки на чистом CSS3 без Javascript на сайт
- сalc() в CSS3
- Как изменить цвет и фон выделения на сайте в html5
- Задание: Кричащая кнопка
- CSS currentColor
- Красивые фоны для сайта на чистом css 3
- Креативные эффекты анимации и переходов для ссылок и меню
- 5 методов создания выпадающего меню Dropdowd Menu
- Раздел 3. Обзор редакторов кода и графических редакторов с точки зрения верстальщика
- HTML верстка сайта в Figma
- Adobe Photoshop для верстальщика
- Avocode - онлайн редактор PSD для верстальщика
- Sublime text самые горячие клавиши
- Сниппеты в Sublime Text
- Установка emmet на Sublime Text
- Выбор и настройка IDE для верстальщика
- Сравнение программ для работы фронтенд-разработчика
- Раздел 4. Адаптивная верстка. Теория и практика.
- Про маштабирование сайта в браузере и в Виндовс
- Media запросы в CSS - азы адаптивной верстки
- Тег meta viewport
- Что такое адаптивная верстка
- Как убрать горизонтальную прокрутку 3 метода
- Макет РезиноМед сверстать
- Проект Клад. Делаем чужую верстку адаптивной. Что делать с двумя сайдбарами
- Сверстать магазин суши
- Адаптивность и еще раз адаптивность
- Сверстать фитнес клуб Вова
- Раздел 65. Оптимизация работы верстальщика: task менеджеры, сборщики и др
- Как правильно и быстро верстать сайты
- Что должен уметь HTML верстальщик
- Основы Gulp
- Сверстать фитнес клуб Рубикон
- Раздел 6. Препроцессоры SASS и другие
- SCSS и Sass
- HAML
- Сверстать Балтику
- Верстка интернет-магазина пиццы
- Ваши предложения
- Раздел 7. Изображения extended
- SVG
- WebP
- Оптимизация изображений в вебе по взрослому
- Создание собственного шрифтового набора иконок Icon Pack с помощью Fontello
- Наборы иконок: fontAwesome и другие
- CSS Фильтры над изображениями
- CSS спрайты
- DataURI Base64 для изображений. Онлайн конвертеры.
- Ваш отзыв
- Раздел 8. Полезности
- Задача на Зафиксированное меню и решение
- Сверстать магазин Суши и Роллы 2
- Адаптивная верстка email писем с Foundation for Emails
- Шикарная CSS анимация для кнопок
- БЭМ (Блок-Элемент-Модификатор) и другие методологии web-разработки
- Анимация CSS вертикальный переворот флип vertical flip
- Google Page Speed Insights 100 из 100 Часть 1
- Google Page Speed Insights 100 из 100 Часть 2
- CSS clip-path
- Кнопки Напомнить и Поделиться от Яндекса
- Виджет Вконтакте для сайта вставляем адаптивный
- Делаем особую нумерацию списков
- Делаем геометрические фигуры на CSS
- 3D объекты на чистом CSS
- Что дальше?
- Загрузка шрифтов FOUT, FOIT, FOFT
- CSS object-fit
- Неочевидные возможности Chrome DevTools для верстки
- css appearance - стилизация под операционную систему
- Единицы измерения в CSS: px, %, em, rem и другие
- Принудительное обновление кэша браузера со стороны сайта

Тренинг: Проектирование сайтов для начинающих
- Вводный урок
- Термины
- Что такое стандартный сайт и зачем он нужен? Что такое типовой сайт? А простейший?
- Структура стандартного сайта. Пример сайта
- Эскизы стандартного сайта
- Теория. Как спроектировать сайт с высокой конверсией
- Типичные ошибки при проектировании продающих сайтов
- Задача по ЦА
- Обзор сервисов для прототипирования сайта
- Pencil Project обзор
- Чем отличается анализ сайта от аудита сайта
- Виды аудитов сайта
- Что может содержать аудит сайта
- Usability аудит сайта и аудит конверсии сайта
- Типичные ошибки при анализе сайтов
- Задача на аудит портала с вакансиями
- Проектирование форм. Пример правильной формы и обработки
- Типичная ошибка при разработке форм
- Яндекс формы и Гугл Формы
- Еще один пример неудачной формы
- Как сделать неправильно форму обратной связи, чтобы сливать заявки и рекламный бюджет в трубу
- Найти ошибку проектировщика
- Важна каждая деталь
- Советы по проектированию и разработке сайта по новостройкам для застройщиков
- Практика. Выберите бизнес
- Как разработать УТП?
- Лид магнит — что это
- Проблемы, которые решает ваш бизнес или продукт
- Как потенциальных клиентов на сайте превратить в реальных. Как увеличить конверсию сайта
- Причины оставить контакты на сайте или подписаться на вашу соцсеть
- Возражения ЦА
- CTA - Call to Action - Применение на лендинге
- Задача: эскиз 4х экранника по вашему проекту
- Что обязательно должно быть на сайте и Landing Page
- Что разместить на первом экране сайта
- Библиотека эскизов в облаке
- Аудит конкурентов, шаблон, пример
- Первое знакомство с Техническим заданием. Примеры
- Что должно содержать техническое задание на разработку сайта?
- Бонус: Шаблон ТЗ на лендинг

Тренинг: JavaScript для продвинутых и Ajax
- Порядок загрузки скриптов
- Пример AJAX кода без использования jQuery
- Пример AJAX кода c использованием jQuery
- Таймер
- Таймер 2
- Найти ошибки
- Игра Соединить точки
- Именованные функциональные выражения
- Объекты как массивы в Javascript
- Перебор свойств Объекта
- Формат JSON и метод toJSON
- Добавление и удаление узлов
- Работа с буфером обмена в Javascript
- Остаточные параметры и оператор расширения
- Замыкание closure
- Отладка в браузере Chrome

Тренинг: Разработка интернет-магазина под ключ
- Верные тайтлы и названия в хлебных крошках каталога

Тренинг: Bitrix для администраторов
- Информационные блоки в 1с Битрикс
- Требования 1с Битрикс

Тренинг: Bitrix разработка модулей
- Задание по Битрикс: натянуть верстку и модуль слайдера
- Интеграция сайта с 1С часть 1
- Задание на использование 1С Битрикс редакции Малый Бизнес
- Практика по созданию полноценного интернет-магазина
- Практика разработки интернет-магазина

Тренинг: Laravel для начинающих
- Топовые фреймворки
- Laravel первое знакомство
- Настройка Open Server для установки Laravel
- Установка Composer
- Установка Laravel
- Настройка Laravel после установки
- Структура файлов Laravel
- MVC в Laravel
- Маршрутизация в Laravel
- Несколько полезных видео по Laravel
- Задание по Ларавел

Тренинг: Linux, SSH и основы работы с серверами
- Дюжина полезных приемов при работе с командной строкой в Линукс
- Unibix LAMP Installer 1.0
- Google Page Speed Insights 100 из 100. Настройка сервера.
- Установка бесплатного SSL сертификата на хостинг reg.ru или любой сервер
- Cамоподписанный SSL сертификат и ISPmanager
- Установка бесплатного SSL сертификата в автоматическом режиме
- Первое знакомство с SSH
- Что такое CLI и GUI
Как проходят занятия
В случае онлайн формата, сразу после оплаты, вы получаете доступ к тренингам в личном кабинете. Вам не нужно никуда ехать, для обучения вам понадобятся самые простые наушники, компьютер и интернет.
За вами закрепляется Наставник, которому вы можете в любое время задать любое количество вопросов. Мы гарантируем, что все домашние задания будут проверены, и ни один вопрос не останется без ответа! Мы будем постепенно вести вас к цели - трудоустройству.
Пройдя курс, вы будете обладать следующими навыками:
Помимо навыков вы будете иметь:
По окончании вы получите сертификат на каждый тренинг:


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


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