Онлайн-интенсив «HTML и CSS»

Содержание

Онлайн-интенсив «HTML и CSS»

Это пять недель плотной работы: вёрстка учебного и личного проектов, еженедельные лекции, пять часов консультаций с наставником, подготовка проекта к финальной защите. Таким образом, формат учёбы максимально приближен к рабочему процессу в крупной IT-компании: настоящие дизайн-макеты, техническое задание, ревью от старшего разработчика и горящие сроки.

Курс рассчитан на тех кто только знакомится с вёрсткой, начинающих верстальщиков и тех, кто нуждается в систематизации своих навыков.

Всего интенсив состоит из десяти вебинаров, их ведут четыре опытных преподавателя-разработчика.

На лекции можно задать вопросы ведущему, чтобы уточнить какие-либо моменты. Если присутствовать не позволяет личное расписание или часовые пояса, то вебинары можно пересматривать в записи.

К каждому разделу предоставляются дополнительные материалы:

— Двадцать три интерактивных демонстраций, на которых пошагово разбираются решения типовых задач.

— Двенадцать скринкастов, объясняющих нюансы вёрстки.

— Статьи для самостоятельного углубления в конкретную тему.

Каждому доступен один учебный проект «Барбершоп», который разбирается на лекции с преподавателем и пять дизайн-макетов разной степени сложности на выбор: «Нёрдс», «Седона», «Техномарт», «Глейси» и «Девайс».

Важная часть обучения — это работа над проектом под руководством наставника.

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

Программа

Каждый поток что-то обновляется и добавляется, но начиная с прошлого восемнадцатого потока программа была серьёзно переработана, согласно изменениям в индустрии: проекты перешли на флексбоксы, больше внимания уделяется разметке и векторной графике, значимое место занимает доступность, добавлены новые критерии и обновлены существующие, полностью обновлены материалы и лекции.

Работа над проектом строится по этапам: ученики делают разметку документа, создают сетку, оформляют контент, работают с флексбоксами и графикой для веба используя Adobe Photoshop СС.

Работа с кодом ведётся через систему контроля версий Гитхаб. После каждого ревью кода от наставника, проект ученика становится всё ближе к защите.

Защита

В конце пяти недель напряжённой работы всех ждёт защита личного проекта.

Устроена она следующим образом: допущенную к защите вёрстку проверяет уже случайный наставник, который не видел её ранее. Беспристрастный специалист оценивает вёрстку по списку критериев качества, которым он должен соответствовать. На доработки по итогам проверки у каждого есть три попытки.

Чтобы защитить проект, нужно полностью сверстать страницу и сделать это профессионально. Для оценки качества работы на этом курсе мы разработали более сорока различных критериев.

Критерии прошли много этапов доработок и обсуждений с практикующими разработчиками, так чтобы минимизировать двусмысленность — все наставники и ученики должны понимать их одинаково.

Они разбиты на две группы: базовые — проверяющие как усвоены основы и дополнительные — на внимательность и скрупулёзность будущего верстальщика.

Получить максимальную оценку в 100 баллов можно только пройдя все критерии.

Приводим пример обязательных и дополнительных критериев, которым должен соответствовать проект для успешной защиты:

  • Б5. Документ проходит проверку на валидность. Проверка осуществляется через онлайн-валидатор.
  • Б12. Вёрстка идентично отображается в последних версиях браузеров. Chrome, Opera, Firefox, Safari, Edge, а также в Internet Explorer 10+.
  • Д2. Использовано минимально возможное количество HTML-элементов. В разметке должно быть использовано минимально возможное количество элементов. Не должно быть лишних обёрток и блоков, которые используются для оформления и могут быть заменены на псевдоэлементы.
  • Д16. С помощью JavaScript реализовано открытие/закрытие окна с формой. Без вспомогательных библиотек.
  • Д19. Вёрстка проходит тест на переполнение контентом. Не ломается при добавлении в элементы и кнопки большего количества текста, при использовании картинок с неподходящими размерами и при изменении количества потоковых блоков.
  • Д20. Критическая функциональность сайта работоспособна без JavaScript. Использовано прогрессивное улучшение.

По итогам

— Участники получат в портфолио первый выполненный проект.

— Твёрдую базу, достаточную чтобы начать карьеру верстальщика.

— Смогут решать типовые задачи.

— Использовать в своей работе профессиональные инструменты и технологии.

Ближайший и последний в этом году интенсив «Базовый HTML и CSS» пройдёт c 30 октября — 6 декабря. Запись открыта, пока есть свободные места.

[HTML academy] Продвинутый онлайн-интенсив «Создание веб-интерфейсов с помощью HTML и CSS»

Тема в разделе «Курсы по программированию», создана пользователем Dario, 10 апр 2015 .

    li» data-history=»on» >
  • [HTML academy].
  • Отзывы (6)

