Доступно

Курс по современной вёрстке [learn.javascript.ru]

Тема в разделе "Курсы по программированию", создана пользователем Топикстартер, 17 янв 2022.

Цена: 15000р.-94%
Взнос: 884р.
100%

Основной список: 38 участников

Резервный список: 28 участников

Статус обсуждения:
Комментирование ограничено.
  1. 17 янв 2022
    #1
    Топикстартер
    Топикстартер ЧКЧлен клуба
    Курс по современной вёрстке [learn.javascript.ru]

    Описание

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

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

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

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

    Продолжительность

    Курс идёт около 1 месяца

    Блок 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
    Сборка, пре- и постпроцессоры

    Разберём, как пишется и собирается код в современных проектах, пре- и постпроцессоры на основе postCSS, поддержку css-свойств в разных браузерах, современные средства сборки CSS, автопрефиксер и минификацию.

     
    3 пользователям это понравилось.
  2. Последние события

    1. svart
      svart оставил отзыв "Отлично".
      20 ноя 2023
    2. skladchik.com
      Складчина доступна.
      17 окт 2023
    3. forgestii56
      forgestii56 участвует.
      7 окт 2023
    4. casual2
      casual2 участвует.
      7 окт 2023

    Последние важные события

    1. skladchik.com
      Складчина доступна.
      17 окт 2023
    2. skladchik.com
      Взнос составляет 442р.
      4 сен 2023
    3. skladchik.com
      Складчина активна.
      4 сен 2023
    4. skladchik.com
      Сбор взносов начинается 04.09.2023.
      1 сен 2023
  3. Отзывы участников

    5/5,
    • 5/5,
      Хороший курс, все лекции пронумерованы по папочкам.
      Ведущий курса мне понравился, видно, что человек действующий и опытный разработчик. Дает много доп. литературы актуальной и свежей, в том числе и обязательной и базовой для глубокого понимания.
      Курс будет полезен также и верстальщикам с опытом для актуализации своих знаний и закрытий пробелов.
      В курсе вы не найдете итоговых правильно выполненных домашних заданий, однако автор почти на каждом занятии делает частичный разбор домашнего задания и отвечает на вопросы.
      По содержанию, тут нет последней темы "Сборка, пре- и постпроцессоры".
      20 ноя 2023
  4. Обсуждение
  5. 17 янв 2022
    #2
    FrontEnd-NodeJS
    FrontEnd-NodeJS ЧКЧлен клуба
    Подскажите, проект, который на курсе делают будет выдан, с пояснениями по ходу выполнения?
    Курс интересен, поставил в подпись!
     
Статус обсуждения:
Комментирование ограничено.