Распродажа!

[Герман Семикозов] [learn.javascript] Курс по современной вёрстке (2023)

р.500

-75%

Курс по современной вёрстке [Герман Семикозов] [learn.javascript] Курс по современной вёрстке, цель которого – сделать процесс вёрстки лёгким и понятным, научить создавать компоненты и избегать распространённых ошибок. HTML/CSS – технология, которую легко освоить “по верхам”, выучить основные теги и свойства, и что-то сразу можно создавать.

Категория:
Если вы сомневаетесь в нашей честности, то напишите нам по контактам на сайте. по ссылке: https://unimys.com/obratnaya-svyaz/
Любой товар стоит от 150 до 500 рублей (цена не зависит от стоимость продажи у автора)
  • После оплаты вы сразу же получаете курсы на e-mail;
  • Низкая цена;
  • Легко оплатить (мы используем все популярные платежные системы).

Если вы оплатили продукт, и он не пришел вам на почту в течение 30 минут, то свяжитесь с нами по ссылке: https://unimys.com/zakaz-ne-prishel/

Описание

Курс по современной вёрстке [Герман Семикозов] [learn.javascript]
Курс по современной вёрстке, цель которого – сделать процесс вёрстки лёгким и понятным, научить создавать компоненты и избегать распространённых ошибок. HTML/CSS – технология, которую легко освоить “по верхам”, выучить основные теги и свойства, и что-то сразу можно создавать.
Многие разработчики так и делают.

Цель этого курса:
научить не просто свойствам, а правильным подходам к вёрстке, включая организацию кода, стилей, совместимость с мобильными устройствами и многое другое.

Курс продвинутый, поэтому лучше приходить не с нулевыми знаниями.
Хотя и с нуля возможно, мы дадим основы вёрстки дадим до курса, во вводных материалах, они простые, но нужно будет внимательно посмотреть.
Курс также подойдёт для Javascript-разработчиков и backend-разработчиков, которые хотят повысить свой уровень понимания вёрстки, больше уметь сами в этой области.

Программа курса:
Блок 1. Основы современной вёрстки

Начнём с проверки понимания и нюансов использования базовых CSS-свойств, основ, которые вы посмотрели дома по вводным материалам.
Далее разберём компонентную структуру веб-страницы с точки зрения HTML/CSS, подходы к организации и архитектуре CSS-кода: БЭМ, Atomic CSS и др.
Изучим основы адаптивной вёрстки, единицы измерения. Темизацию на основе CSS-переменных.
Компоненты:

  • Кнопка (button).
  • Подсказка (tooltip).
  • “Аккордеон” (accordion).

Блок 2. Современная адаптивная вёрстка
Разберем различные способы верстки: статическую, резиновую, адаптивную и разницу между ними.

  • Современные подходы к верстке: flex.
  • Современные подходы к верстке: grid.
  • Верстка для разных экранов, viewport устройства.
  • Медиазапросы (@ media).
  • Изображения. Методы добавления изображений на страницу – плюсы, минусы и ограничения каждого (background-image, img и object).
  • Способы оптимизации загрузки, поддержка разных разрешений.

Компоненты:

  • Календарь.
  • Гистограмма.
  • Аватар пользователя.
  • Модальное окно.

Блок 3. Верстка форм
Для заказа пиццы нужно оставить свой номер телефона, а для оплаты картой – ее реквизиты: “заполнить форму”.
Этот процесс должен быть красивым, удобным, понятным для пользователя.
Разберем структуру формы и составляющих ее элементов, изучим нюансы правильной верстки формы.
Компоненты:

  • Поле ввода.
  • Радио.
  • Чекбокс.
  • Многострочное поле ввода.
  • Кнопка.
  • Вкладки (tabs).

Блок 4. Анимация
Научимся по-разному анимировать элементы интерфейса без использования JavaScript, профилировать анимацию, чтобы сделать её красивой и плавной.

  • Анимация: transition.
  • Анимация: keyframes.
  • Профилирование анимаций. “Тяжелые” для анимирования свойства.
  • Flip-анимации.

Компоненты:

  • Скелетон.
  • Спиннер.
  • Анимация гистограммы, аккордеона, всплывающей подсказки.

Блок 5. Сборка, пре- и постпроцессоры

***ВАЖНО: Завершающий раздел по сборке проекта автором не выдавался***

 

Отзывы

Отзывов пока нет.

Будьте первым, кто оставил отзыв на “[Герман Семикозов] [learn.javascript] Курс по современной вёрстке (2023)”

Ваш адрес email не будет опубликован. Обязательные поля помечены *