Статус темы: Закрыта.

  • Вёрстку «Барбершопа» можно б и скинуть в текстовом файле, иначе макет самому приходится верстать и пробовать понять что куда относится( — минус 2 балла.

    И курсом и складчиной очень доволен! Орг, огромное вам спасибо! За зеркало на яндексе благодарю отдельно!

    Бошетунмай, рыдаю на твоей груди от радости. Спасибо. Ну где ещё можно купить продукт стоимостью 19.000 рублей за 60. Только на складчике.

    Материал мощный, советую всем. раскрывает много аспектов на уровни профи. оч понравилось про ускорение кода.Орг ты великий человек!

    Оперативно, благодарю :) Школа HTML academy никогда не толкает шлак. На мой взгляд, они лучше всех преподносят материал.

    На складчины этого организатора попадаю не первый раз. В очередной раз подвтердил свою компетентность и ответственность в вопросе организации. Всё было оперативно и без накладок. Комплектация складчины полная :) Про материал сказать нечего — это всё-таки одна из лучших российских школ по вёрстке и этим всё сказано.

    Курс HTML/CSS

    Интерактивный курс создания сайтов HTML и CSS с нуля — обучение HTML онлайн

    С помощью видеокурса HTML и CSS вы научитесь верстать адаптивные HTML страницы. Вы самостоятельно создадите портал КиноМонстр с помощью уроков HTML и CSS, работающий как на компьютерах, так и на мобильных устройствах.

    • 66 заданий
    • 5 часов видео
    • Сертификат об окончании

    О курсе

    Начните обучаться верстке HTML и CSS с нуля и вы узнаете, как эффективно построить обучение основам HTML и CSS и научиться создавать веб-сайты с нуля.

    В уроках HTML и CSS вы узнаете:

    • Основы верстки сайтов (html и css)
    • Как пользоваться html-тэгами div, span, p, ul, li и другими
    • Для чего нужен CSS (каскадные таблицы стилей) и узнаете о css-свойствах
    • Как использовать css-свойства margin, position, padding, color, background и другие
    • Что такое адаптивная верстка
    • Как сделать верстку сайта
    • Как пользоваться инструментами разработчика в браузере Google Chrome
    • Что такое viewport и как его использовать
    • Как создать раздел с комментариями на сайте
    • Как встроить видео в html-страницу
    • Как изменить верстку сайта в браузере
    • Как связать html-страницы между собой
    • Как сверстать меню на сайте

    Верстка html-страниц(верстка сайтов) относится к Frontend(фронтенд) части разработки профессионального веб-сайта. Для Frontend разработчиков открыто большое количество вакансий и Frontend-разработчики высоко ценятся на рынке труда по всему миру.

    Пройдите интерактивные задания и вы убедитесь в том, что освоить верстку html-страниц с нуля и стать фронтенд разработчиком — это под силу каждому. После завершения курса HTML/CSS мы рекомендуем проходить курс верстки Bootstrap 3 или Bootstrap 4.

    План курса

    Программа обучения состоит из видео уроков HTML и CSS, а также включает интерактивные тесты и задания, позволяющие закрепить полученные вами знания по HTML и CSS программированию и созданию сайтов(верстке сайтов).

    Интенсивный онлайн‑курс Профессиональный HTML и CSS, уровень 2

    HTML Academy — стандарт в обучении фронтендеров. Наша задача — готовить полноценных и востребованных специалистов, готовых работать в веб-индустрии.

    Как проходит онлайн‑курс

    Начальный уровень: средний

    Курс предназначен для тех, кто прошёл «Профессиональный HTML и CSS, уровень 1», или для верстальщиков, желающих поднять свои навыки.

    Даты интенсива

    Интенсив длится пять недель, c 24 сентября по 31 октября. Каждую неделю проходят две живые лекции, после которых надо выполнять практические задания и работать с наставником.

    Живые лекции

    Живые лекции проходят по понедельникам и четвергам с 19:00 до 21:00 по московскому времени. Преподаватель рассказывает лекцию, а студенты задают вопросы.

    Записи лекций

    Каждая живая лекция записывается, а записи публикуются на следующий день. Поэтому интенсив можно проходить из любой точки Земли.

    Практика

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

    Рабочий процесс

    Процесс работы на курсе максимально приближен к разработке в больших компаниях: работа ведётся в форке, все новые изменения — в ветках, обсуждение и ревью кода — через пулреквесты.

    Личный наставник

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

    Защита проекта

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

    Что даёт курс

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

    Младший верстальщик

    Верстальщик

    HTML и CSS, уровень 2

    Фронтенд-разработчик

    Наставники

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

    Учебный процесс

    Во время курса вы будете работать как профессиональные верстальщики: создадите разметку по методологии БЭМ, будете писать CSS-код на препроцессорах, сделаете адаптивную сетку, поработаете с адаптивной и ретиновой графикой и подготовите автоматизацию сборки проекта для публикации. На каждом этапе вашу работу будет проверять и комментировать личный наставник.

    Программа

    ПЕРВАЯ НЕДЕЛЯ

    Введение

    Понедельник с 19:00 до 21:30

    Ведущий: Алексей Симоненко, опыт веб-разработки 18 лет

    Познакомимся с рабочим процессом на интенсиве.

    Как проходит курс. Организационные вопросы.

    • Обзор личных проектов.
    • Как работать с наставником.
    • Защита личного проекта и получение сертификата.

    Системы контроля версий.

    • Зачем нужны системы контроля версий.
    • Обзор возможностей и работа с Гитом.
    • Работа с ветками: создание, синхронизация, слияние.
    • Конфликты и их разрешение.
    • Обзор Гитхаба.

    Рабочий процесс на интенсиве.

    • Зависимость заданий.
    • Настройки личных проектов.
    • Создание мастер-репозитория.
    • Структура личных проектов.

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

    • Настраиваем инструменты разработки, получаем графические макеты и создаём репозитории проектов.
    • Отрабатываем процесс выполнения заданий. Вносим изменения в проект в отдельной ветке и предлагаем пулреквест в Гитхабе.

    Методологии вёрстки

    Приёмы создания надёжной вёрстки.

    ВТОРАЯ НЕДЕЛЯ

    Препроцессоры и автоматизация

    Взглянем на препроцессоры и разберёмся, чем они помогают в процессе вёрстки.

    Адаптивные сетки

    Узнаем как создавать адаптивные сетки с использованием флексбоксов.

    ТРЕТЬЯ НЕДЕЛЯ

    Адаптивные декоративные элементы

    Разбираемся с адаптивными декоративными элементами. Делаем адаптивную вёрстку с резиновыми сетками.

    Адаптивная графика

    Погружаемся в адаптивную и ретиновую графику. Разбираемся с форматами и их назначением.

    ЧЕТВЁРТАЯ НЕДЕЛЯ

    Векторная графика и оптимизация

    Научимся использовать векторную графику всеми возможными способами. Разберёмся, как использовать графику оптимально.

    Погружение в автоматизацию

    Подготовим сборку проекта для его публикации.

    Профессиональный интенсив по верстке

    Об интенсиве

    Теория и практика

    8 live-уроков (4 недели), которые проходят по понедельникам и средам с 19:30 до 21:30 по Киеву и Москве. Каждый участник получает максимум внимания. Занятия проходят в интерактивном формате, это не записанное видео, а живое общение в реальном времени.

    Если вы пропустили занятие или желаете повторить тему — не переживайте! Вам будет предоставлен доступ к записям уроков.

    На практику выделяется 5 недель. За это время будут написаны 3 персональные приложения, а также все студенты группы могут принять участие в групповой разработке проекта.

    Материалы

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

    Поддержка

    Помощников достаточно! К твоим услугам преподаватель, ментор и целое коммьюнити — Lectrum Club. В курс включена проверка домашних заданий и тестов, а также индивидуальные занятия с автором курса — поддержки получите столько, сколько вам нужно.

    Как проходит обучение

    • �� Общение в интерактивном формате (видео + аудио)
    • �� Домашние задания
    • �� 3 персональных проекта
    • ��‍⚕️ Групповой проект в формате Agile спринта
    • Комплексное тестирование
    • �� 24/7 доступ ко всем записям занятий
    • ��‍�� Поддержка от преподавателя и общение с группой в закрытом канале Lectrum Club

    Для кого курс

    • ✔️ Желающие начать свой путь в ИТ
    • ✔️ Фронтенд-разработчики, которые хорошо владеют JavaScript и хотят подтянуть верстку
    • ✔️ Бекенд-разработчики, которые переходят в фуллстек

    Требования к участникам

    • ✔️ Опыт коммерческой разработки не требуется
    • ✔️ Навыки работы с JavaSript не обязательны
    • ✔️ Базовый уровень владения компьютером

    Мы проведём персональное skype-собеседование (оплата 650 грн или $25) при условии бронирования места в группе.

    От экспертов своего дела

    Мы успешно провели:

    17 потоков по React, 12 по Redux, 4 по webpack, а также обучили 4 потока по JavaScript и 3 по Backend. В марте 2020 года мы запустили новые курсы по Docker и Redis.

    Структура курса

    Неделя 1

    Модуль: Основное обучение

    + Базовые операции с системой Git и настройка окружения

    Разберем воркфлоу по которому происходит обучение. Настроим все необходимые инструменты для комфортной разработки. Познакомимся с системой контроля версий Git.

    • Обзор процесса обучения
    • Обзор инструментов
    • Что такое система контроля версий
    • Когда стоит использовать Git
    • Создание коммита с помощью системы Git
    • Просмотр истории коммитов
    • Базовые операции с ветками кода
    • Обзор сервиса GitLab и GitHub
    • Работа с Pull Request
    • Настройка стартовой точки
    • Сравнение популярных редакторов кода
    • Базовая настройка редактора для комфортной работы
    • Настройка браузера
Илон Маск рекомендует:  Все про overflow-wrap

Практика

  • Научимся настраивать проект для разработки
  • Научимся выбирать удобный инструмент для написания кода
  • Создадим первые файлы с разметкой кода
  • Научимся отправлять код в репозиторий

+ Работа с графическим редактором

Разберем стандартный workflow по которому происходит разработка web приложения. Научимся работать с макетами в приложениях Adobe Photoshop, Adobe XD.

Стандартный workflow процеса web разработки

  • Разбор ключевых ролей в процесе разработки
  • Разбор основных терминов которые описывают процес разработки
  • Как выглядит процес разработки веб приложения
  • Популярные организационные ошибки начинающих программистов

Работа с графическим редактором

  • Зачем верстальщику нужен графический редактор кода
  • Сравнение Adobe Photoshop и Adobe XD в контексте работы верстальщика
  • Разбор основных инструментов для работы с макетом в приложении Adobe Photoshop
  • Разбор основных инструментов для работы с макетом в приложении Adobe XD

Практика

  • Научимся работать с техническим заданием
  • Подготовим все необходимые компоненты для начала разработки

Неделя 2

Модуль: Основное обучение

+ Создаем полноценную разметку

Научимся создавать правильную семантическую разметку на основании макета и технического задания.

Работа с разметкой

  • Компоненты HTML документа
  • Синтаксис HTML тегов
  • Разбор основных тегов
  • Какую верстку можно считать семантичной
  • Разбор популярных ошибок при создании разметки страницы

Практика

  • Создадим первые HTML страницы
  • Научимся трансформировать идею из макета в полноценный каркас для HTML документа

+ Настраиваем базовые стили

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

