Верстка и веб-разработка сайтов. Продвинутый уровень Web Develop
Год выпуска: 2022
Производитель: Stepik
Сайт производителя:
https://stepik.org/course/118223/promo
Автор: Дмитрий Фокеев
Продолжительность: 20ч 2м 50с
Тип раздаваемого материала: Видеоурок
Язык: Русский
Субтитры: Отсутствуют
Описание:
Этот курс сделает вас настоящим "PRO" верстальщиком веб сайтов! Освойте современные методы создания CSS анимаций, работу с GRID CSS и продвинутые методы адаптации сайтов. Бонус: работа с Git и NPM.
- По окончании курса вы будете владеть всеми современными способами верстки и создания сайтов.
- Вы научитесь использовать CSS анимации на своих сайтах
- Вы узнаете продвинутые способы адаптивного дизайна
- Вы изучите продвинутые техники работы с препроцессором SASS
- Вы научитесь использовать систему контроля версий Git
- Вы изучите систему создания сайтов на CSS GRID
- Вы узнаете современные способы верстки сайтов
Привет!
Меня зовут Дима. И я предлагаю вам окунуться в самые глубины создания и верстки веб сайтов!
Этот курс для тех кто уже знает основы, но хочет перейти от хорошего уровня создания сайтов к отличному
Курс для тех, кто владеет базой HTML и CSS, но знает, что внутри осталось еще множество техник, приемов разработки и технологий, которые используют настоящие pro-девелоперы
Если это звучит знакомо, тогда этот курс для вас)
Вдохните жизнь в ваши сайты с помощью современной анимации через CSS
Мы начнём с того что внесём динамики в наши сайты, то есть займёмся анимацией. Изучим, как на чистом CSS анимировать кнопки, тексты и заголовки, научимся создавать анимацию карточек, создадим динамичное навигационное меню, и все это без единой строчки JS кода, только чистый CSS.
В этом курсе собраны лучшие практики по адаптивному дизайну
Вы научитесь новым способам и трюкам адаптивного дизайна ваших сайтов, используете новые методы определения и записи медиа запросов и научитесь адаптировать все элементы страницы, изменяя всего лишь одно CSS свойство, чтобы ваш сайт выглядел как никогда лучше на любом мобильном устройстве
Изучите все тонкости и преимущества современных пре процессоров
Вы узнаете, как ускориться в создании сайтов в несколько раз, используя по полной возможности препроцессора SASS, такие как миксины, переменные и функции.
Необходимая база по использованию NPM
Также NPM пакеты с необходимыми каждому про разработчику плагинами внутри, дадут нам возможность создавать и оптимизировать сайты как никогда быстро и качественно .
Система контроля версий Git поможет вам в вашей разарботке
Дополнительно вы изучите необходимую базу по работе с системой контроля версий git, чтобы у вас всегда была возможность вернуться к нужной версии вашего сайта, независимо от того как сильно вы напортачили при последнем абдейте сайта)
Вы сверстаете 2 современных сайта для своего портфолио
Этот курс построен на практике и разбит на небольшие видео уроки, в которых мы будем шаг за шагом создавать 2 больших современных проектах, основанных на системе float - чтобы вы могли поддерживать старые проекты и конечно на системе GRID CSS, которая позволяет создавать лейауты невероятной сложности.
И конечно, эти проекты будет не стыдно показать своим потенциальным заказчикам или будущим работодателям.
Формат видео: MP4
Видео: avc, 1920x1080, 16:9, 30.000 к/с, 251 кб/с
Аудио: aac lc, 48.0 кгц, 109 кб/с, 2 аудио
MediaInfo
General
Complete name : D:\5\Stepik, Дмитрий Фокеев - Верстка и веб-разработка сайтов. Продвинутый уровень Web Develop (2022)\6 Введение в CSS GRID\6.13 Как выравнивать сетку внутри контейнера.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 14.6 MiB
Duration : 5 min 33 s
Overall bit rate mode : Variable
Overall bit rate : 369 kb/s
Frame rate : 30.000 FPS
Writing application : Lavf58.29.100
Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : High@L5
Format settings : CABAC / 5 Ref Frames
Format settings, CABAC : Yes
Format settings, Reference frames : 5 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 5 min 33 s
Bit rate : 251 kb/s
Width : 1 920 pixels
Height : 1 080 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 30.000 FPS
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.004
Stream size : 9.95 MiB (68%)
Writing library : x264 core 159 r2991 1771b55
Encoding settings : cabac=1 / ref=5 / deblock=1:0:0 / analyse=0x3:0x113 / me=hex / subme=8 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=2 / 8x8dct=1 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=12 / lookahead_threads=2 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=3 / weightb=1 / open_gop=0 / weightp=2 / keyint=250 / keyint_min=25 / scenecut=40 / intra_refresh=0 / rc_lookahead=50 / rc=crf / mbtree=1 / crf=23.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / ip_ratio=1.40 / aq=1:1.00
Codec configuration box : avcC
Audio
ID : 2
Format : AAC LC
Format/Info : Advanced Audio Codec Low Complexity
Codec ID : mp4a-40-2
Duration : 5 min 33 s
Bit rate mode : Variable
Bit rate : 109 kb/s
Maximum bit rate : 128 kb/s
Channel(s) : 2 channels
Channel layout : L R
Sampling rate : 48.0 kHz
Frame rate : 46.875 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 4.34 MiB (30%)
Default : Yes
Alternate group : 1
