WebForMySelf | Веб-дизайн + верстка (2019) [unpacked]

Код: выделить все General Complete name               : .\[WebForMySelf] Веб-дизайн + верстка (2019)\videokurs\part1\1.mp4 Format                      : MPEG-4 Format profile              : Base Media / Version 2 Codec ID                    : mp42 (isom/mp42) File size                   : 3.19 MiB Duration                    : 1 min 8 s Overall bit rate mode       : Variable Overall bit rate            : 392 kb/s Encoded date                : UTC 2019-08-19 12:30:18 Tagged date                 : UTC 2019-08-19 12:30:18 Video ID                          : 1 Format                      : AVC Format/Info                 : Advanced Video Codec Format profile              : Baseline@L3.1 Format settings             : 3 Ref Frames Format settings, CABAC      : No Format settings, ReFrames   : 3 frames Codec ID                    : avc1 Codec ID/Info               : Advanced Video Coding Duration                    : 1 min 8 s Bit rate                    : 263 kb/s Width                       : 1 280 pixels Height                      : 720 pixels Display aspect ratio        : 16:9 Frame rate mode             : Constant Frame rate                  : 30.000 FPS Standard                    : NTSC Color space                 : YUV Chroma subsampling          : 4:2:0 Bit depth                   : 8 bits Scan type                   : Progressive Bits/(Pixel*Frame)          : 0.010 Stream size                 : 2.14 MiB (67%) Language                    : English Encoded date                : UTC 2019-08-19 12:30:18 Tagged date                 : UTC 2019-08-19 12:30:18 Color range                 : Limited Codec configuration box     : avcC Audio ID                          : 2 Format                      : AAC LC Format/Info                 : Advanced Audio Codec Low Complexity Codec ID                    : mp4a-40-2 Duration                    : 1 min 8 s Bit rate mode               : Variable Bit rate                    : 126 kb/s Maximum bit rate            : 253 kb/s Channel(s)                  : 2 channels Channel layout              : L R Sampling rate               : 44.1 kHz Frame rate                  : 43.066 FPS (1024 SPF) Compression mode            : Lossy Stream size                 : 1.02 MiB (32%) Language                    : English Encoded date                : UTC 2019-08-19 12:30:18 Tagged date                 : UTC 2019-08-19 12:30:18

Блок 1. Figma от А до Я
Количество уроков: 19
Продолжительность: более 1 часа

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

---

Блок 2. Дизайн. Десктоп версия
Количество уроков: 14
Продолжительность: 3.5 часа

Из уроков блока вы узнаете, как создавать полноэкранные дизайны сайтов для настольных компьютеров и планшетов. Всего будет 6 экранов. Узнаете, как работать с фреймами, сетками и формами.

---

Блок 3. Дизайн. Мобильная версия
Количество уроков: 8
Продолжительность: более 2 часов

В этом модуле вы увидите, как адаптировать поэкранные дизайны сайтов под мобильную версию от А до Я.

---

Раздел 2. Верстка сайта
Количество уроков: 25
Продолжительность: 6 часов

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

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

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

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