Работа со стилями

  • Зачем нужны CSS стили
  • Синтаксис CSS правил
  • Способы подключения CSS к веб документу
  • Разбор основных селекторов
  • Написание CSS стилей c помощью SASS
  • Разбор популярных ошибок при работе со стилями

Практика

  • Напишем стили для наших HTML страниц
  • Научимся делать веб страницы похожими на графические макеты согласно технического задания

Неделя 3

Модуль: Основное обучение

+ Создаем глобальную сетку для веб страницы

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

Работа с CSS Grids

  • Разбор понятия сетка документа
  • Разбор блочной модели документа
  • Работа с Grid контейнером
  • Работа с Grid элементом
  • Работа с Grid линией
  • Работа с Grid track
  • Работа с Grid cell
  • Работа с Grid area
  • Разбор популярных ошибок при работе с CSS Grids

Практика

  • Создадим сетку документа на основании графического макета согласно технического задания
  • Научимся работать с разными типами сеток

+ Создаем Layout внутри компонента

Научимся управлять расположением элементов внутри компонента.

Работа с Flexbox

  • Разбор основной терминологии
  • Работа с разными типами осей внутри Flexbox контейнера
  • Управление расположением элементов
  • Управление порядком элементов
  • Разбор популярных ошибок при работе с Flexbox

Практика

  • Расположим все элементы внутри компонентов согласно графического макета
  • Научимся полностью контролировать расположение элементов внутри компонента

Неделя 4

Модуль: Основное обучение

+ Продвинутые приемы для улучшения стилей

Научимся делать веб страницы максимально похожими на графические макеты, другими словами научимся делать PixelPerfect страницы. Превратим статические элементы в динамические с помощью CSS анимаций. Научимся добавлять на страницу графические элементы разного типа.

Продвинутые техники работы со шрифтами

  • Управление рендерингом шрифта
  • Разбор свойств для настройки параметров букв и слов
  • Управление отступами
  • Разбор разных типов подчеркиваний
  • Разбор популярных ошибок при работе с кастомными шрифтами

Продвинутые техники работы с графическими элементами

  • Работа с позиционированием элемента
  • Управление задним фоном элемента
  • Работа с градиентом
  • Настройка теней
  • Особенности при работе с графическими элементами в формате png
  • Особенности при работе с графическими элементами в формате svg
  • Разбор популярных ошибок при работе с графическими элементами

Практика

  • Добавим полупрозрачные маски с помощью CSS градиентов
  • Научимся работать с тенями
  • Задекорируем компоненты с помощью svg изображений

+ Введение в анимации

Научимся добавлять динамику к веб страницам с помощью CSS анимаций. Разберем когда стоит использовать CSS Transition а когда CSS Keyframes.

Базовые анимации с помощью CSS Transition

  • Управление CSS свойствами которые нужно анимировать
  • Настройка продолжительности анимации
  • Разбор популярных ошибок при работе с CSS Transition

Продвинутые анимации с помощью CSS Keyframes

  • Что такое раскадровка
  • Групировка кадров
  • Работа с повторяющимся анимациями
  • Настройка направления анимации
  • Задержка начала анимации
  • Работа с состоянием до и после анимации
  • Разбор популярных ошибок при работе с CSS Keyframes

Практика

  • Добавим плавные переходы для основных операций
  • Настроим продвинутую анимацию с помощью CSS Keyframes

Неделя 5

Модуль: Работа над проектами

+ Первая неделя практики

Подготовим окружение и приступим к работе над персональным проектом

  • Изучить рабочий workflow по которому будет происходить практика
  • Получить ТЗ для первого проекта
  • Настроить стартовую точку
  • Получить дополнительные материалы
  • Приступить к выполнению первых фич для своего проекта

Неделя 6

Модуль: Работа над проектами

+ Вторая неделя практики

Отправим проект на Code Review, имплементируем фидбек от наставника

  • Завершаем работу над основной частью своего проекта
  • Открываем Pull Request и отправляем проект на Code Review
  • Имплементируем фидбек от наставника
  • Открываем Pull Request и отправляем проект на повторное Code Review
  • Завершаем работу над проектом
  • Открываем Pull Request и отправляем проект на финальную проверку
  • Приступаем к работе над вторым проектом

Неделя 7

Модуль: Работа над проектами

+ Третья неделя практики

Отправим второй проект на Code Review, имплементируем фидбек от наставника по второму проекту

  • Завершаем работу над основной частью своего второго проекта
  • Открываем Pull Request и отправляем проект на Code Review
  • Имплементируем фидбек от наставника
  • Открываем Pull Request и отправляем второй проект на повторное Code Review
  • Завершаем работу над вторым проектом
  • Открываем Pull Request и отправляем второй проект на финальную проверку
  • Приступаем к работе над третьим проектом

Неделя 8

Модуль: Работа над персональными и групповыми проектами

+ Четвертая неделя практики

Отправим третий проект на Code Review, имплементируем фидбек от наставника по третьему проекту

  • Завершаем работу над основной частью своего третьего проекта
  • Открываем Pull Request и отправляем проект на Code Review
  • Имплементируем фидбек от наставника
  • Открываем Pull Request и отправляем проект на повторное Code Review
  • Завершаем работу над проектом
  • Открываем Pull Request и отправляем проект на финальную проверку

+ Работа над групповым проектом

Выполним задачи для групового проекта, научимся работать в формате Agile спринтов

  • Настроить стартовую точку
  • Изучить рабочий workflow по которому будет происходить работа в груповом проекте
  • Групповое планирование спринта
  • Выбрать интересную задачу из Backlog
  • Получить дополнительные материалы
  • Приступить к выполнению задачи
  • Выполнить задачу
  • Отправить задачу на проверку (QA)
  • Имплементировать фидбек
  • Отправить задачу на повторный раунд QA
  • Взять другую задачу из Backlog

Неделя 9

Модуль: Работа над групповым проектом

+ Работа над груповым проектом

Выполним задачи для групового проекта, научимся работать в формате Agile спринтов

  • Выбрать интересную задачу из Backlog
  • Получить дополнительные материалы
  • Приступить к выполнению задачи
  • Выполнить задачу
  • Отправить задачу на проверку (QA)
  • Имплементировать фидбек
  • Отправить задачу на повторный раунд QA
  • Взять другую задачу из Backlog
  • Каждый студент проводит короткое демо своих фич, которые были выполнены в рамках спринта
  • Разбор всех достижений и неудач которые были в рамках спринта

Куратор программы

Андрей Мулык

Chief Technology Officer в компании Lectrum и преподаватель. За его плечами опыт работы с крупными международными outsource и outstaff компаниями, а также кураторство и проведение курсов фронтент и бекенд направлений.

Автор продвинутых фронтенд-курсов. Опыт в IT более 10 лет.

Курс HTML / CSS

Интерактивный онлайн курс HTML и CSS программирования и верстки сайтов для начинающих — Обучение HTML с нуля

В видеокурсе Вы изучите основы языков HTML и CSS, научитесь создавать адаптивные HTML страницы Вашего сайта. В процессе обучения Вы создадите портал КиноМонстр — сайт о кино, адаптированный для работы одновременно на компьютерах и мобильных устройствах.
Изучите онлайн уроки по основам верстки и программирования Html и Css с нуля и Вы сможете эффективно создавать верстку любых собственных сайтов!

Онлайн курс HTML / CSS программирования и верстки сайтов с нуля

Поделитесь страницей с друзьями

О курсе — Чему Вы научитесь?

Посмотрите видео об онлайн курсе программирования и верстки HTML / CSS для начинающих. Вы узнаете, как эффективно построить обучение основам Html и Css и научиться самому создавать веб сайты с нуля.

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

  • Основы HTML и CSS
  • Полноценная верстка страниц сайтов, на примере сайта о кино
  • Работа в редакторе кода SublimeText
  • Практическое применение основных тегов HTML
  • CSS-верстка текста: цвет и размер шрифта
  • Позиционирование блоков на сайте
  • Работа с изображениями
  • Правильная HTML-разметка для SEO
  • Адаптивная верстка под мобильные устройства
  • Специальные классы для адаптивности
  • Полезные инструменты для frontend-разработчика

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

