Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Верстка и создание веб сайтов - Продвинутый уровень!
Rating: 4.9 out of 5(202 ratings)
1,059 students

Верстка и создание веб сайтов - Продвинутый уровень!

Этот курс сделает вас настоящим "PRO" верстальщиком сайтов!
Created byDmitrii Fokeev
Last updated 4/2026
Russian

What you'll learn

  • Вы узнаете продвинутые способы верстки сайтов на языках HTML и CSS
  • Вы научитесь использовать CSS анимации на своих сайтах
  • Вы узнаете продвинутые способы адаптивного дизайна
  • Вы научитесь создавать "гибкие, резиновые сайты"
  • Вы изучите продвинутые техники работы с препроцессором SASS
  • Вы узнаете как использовать NPM пакеты при разработке сайта
  • Вы узнаете приемы которые ускорят ваш рабочий процесс в несколько раз
  • Вы научитесь использовать Gulp в своих проектах
  • Вы научитесь использовать систему контроля версий Git
  • Вы узнаете как размещать версии проектов на GitHub
  • Вы изучите систему создания сайтов на CSS GRID
  • Вы узнаете современные способы верстки сайтов

Course content

8 sections131 lectures20h 1m total length
  • Hello world! Скачиваем материалы к курсу3:57
  • Устанавливаем и настраиваем необходимое программное обеспечение16:46
  • Новое свойство clip-path. Начинаем создавать первую секцию сайта27:35
  • Если у вас не работает Scout-app6:37
  • Практика: Создайте свою фигуру с помощью Clip-path0:47
  • Как выравнивать элементы по вертикали с помощью абсолютного позиционирования25:28
  • Знакомство с @KeyFrames. Создаем первую анимацию.10:08
  • Backface-visibility и создание кнопок через псевдо-классы13:51
  • Анимируем кнопку с помощью псевдо-элементов8:59
  • Animation-fill-mode. Запуск анимации из определенной точки.7:03
  • 3 принципа веб разработки10:40
  • Используйте REM вместо PX12:11
  • Оставайтесь со мной на связи0:12

Requirements

  • Необходимы базовые знания по HTML и CSS. Знание FlexBox

Description

Привет!

Меня зовут Дима. И я предлагаю вам окунуться в самые глубины создания и верстки веб сайтов!


Этот курс для тех кто уже знает основы, но хочет перейти от хорошего уровня создания сайтов к отличному

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


Если это звучит знакомо, тогда этот курс для вас)


Вдохните жизнь в ваши сайты с помощью современной анимации через CSS

Мы начнём с того что внесём динамики в наши сайты, то есть займёмся анимацией. Изучим как на чистом CSS анимировать кнопки, тексты и заголовки, научимся создавать анимацию карточек, создадим динамичное навигационное меню и все это без единой строчки JS кода, только чистый CSS.


В этом курсе собраны лучшие практики по адаптивному дизайну

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


Изучите все тонкости и преимущества современных пре процессоров

Вы узнаете как ускориться в создании сайтов в несколько раз, используя по полной возможности препроцессора SASS, такие как миксины, переменные и функции.


Необходимая база по использованию NPM

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


Система контроля версий Git поможет вам в вашей разарботке

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


Вы сверстаете 2 современных сайта для своего портфолио

Этот курс построен на практике и разбит на небольшие видео уроки, в которых мы будем шаг за шагом создавать 2 больших современных проектах, основанных на системе float - чтобы вы могли поддерживать старые проекты и конечно на системе GRID CSS, которая позволяет создавать лейауты невероятной сложности.

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


Я всегда на связи!

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


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


До встречи на уроках!

Who this course is for:

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