План курса

Программа обучения включает видео уроки по изучению HTML и CSS с нуля. Благодаря интерактивным тестам и заданиям, Вы сможете закрепить полученные знания по Html и Css верстке и программированию веб сайтов на практике.

Интенсивный онлайн-курс «Базовый HTML и CSS» (2020)

Интенсив «Базовый HTML и CSS» это профессиональный курс, построенный на базе платформы HTML Academy. Вести его будут практикующие преподаватели с десятилетним опытом веб-разработки.

Дополнительная информация о видеокурсе:
Курс подойдёт для тех, кто делает свои первые шаги и тех, кто считает себя начинающим верстальщиком. Также, если ваши знания не систематизированы, он подойдёт и вам.

Через месяц вы научитесь:
— Создавать современные веб-интерфейсы;
— Эффективно решать типовые задачи верстальщика;
— Начать карьеру с готовым портфолио.

Интенсив разделён на пять частей: «разметка», «графика», «сетки», «оформление» и «оптимизация». Вас ожидает 700 интерактивных заданий, 18 часов живых вебинаров, 5 качественных макетов дизайна и общение с личным наставником, который будет делиться секретами мастерства.

Вводная лекция про роль и место верстальщика в мире веб-технологий.

1. Что на самом деле происходит, когда вы вводите в браузере адрес сайта и нажимаете Enter?
—IP-адрес, сервер и веб-сервер, «виртуалхосты».
—Доменные имена, URL-aдреса и система DNS.
—Загрузка и «сборка» веб-страницы, TCP/IP, HTTP.
—Приёмы оптимизации веб-страниц.

2. Инструменты веб-разработчика и рабочий процесс на интенсиве.
—Системы контроля версий. Git и GitHub.
—Инструменты вёрстки: редакторы кода, инспекторы, полезные веб-сервисы.
—Немного о браузерах, браузерных движках и различиях между ними.

Создадим HTML-разметку страниц учебного и личного проектов. Попрактикуемся использовать подходящие теги, задавать имена классов, оценивать сложность разметки.

1. Введение в HTML и CSS.
—Синтаксис HTML.
—Структура простейшего HTML-документа.
—Синтаксис CSS. Базовые CSS-селекторы.
—Наследование, каскадность и приоритеты в CSS.

2. Качественная разметка и стили кодирования.
—Простая, понятная, читабельная и логичная разметка: примеры и антипримеры.
—Типовые ошибки разметки: «ссылка или кнопка», «картинка или фон» и другие.
—Модульность разметки или использование «пространств имён».
—Когда использовать , и

?
—Зачем нужен стиль кодирования? Обзор популярных стайлгайдов.

3. Создаём разметку главной страницы учебного проекта.

3. Фотошоп для верстальщика

Разберём всё необходимое для работы верстальщика в фотошопе. Подготовим графику для проектов.

1. Типовые задачи верстальщика в фотошопе.
—Настройка интерфейса фотошопа.
—Работа со слоями, типы слоёв.
—Получение параметров текста.
—Измерение размеров блоков, отступов, получение информации о цвете.
—Получение параметров сложных декоративных эффектов: тени и прочее.
—Экспорт графики, работа с повторяющимися паттернами.

2. Обзор форматов графики в вебе.
—PNG, JPEG, SVG, GIF.
—Как выбрать подходящий формат?

3. Разбор графических макетов проектов.

Разберёмся с блочной моделью документа. Создадим сетки страниц учебного и личного проектов.

1. Поток документа и блочная модель документа.
—Понятие сетки и потока документа.
—Блочные и строчные элементы и их особенности.
—Свойства блочной модели: размеры, рамки и отступы.
—Тонкости блочной модели: «схлопывание» и «выпадание» внешних отступов, width: 100% и width: auto, свойство box-sizing и другие.

2. Как управлять потоком и строить сетки?
—Свойство display. Управление типом элементов.
—Свойство float и его особенности.
—Построение сеток на «плавающих» элементах.
—Блочно-строчные элементы и их особенности, борьба с пробелами между блочно-строчными элементами.
—Построение сеток на блочно-строчных элементах.

3. Создаём сетку главной страницы учебного проекта, экспериментируем с «карточными» элементами интерфейса на блочно-строчных элементах.

5. Декоративные элементы

Познакомимся с приёмами создания декоративных элементов. Завершим вёрстку главных страниц учебного и личного проектов.

1. Позиционирование.
—Относительное позиционирование.
—Абсолютное позиционирование: координаты, изменение точки начала координат, относительные координаты и размеры, координаты по умолчанию.
—Фиксированное позиционирование.
—Управление порядком слоёв.

2. Другие важные приёмы.
—Псевдоэлементы.
—Спрайты.
—normalize.css.
—Подключение нестандартных шрифтов.

3. Завершаем вёрстку главной страницы учебного проекта.

6. Оформление контента

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

1. Практикуемся в вёрстке элементов содержимого.
—Сверстаем текстовую страницу учебного проекта. Подготовим универсальные стили содержания, которые будут хорошо работать и при наполнении страницы из CMS.
—Сверстаем всплывающие окна с формой входа и интерактивной картой. Разберём приёмы стилизации нестандартных элементов форм.
—Подготовим свёрстанный учебный макет к публикации или передаче заказчику.

2. Разбираем типовые случаи переполнения и способы борьбы с ними.

3. Готовим проект к защите. Подробный разбор критериев защиты выпускных проектов.

7. Введение в javascript

Познакомимся с javascript, узнаем что такое Vanilla JS и оживим некоторые блоки вёрстки.

1. Язык программирования javascript.
—Роль программирования в жизни верстальщика.
—Что такое DOM и зачем нам объект document.
—Зачем нужен объект window.

2. Типовые случаи использования javascript.
—Как найти любой элемент на странице.
—Как реагировать на события, происходящие на странице.
—Как менять CSS-стили у элементов.
—Как использовать анимацию на странице.

3. Оживляем всплывающее окно и вставляем интерактивную карту на главной странице учебного проекта.

8. Прогрессивное улучшение

Узнаем, как использовать новые возможности HTML и CSS, не ломая работоспособность вёрстки.

1. Знакомство с прогрессивным улучшением и постепенной деградацией.
—«Житейские» примеры двух подходов.
—Этапы прогрессивного улучшения.
—Влияет ли прогрессивное улучшение на скорость и эффективность разработки?
—Как добавлять улучшения независимыми и цельными слоями.
—Прогрессивное улучшение и прокси-браузеры — друзья навсегда.

2. Вносим изменения в вёрстку учебного проекта с учётом прогрессивного улучшения.

3. Немного о минификации стилей и скриптов.

Автор: Александр Першин, Николай Громов, Алексей Симоненко
Заголовок: Интенсивный онлайн-курс «Базовый HTML и CSS»
Создан: 2020
Жанр: Видеокурс обучающий Вэб-дизайн, верстка
Перевод: Русский
Выпущено: Россия
Длительность: 18:37:38
Качество видео: PCRec
Формат: MP4 (+ доп. материалы)
Видео: AVC/H.264, 1728×1080,

781 — 1134 Kbps
Аудио: AAC, 2 ch, 235 Kbps, VBR
Файл весит: 9.36 Gb

Скачать [HTML academy] Продвинутый онлайн-интенсив «Создание веб-интерфейсов с помощью HTML и CSS»

[HTML academy] Продвинутый онлайн-интенсив «Создание веб-интерфейсов с помощью HTML и CSS»

В чём отличие от базового интенсива?

Начальный уровень: средний
Интенсив предназначен для тех, кто прошёл базовый интенсив или для людей уже владеющих вёрсткой.

Илон Маск рекомендует:  Текст переливаются разными цветами

Профессиональный рост
Этот интенсив предназначен для «прокачки» от верстальщика-новичка до полноценного специалиста, востребованного на рынке.

Продвинутые инструменты
В процессе обучения на интенсиве будут постоянно использоваться те инструменты, которыми должен владеть каждый верстальщик-профессионал. Практическая часть будет завязана на GitHub, будут активно использоваться средства автоматизации.

Внимание: бета-запуск!
В ноябре мы запускаем первый, репетиционный, поток интенсива, на котором будут впервые отрабатываться инструменты работы, теоретический и практический материал. Цена участия в первом потоке примерно на 20% ниже, чем в последующих интенсивах, которые начнутся с февраля 2015 года. Количество мест ограничено: сможем взять всего 20 человек.

Что включает в себя интенсив:

    • 10 вебинаров длительностью 2 часа.
      5 часов индивидуальных консультаций персонального наставника.
      — Методические материалы: видеозаписи лекций, презентации, интерактивные пошаговые руководства.
      — Отдельный форум для общения и взаимопомощи.
      Сертификат при успешном прохождении интенсива.
    • 1 раздел: Организация рабочего процесса (workflow)
      • — Введение в Git.
        — Обзор препроцессоров.
        — Обзор систем сборки.
        — Обзор средств автоматизации.
        — Обзор других полезных инструментов (emmet, его аналоги, и др.).
        — Как будет организован учебный процесс на интенсиве.
    • 2 раздел: Методология
      • — Вёрстка независимыми блоками (БЭМ).
        — Работа с инспектором.
        — Методы поиска проблем.
        — Как верстать, чтобы не ломалось.
    • 3 раздел: Препроцессоры, часть 1
      • — LESS.
        — SASS.
        — Stylus.
        — И компания.
    • 4 раздел: Препроцессоры, часть 2
      Продолжаем разговор о препроцессорах.

      5 раздел: Адаптивность, сетки

      • — Резиновая вёрстка.
        — Медиавыражения, брейкпоинты, принцип «перестройки сетки».
        — Адаптивность с фиксированными сетками.
        — Адаптивность с резиновыми сетками.
        — Подходы: от простой сетки к сложной, от сложной к простой.
        — Mobile first и сетки.
        — Обзор flexbox.
    • 6 раздел: Адаптивность, графика, типографика
      • — Адаптивные графика и медиаконтент.
        — Оптимизация графики.
        — Ретина.
        — SVG.
        — Иконочне шрифты.
        — Работа с относительными размерами шрифта.
        — Em vs rem vs vw/vh
    • 7 раздел: Прикладной JavaScript, часть 1
      • — Улучшаем UX с помощью скриптов.
        — Ajax.
        — Весёлые анимации, трансформации.
        — Параллакс.
    • 8 раздел: Прикладной JavaScript, часть 2
      Продолжаем разговор о JavaScript.

      9 раздел: Фреймворки

      • — Bootstrap и сотоварищи.
        — Если вы решили создать свой фреймворк?
    • 10 раздел: Введение в автоматизацию
      • — Проверка кода
        — Оптимизация кода
        — Оптимизация графики
        — Деплой
    • Сайт- источник

      Курс «Основы HTML и CSS»

      • О курсе
      • Программа курса
      • Особенности

      Онлайн-курс образовательного проекта «Нетология», в котором все желающие могут пройти бесплатное обучение HTML и CSS. Эта программа – отличный старт для погружения в интересный и удивительный мир web-разработчика. Курс веб-разработки будет интересен и полезен дизайнерам, контент-менеджерам, интернет-маркетологам и руководителям интернет-проектов.

      Программа подготовки структурирована и подается от простого к сложному. Преподаватели начинают с самых азов: что такое браузер, URL, как отображается страница и т.д. Материалы легко усваиваются и закрепляются домашними заданиями.

      В курсе «Основы HTML и CSS»:

      • Знакомство с HTML и CSS.
      • Лекции по основам клиент-серверного взаимодействия.
      • Языки стилей CSS.
      • Верстка текстовых блоков.
      • Подготовка контента для публикации на сайте.

      В результате вы освоите базовые навыки профессии web-разработчика и получите хорошую базу для дальнейшего самостоятельного обучения.

      Онлайн обучение Профессия
      HTML верстальщик

      Получите профессию за 2 месяца под руководством опытного наставника. После курса – трудоустройство в веб‑студию или работа на фрилансе.

      Основатель онлайн школы WebCademy.ru,
      автор обучающего блога по веб-разработке RightBlog.ru,
      основатель студии WebOtdel.

      • Product designer, UI & UX дизайнер.
      • FrontEnd разработчик
      • Опыт в веб-разработке: более 10-ти лет
      • Преподавательский стаж: более 5 лет
      • Опыт работы в международных IT компаниях, из TOP 10 в своей отрасли. США, Норвегия. Делаю дизайн и фронтенд для IT продуктов.

      Мне нравится делать, пожалуй, лучшие курсы по IT обучению в Рунете.

      Я убежден, что при правильном подходе любой человек с желанием может стать веб-разработчиком.

      Работа веб-разработчика позволяет мне работать удаленно, путешествовать и жить в любой точке мира. Позволит и Вам!)

      • Обзор редакторов кода
      • Установка и настройка редактора
        Sublime Text
      • Плагины для Sublime Text, package control
      • Тема Material Theme
      • Редактор Brackets
      • HTML теги
      • Основные HTML теги
      • Структура проекта
      • Верстка таблиц
      • CSS3 эффекты
      • Градиенты
      • Трансформации
      • Анимация
      • Хостинг и домены
      • Работа сайта
      • Покупка домена
      • Покупка хостинга
      • Настройка Домена и Хостинга
      • Автообновление страницы при верстке
      • Firefox плагин AutoReload
      • Google Chrome LivePage
      • Стартовый шаблон для верстки
      • Использование Google Fonts
      • Использование WebFont.ru
      • Генерация веб-шрифтов
      • Шрифтовые иконки
      • Карусель — подключение и настройка
      • Табы, вкладки и переключатели
      • Многоуровневая навигация
      • Галерея фотографий
      • Модальные окна
      • Сортировка и фильтрация элементов
      • Работа с Google Maps, вставка карт на сайт
      • Сетка Bootstrap
      • Подключение и использование
      • Быстрое прототипирование на Bootstrap
      • Использование и стилизация компонентов
      • Flex box верстка
      • Pixel Perfect верстка
      • CSS gr >Оптимизация верстки
      • Спрайты
      • Оптимизация работы с изображениями
      • Препроцессор LESS
      • Сниппеты Sublime Text
      • Gist заготовки кода
      • Анимация при прокрутке страницы
      • Параллакс эффекты
      • Загрузчики (эффект загрузки страницы)
      • Плавная прокрутка на сайте
      • Mobile first подход
      • Мобильная адаптивная навигация
      • Онлайн калькулятор
      • Формы обратной связи
      • Отправка писем с сайта
      • Валидация данных в формах
      • Подключение jQuery плагинов
      • Написание jQuery скриптов
      • Основы PHP
      • PHP — основы ООП
      • Основы JavaScript (предпросмотр)
      • JavaScript — модульный подход
      • JavaScript — ООП
      • jQuery — библиотека языка JS
      • ajax запросы на сервер без обновления страницы
      • Контроль версий — Git
      • Сервис GitHub
      • Установка и настройка необходимых программ.
      • Основные понятия в веб-разработке.
      • Основы разметки HTML.
      • Создаем HTML сайт.
      • HTML таблицы и формы.
      • Оформляем домен и хостинг.
      • Работа с FTP.
      • Знакомство с CSS стилями и их возможностями.
      • Основы таблицы стилей CSS.
      • CSS селекторы.
      • Основные CSS свойства.
      • Веб-Шрифты — подключение и генерация.
      • Блочная верстка — часть 1. Типы блоков. Float. Clear.
      • Блочная верстка — часть 2. Типы блоков. Block, inline, inline-block. Clearfix.
      • Абсолютное позиционирование. Псевдоклассы.
      • Стандарты верстки: Валидация CSS.
      • Разбираем темы за неделю. Ответы на вопросы.
      • Знакомство с Photoshop.
      • Работа с макетом в Photoshop.
      • Блочная верстка. Позиционирование.
      • Инструмент — Сетка, для разметки сайта.
      • Стартовый шаблон. Организация работы.
      • БЭМ-нейминг методология.
      • Разбираем темы за неделю. Ответы на вопросы.
      • Что такое фреймворк. Зачем он нужен.
      • Медиа-запросы, мобильная верстка.
      • Верстка адаптиной навигации.
      • Что такое фреймворк. Зачем он нужен.
      • Знакомство с Bootstrap.
      • Сетка, элементы, быстрое прототипирование.
      • CSS3. Градиенты.
      • Размеры текста: em, rem.
      • CSS3. Анимация, тени, переходы.
      • Библиотека Animate.css
      • Анимация при открытии страницы.
      • Препроцессор LESS.
      • Разбираем темы за неделю. Ответы на вопросы.
      • Знакомство с макетом Аполло.
      • Java Script — основы.
      • Знакомство с jQuery.
      • Bootstrap элементы.
      • Оптимизация верстки.
      • jQuery — основы
      • jQuery интерактивные элементы страницы:
        • — Карусель.
        • — Модальные окна.
        • — Табы.
        • — Галерея фотографий.
        • — Сортировка элементов.
      • Знакомство с PHP.
      • PHP — основы.
      • Форма обратной связи на сайт.
      • Фриланс.
      • Проект менеджмент.
      • Разбираем темы за неделю. Ответы на вопросы.
      • Знакомство с Ajax.
      • Критерии сдачи сайта — чек лист.
      • PHP — основы. Форма обратной связи на сайт.
      • Ajax. Ajax форма обратной связи.
      • Устройство на работу.
      • Карьера.
      • Распределение и обсуждение персональных проектов.
      • Консультации по индивидуальным проектам.
      • Большой блок: Фриланс в веб-разработке.
      • Общие задания по фрилансу и трудоустройству.
      • Прием индивидуальных дипломных проектов.
      • Индивидуальные задания фриланс или трудоустройство.
      • Мастер-майнд в группе по куочингу.
      • Большой блок: Трудоустройство в веб-разработке.
      • Мастер-майнд в группе по куочингу.
      • Пуленепробиваемая кроссбраузерная верстка. Покоряем IE. Modernizr.
      • Ускорение верстки.
      • Индивидуальные задания фриланс или трудоустройство.
      • Мастер-майнд в группе по куочингу.
      • Проект менеджмент в веб-разработке.
      • Финал. Выдача сертификатов. ВИП группа. Закрытие курса.

      Верстаем макет начального уровня. Сайт для туристической компании «ФорестТревел» из 4-х страниц.

      Учебный макет для приложения Юнит.
      Мобильная верстка под планшеты и смартфоны.

      Каждый студент в финале курса создает свой личный сайт портфолио со своими работами. Адаптивная верстка, скрипты, форма обратной связи с проверкой и отправкой сообщений.

      Видео уроки

      Для удобства изучения все темы курса записаны в видео-уроки и доступны в хорошем качестве. Смотрите уроки в удобное для вас время. Обучайтесь когда вам удобно из любой точки мира.

      Домашние задания

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

      Чат для общения

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

      Онлайн мастер-классы

      Общий созвон раз в неделю, проводим мастер-класс по проектам, отвечаем на самые популярные вопросы и разбираем сложные ситуации.

      Три выпускных проекта

      Нет ничего лучше практики. В процессе обучения вы сверстаете несколько сайтов, и сделаете итоговый выпускной проект.

      Консультации с наставником

      Возникли трудности с проектом? Не беда! На индивидуальной консультации наставник подробно расскажет и объяснит что к чему.

      После обучения мы продолжаем общение с выпускниками курса. Помогаем друг-другу по вопросам верстки и веб-разработки.

      ��‍�� Вакансии и проекты

      Клуб-выпускников — чат в котором общаются все ребята, которые когда-либо у нас учились. У нас весело и полезно. Можно спросить совет, узнать мнение о своей работе, обсудить проблему и узнать о свежих и крутых вакансиях от знакомых.

      Часто ко мне обращаются руководители веб-студий, чтобы я порекомендовал лучших учеников для трудоустройства.

      ☕ Раз в месяц встречи в Москве

      Раз в месяц мы с ребятами собираемся в Москве. Время от времени мы будем устраивать живые встречи и в других городах.

      Валерий Молчанов

      Виктория Рустамова

      Татьяна Берлова

      Михаил Кушков

      Сергей Галена

      Дарья Воропаева

      Антон Петров

      Ольга Ившина

      • Полноценная верстка страниц сайта
      • Свободное владение HTML и CSS
      • HTML5 и CSS3
      • Знание Adobe Photoshop для работы с макетами
      • Кроссбраузерная верстка
      • Верстка для мобильных устройств (адаптивная и отзывчивая верстка)
      • Оптимизация под мобильные устройства
      • Оптимизация работы с изображениями
      • Умение разбираться в чужом коде
      • Понимание основ юзабилити
      • Основы JavaScript
      • Основы PHP

      На курсе есть блок по трудоустройству и фрилансу. Чтобы вы смогли найти достойную работу и хорошо зарабатывать, применяя навыки и знания полученные на курсе. Примеры вакансий с сайта headhunter.ru

      Оригиналы отзывов находятся в группе Вконтакте

      За чем пришел на курс

      За знаниями html & css.

      Результат

      Вход в профессию / необходимые предметные основы. Во время обучения сделал редизайн своего сайта. Хорошо прокачал свой уровень в верстке сайтов.

      Отзыв

      Большое спасибо за обучение! Юрий Ключевский – отличный преподаватель. Как педагог по образованию, могу от себя сказать, что созданный Юрием курс очень хорош для новичков в знаниях html & css. Методика – интенсив, плавный, верно построенный; интересный, не напрягающе-нудный, и если есть возможность и желание делать домашние задания, вы никак не останетесь по окончанию этого курса без самостоятельно сделанных и разобранных преподавателем работ-сайтов.

      За чем пришел на курс

      По роду деятельности я связан с различными интернет-проектами, и мне просто необходимо знать и общаться на одном языке с программистами и веб-дизайнерами, и по этому я решил изучить целиком и полностью это направление. Поначалу самостоятельно разбирался в материале, но потом решил, что лучше знания получить от профессионала своего дела, которым Юрий Ключевский является целиком и полностью.

      Результат

      Самое главное, что база получена, а дальше, как говорил мой дедушка-чекист, — дело техники.

      Отзыв

      Если вы хотите получить знания по HTML и CSS, то я рекомендую этот курс от Юрия Ключевского! Доступно и понятно о сложных технических моментах и терминах! Если вам интересно то, что скрыто под «капотом» сайта, если вы самостоятельно хотите сделать сайт с нуля до его запуска или просто научиться этому ремеслу, то для начала советую получить знания от профи.

      Огромное спасибо! Рекомендую как профессионала своего дела.

      За чем пришла на курс

      Я ux дизайнер, и мне было необходимо узнать и эту часть жизненного цикла веб интерфейсов. Заниматься самой требует много времени, а при плотном рабочем графике, стараешься экономить каждую минуту.

      Результат

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

      Отзыв

      Курс очень прикладной, практика, практика, практика. Это мне очень понравилось. Современные технологии, методологии, разные языки. Все это то, что действительно нужно для того чтобы начать работать в данной сфере. Если кто-то действительно ищет возможность для старта в мире верстки, веб программирования, фронтенда, то курс будет очень полезным.

      За чем пришел на курс

      Результат

      Структура верстки стала понятна сама по себе, теперь, если придется, я смогу разобраться в ранее неизвестных мне приемах или функциях и подключить их в свой проект. В итоге мы научились создавать сайты, которые мой знакомый дизайнер оценил как современные и с актуальными «фишками». Самый тренд!))

      Отзыв

      Курс очень эффективный. Юрий излагает материал настолько понятно и структурированно, что я мог не присутствовать на ночных (в моем часовом поясе) вебинарах и всё равно делать задания. Инструменты, которыми он учит пользоваться, ускоряют верстку в несколько раз, превращая её из рутинной нудятины в нормальный творческий рабочий процесс. Почти круглосуточное сопровождение: от проверки заданий до советов по оптимизации кода. Мне кажется, что Юрий проверял работы гораздо быстрее, чем группа их создавала))

      За чем пришел на курс

      Я решил что-то поменять в свой жизни. Я подумал, что IT (web) — самое то.

      Результат

      Хорошо понял необходимые для работы основы. Для себя следующим шагом вижу — изучение JavaScript, JQuery

      Отзыв

      Я решил пройти курсы и о чем не жалею. Потому что: 1. Все доступно. 2. Юра помогал по тем вопросам. которые возникали в ходе выполнения заданий. 3. Достаточно много материала, который еще нужно переваривать и т.д. Всем рекомендую!

      За чем пришел на курс

      Решил сделать свой первый шаг в сторону web разработки.

      Результат

      Хорошая база, которая дает понять, в каком направлении развиваться дальше.

      Отзыв

      Настоятельно советую курс Юрия по верстке сайтов! Обучение систематизировано таким образом, что на протяжении всего курса ты получаешь только те знания, которые нужны новичку на данном этапе, ничего лишнего. Информативный и сбалансированный курс, опытный преподаватель, адекватная цена. Советую всем интересующимся пройти этот курс, а Юрию желаю успехов!

      За чем пришел на курс

      Решил найти работу, которая будет нравиться, и приносить не плохие деньги. Остановился на верстке, понравилось, но многое не получалось. Хотелось большего. Решил пройти курсы

      Результат

      На многое открыл глаза, многое узнал. На курсах все сжато и быстро, а когда оглядываешься назад, то понимаешь, как «высоко» ты уже в верстке, и понимаешь, куда дальше. Понял, как построить работу, с чего начинать, а что можно отложить на потом. Освоил новые программы и работу с ними. Далее можно будет и фрилансом заняться, так сказать отточить полученные навыки, а в будущем думаю на более углубленные курсы пойти.

      Отзыв

      На курсах ничего лишнего, занудного и скучного. Помимо теории, много практики. Причем практики с подробным объяснением каждой запятой. И даже если после этого, что-то не понятно можно поинтересоваться у сокурсников или, что самое главное, у самого лектора, который на удивление отвечает очень быстро.

      За чем пришла на курс

      Очень люблю Flat-дизайн, красивые минималистичные сайты — слабость моя. Поэтому давно мечтала создавать такие же, но знакомые программисты говорили, что года 2 нужно, чтоб научиться. Поэтому верстка так и оставалась у меня на уровне фантазий.

      Результат

      Базовый курс освоен. Начало положено. Теперь можно самостоятельно практиковаться и углублять свои знания! Теперь, закончив курс, я чувствую себя почти гениальной))

      Отзыв

      В ленте ВК наткнулась на набор группы на курс, зашла ради любопытства. Отзывы реальных учеников и цена были приятными, поэтому я загорелась и решила, что ничего не теряю.)

      Смущала 7-часовая разница во времени. (я из Вадивостока) Но Юрий меня успокоил. Каждый вебинар я смотрела в записи, в удобное для себя время).

      Тема для меня новая. Сложная. Информации много! Иногда даже мозг закипал, и я чувствовала себя глупой телкой (не без этого)) Но процесс обучения грамотно выстроен и интересен! Очень многое зависит от преподавателя! Юра классный преподаватель! Если у вас реальный интерес к созданию сайтов, то очень рекомендую, не пожалеете!

      За чем пришел на курс

      Решил в ближайшее время перейти на удаленную работу и стал определяться с интернет-профессиями, всегда хотел создавать сайты и искал, как этому научиться.

      Результат

      На этом курсе изучили все основные темы по верстке, а также затронули и даже попробовали более углубленные штуки, такие как PHP, JS, Ajax, WordPress.

      Отзыв

      Очень понравился сам процесс обучения, информации было много, но так как вебинары проходили не каждый день, было время всю ее «переварить» и усвоить.

      Еще понравилась система учета домашних заданий с отметками за выполнение, что заставляло делать все задания во время и не отставать от однокурсников. Всем советую пройти этот курс, не пожалеете. Спасибо Юрию за курс, все очень профессионально сделано и организовано.

      За чем пришел на курс

      Устал от офисной работы и решил, что нужно менять профессию, чтобы делать работу из любого места. Решил, что стану фронт-эндером. В первую очередь, занялся азами — html/css. Зарегался на html-academy, стал проходить курс, но чем дальше уходил, тем больше понимал, что что-то не так. Я знал теги, знал свойства и атрибуты, понимал логику разметки, но что с этим знанием делать? Я будто научился ездить на велосипеде, ни разу на него не сев. Вычитал, что удобнее всего материал усваивается за личным проектом, но не знал, как вообще создать сайт. Мне было необходимо обучение на практике.

      Результат

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

      Сейчас я пока не работаю в сфере, хоть и выполнил пару маленьких заказов — перепрохожу курс заново, чтобы быть точно уверенным в своей компетентности. Так же здорово, что все учебные материалы со мной останутся, систематично разложенные по папкам, со всеми примерами и ответами.

      Отзыв

      Планирую идти дальше, углубляться в FE, после перепрохождения курса вернуться к изучению JS и его фреймворков, немного больше узнать о PHP(который, кстати, немного тоже рассматривается в рамках этого курса), Python, и софте для разработки UI/UX, вроде Adobe xd.

      Цена курса невысокая, длительность — что надо, и самое главное: охватываются все необходимые темы. Очень хороший курс. Материал подаётся плавно, местами с рывками вперёд, но эти рывки необходимы, это своеобразные барьеры, которые хочется преодолеть, чтобы подсмотреть, что ждёт дальше. Курс рекомендую! Спасибо Юрию за составление такой программы обучения, профессионализм и отзывчивость!

      За чем пришла на курс

      Мне приходится часто ездить, и я задумалась о смене профессии на фриланс.

      Результат

      Теперь я разбираюсь в предмете и моя цель — накопить опыт работы в новой сфере и углублять знания!

      Отзыв

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

      Курс интересный, позволяет за короткое время и низкую стоимость освоить новую профессию, материала много и в разной форме, преподаватель и куратор курса всегда на связи и помогут, да и вообще все на курсе веселые и отзывчивые! =

      За чем пришел на курс

      Сам процесс онлайн обучения считал не очень привлекательным, потому что при выборе курсов опираться можно лишь на шаблонное описание программы обучения и на сайт автора. Выбирал несколько недель, кое-где оставлял заявки, но везде отказывался по разным причинам. И тут наткнулся на симпатичный сайт Юрия. Оставил заявку, списался в контакте, появились проблемы по времени, так как середина учёбы совпадала с моим отъездом, на что Юрий предложил очень увесистые доводы остаться.

      Результат

      Получил знания, которые пригодятся на практике.

      Отзыв

      Уроки построены логично, есть обратная связь со слушателями, затрагиваются моменты, которые пригодятся в будущем. В общем уверенно могу сказать, что оно того стоит. Скайп-чат с группой и пройденный материал останется у вас, и это вообще джек-пот! Юрию желаю успехов и плюсиков в чат!

      За чем пришел на курс

      Освоить профессию HTML-верстальщика.

      Результат

      После того как прошёл курс «Верстка сайтов HTML5/CSS3» я получил огромное количество полезного материала поданного в интересной форме, который пригодится в карьере веб-разработчика.

      Отзыв

      Благодаря тому, что автор имеет отличные навыки преподавателя, каждый урок был увлекательный и лёгкий для понимания. Юрий всегда отвечал на мои вопросы и помогал разобраться с любыми проблемами. Грамотно построенные домашние задания, при выполнении которых я укреплял знания полученные на вебинарах. Данный курс включал в себя очень актуальные темы, которые ценятся работодателями в сфере веб-разработки. Огромное спасибо Юрию за данный курс, так как это отличная возможность получить актуальную и востребованную профессию.

      За чем пришла на курс

      Я имела представление о HTML и CSS из различных бесплатных ресурсов, но верстать что-то более-менее серьезное не могла.

      Результат

      На курсе мы продвигались от простого к сложному, и это помогло мне упорядочить имеющиеся знания и приобрести новые, а также получить практический опыт верстки. Теперь я смело могу взяться за вёрстку не очень сложного шаблона с элементами Java script, и самое главное — я знаю, куда мне двигаться дальше, чтобы оттачивать свои знания.

      Отзыв

      Для меня данный курс оказался очень полезным и эффективным. На практике мы сверстали несколько работ, причем все непонятные моменты Юрий разъяснял очень подробно в индивидуальном порядке. Ценно и то, что помимо HTML и CSS мы рассмотрели полезные инструменты разработчика, о которых я и не догадывалась. От души благодарна Юрию за его труд, желаю творческих успехов, и надеюсь на дальнейшее общение.

      За чем пришла на курс

      Пришла на курс с нулевыми знаниями в области веб-дизайна, чтобы начать самой создавать веб странички грамотно и интересно.

      Результат

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

      Отзыв

      Очень благодарна Юрию за терпение, за подробные, конструктивные разъяснения. Курс великолепен и максимально наполнен всем необходимым. Конечно, курс прошёл в интенсивном режиме, зато очень эффективно. Так что всем желающим познать тайны HTML и CSS очень рекомендую. Говорят, время — деньги, потому не стоит растрачивать время на поиски тьюториалов — всё есть в одном курсе. Еще раз спасибо нашему учителю

      За чем пришел на курс

      Начинал курс с нулевыми знаниями в область HTML, CSS да и вообще всего, что касается разработки веб-страниц, Landing page и.т.д. На работе возникла потребность в освоение нашей фирмы интернета. Подумали , посовещались, и решили, что-то найти, подходящее для изучения

      Результат

      Благодаря такому интенсиву очень хорошо произошло запоминание принципов и алгоритмов верстки сайтов.

      Отзыв

      Главные фишки в курсе:
      1. Его продуманная последовательность от самых основ, до библиотек, фишек.
      2. Интенсивность курса, несмотря на очень большой объем работы.

      Хотел бы порекомендовать этот курс всем — абсолютно всем — от начинающих до квалифицированных специалистов.

      За чем пришел на курс

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

      Результат

      Курс помог структурировать уже имеющиеся знания + приобрести новые навыки. Главное понял и немного изучил сам процесс верстки.

      Отзыв

      Я доволен курсом и преподавателем. Хочется отметить, что Юрий всегда готов помочь, то есть в «нерабочее время».

      За чем пришла на курс

      Хотела изучать HTML и CSS, но не знала, с чего начать, вернее, с какой стороны подойти к такому «зверю».

      Результат

      Курс был отличным стартом и дал тот объем знаний, который теперь позволяет мне УВЕРЕННО погружаться в более глубокое изучение HTML и CSS. Теперь меня не пугают никакие title, div, webkit, ul, meta, bootstrap, font-weight, padding и другие неведанные мне ранее звери)))

      Отзыв

      Если вы новичок, то данный курс вам очень подойдет. Вы сразу окунетесь в самую суть процесса и быстро увидите результаты своих стараний — не сложные рабочие странички на вашем же сайте. Но это не всё, в процессе обучения задания будут усложняться, и углубляться, и в конечном итоге вы будете в силах создавать свои полноценные рабочие страницы с оригинальным дизайном и некоторыми забавными «примочками». Спасибо Юрию за терпение и внимание к участникам курса!

      За чем пришел на курс

      Нужны были чёткие знания, для начала работы в html.

      Результат

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

      Отзыв

      Курс очень интенсивный информации много, запомнить трудно все сразу, поэтому ни в коем случае нельзя халтурить, и выполнять домашние задания нужно в срок, нельзя отставать ни в коем случае. Курс отлично структурирован.

      За чем пришла на курс

      Были нужны знания по веб-разработке. Нужна была практика (очень много практики) + ментор, который бы направил на нужную информацию.

      Результат

      Разобралась в трудных моментах с версткой и теперь, не используя туториалы и уроки, могу спокойно верстать страницы используя фрэймеворки и без них. Наконец нашла человека, который бы дал хороший стартовый пинок для работы в верстке =)).

      Отзыв

      Этот курс хорош для совсем начинающих и для тех кто не первый раз видит HTML и CSS. Хотелось бы еще раз сказать большое спасибо за терпение и время которое Юрий потратил на объяснения одних и тех же вещей помногу раз. Помогло (и все еще помогает) это все-таки.

      За чем пришла на курс

      Усовершенствовать свои знания.

      Результат

      Знания верстки у меня уже были, но благодаря курсу я смогла узнать все тонкости, разобраться в деталях, более подробно изучить все нюансы. Сейчас я уже изучаю php и интеграцию готовой верстки на bitrix, но когда у меня возникают вопросы по верстке, я без сомнения обращаюсь к Юре, он всегда поможет и подскажет, за что я очень благодарна.

      Отзыв

      Хочу порекомендовать этот курс всем, кто хочет учить html и css с нуля, а также тем, кто хочет усовершенствовать свои знания.

      Отмечу, что Юра отличный учитель, он очень доступно и понятно объясняет. Мне понравилось, что он очень правильно продумал структуру курса, благодаря чему курс очень легок в изучении и очень понятен. Детальное объяснение всех ошибок в д/з и видеозапись, это очень полезно и удобно. Записывайтесь на курс, не сомневайтесь, учитесь и все у Вас получится!

      За чем пришел на курс

      В разработке веб сайтов я видел перспективу открытия собственного дела, которое не требует больших вложений извне и способно подняться только с помощью хорошей идеи и в дальнейшем ее реализации. Начинал самостоятельное изучение HTML , CSS и на протяжении месяца я уже имел некоторый результат, успел сверстать 3 небольшие странички. Но мне мое продвижение показалось очень долгим, я прекрасно понимал, что в изучении чего-либо нового нужен опытный наставник

      Результат

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

      Отзыв

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

      За время курса было сверстано несколько страничек, каждая из которых предоставляла возможность закрепить пройдённый материал. С первого же занятия нам прививались правильные нормы верстки: семантичность страниц, читабельность кода, и многое другое. Был рассмотрен ряд сопутствующих программ, типа Photoshop , Brackets и Sublime.

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

      За чем пришел на курс

      Хотел начать изучать html. До курса мои знания были на уровне «есть html, в нем есть какие-то теги, и из них получается страничка».

      Результат

      Сейчас, после прохождения курса, я могу сверстать практически любую страничку, при этом она будет семантична, и адекватно выглядеть на любом устройстве. Конечно, еще можно и нужно подучить всякие вещи, типа js, php, wordpress (если конечно ориентироваться на front-end разработчика широкого уровня), но благодаря курсу, и в частности Юрию, я получил достаточно мощный старт в знаниях (html5, css3, гриды, медиа-запросы, адаптивность, немного photoshop’а, и много сопутствующего), особенно в практике.

      Отзыв

      Прошел курс, и остался очень доволен. На занятиях, после прохождения базовых вещей, в качестве домашних задания, мы начали верстать странички по шаблонам, при том, шаблоны достаточно насыщенные — блоки, картинки, формы, меню. Сложно, сначала непонятно, но интересно. Опять же, спасибо Юрию: на любой вопрос, который возникал в процессе урока (как работает та или иная технология, или сервис), или в процессе выполнения домашнего задания, (почему какой-то блок, или меню не хочет выглядеть так, как их накодили), всегда был понятный подробный ответ, «объяснение на пальцах», почему именно так. В общем лично я остался доволен обучением, ни разу не пожалел вложенные деньги, все-таки инвестиции в себя, в свое образование и будущее.

      За чем пришла на курс

      Хотела начать изучение html и css. Пришла с практически нулевыми знаниями.

      Результат

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

      Отзыв

      Понравился тренер, Юрий. Я не понимаю, откуда у него столько свободного времени?! Он был доступен практически в любой час, готов был ответить на вопросы, и в режиме он-лайн разобрать проблему — даже если это неурочное время! Рассказывал очень понятно, системно, не возникало ощущения «галопом по Европе». Все изучали, пока не будет понятно, и дз обязательно нужно было сделать и сдать. Если хотите начать изучение html и css, то советую этот курс!

      Обучение в закрытой группе с наставником. Доведение до результата.

      Стандарт: 04 Ноября — 28 Декабря (2 месяца)
      Премиум: 04 Ноября — 31 Января (3 месяца)

      Илон Маск рекомендует:  Некоторые аспекты использования пользовательских функций в предложениях sql
      Понравилась статья? Поделиться с друзьями:
      Кодинг, CSS и SQL
      Поставьте оценку