Станьте профессиональным дизайнером на Тильде.
Погружение в Zero Block, анимацию, UI-дизайн для создания впечатляющих сайтов.
Курс
Начало
2 марта
6 недель
3 проекта для портфолио

Tilda Pro

` : ''} `); let v = $e.find('video')[0], f = function() { annexxAddStyle('011','.' + e.className.replace(/\s+/g,'.') + ' {display:table;}'); let $removeelementload = $(''); if ($removeelementload.length) $('').remove(); window.arrAnnexxVideoTooltip.push({'el': $e.find('video')[0], 'service': 'direct','modtype': '011', 'playElClick': d, 'buttonMute': 'no','actionPlayAnotherVideo': actionPlayAnotherVideo,'actionOpenPopup': actionOpenPopup, 'actionCloseTab': 'mute,pause'.split(','), elements: {shapePlayClick: $shapePlayClick, shapePlayHover: $shapePlayHover,shapePauseClick: $shapePauseClick, shapePauseHover: $shapePauseHover, shapeUnmuteClick: $shapeUnmuteClick, shapeMuteClick: $shapeMuteClick, shapeMuteHover: $shapeMuteHover, shapeUnmuteHover: $shapeUnmuteHover}, 'switchElementMuteUnmute': switchElementMuteUnmute, function: {playV: playV, pauseV: pauseV, mute: mute}}); ll--; if (!ll) resolve(); if (userFunctionNameEnd) { v.addEventListener('ended', function() { window.arrAnnexxVideoTooltip.userFunction.forEach(function(e) { if (e === userFunctionNameEnd) window[e](); }); }); } if (autoplay){ v.muted = true; function pl() { try { v.play(); } catch (e) {} } pl(); setTimeout(pl,1e3); } v.removeEventListener('canplay', f); function showElemOnplay() { if ($showElemOnplay) { $showElemOnplay.removeClass('hide-elem-onplay'); } if ($hideElemOnplay) { $hideElemOnplay.addClass('hide-elem-onplay'); } if (false) { this.removeEventListener('play',showElemOnplay); this.removeEventListener('pause',hideElemOnplay); } if ($previewvideo) { $previewvideo.addClass("hide-preload-shape"); if (!previewOnPause) $previewvideo = false; } } function hideElemOnplay() { if ($showElemOnplay) { $showElemOnplay.addClass('hide-elem-onplay'); } if ($hideElemOnplay) { $hideElemOnplay.removeClass('hide-elem-onplay'); } if ($previewvideo) { $previewvideo.removeClass("hide-preload-shape"); } } function showElemOnend() { if ($showElemOnend) { $showElemOnend.removeClass('show-elem-onend'); } this.removeEventListener('ended', showElemOnend); } v.addEventListener('play', showElemOnplay); v.addEventListener('pause', function() { if (this.closest(".t396__elem") && !this.closest(".t396__elem").classList.contains("hide-elem-onplay")) hideElemOnplay(); }); v.addEventListener('ended', showElemOnend); if ($shapeFullscreen) { $shapeFullscreen.on('click', () => { if (!document.fullscreen) { v.play(); v.muted = false; if (v.requestFullscreen) { v.requestFullscreen(); } else if (v.webkitEnterFullscreen()) { v.webkitEnterFullscreen()(); } } }); document.addEventListener("fullscreenchange", e => { if (!document.fullscreen) v.muted = true; }); } /* После обновления стал скакать зум видео */ /* $tnatom.css('zoom','inherit'); */ setTimeout(function() { $tnatom.css('zoom',''); if (!true) window.dispatchEvent(new CustomEvent('resize')); v.addEventListener('webkitfullscreenchange', function(e) { let fullscreen = e.target.webkitDisplayingFullscreen !== undefined ? e.target.webkitDisplayingFullscreen : 'nowebkit'; if (fullscreen !== 'nowebkit') { if (fullscreen) {v.style.objectFit = 'contain';} else {v.style.objectFit = '';} } }); },200); }; if (false) setTimeout(() => f(),2e3); else if (true) v.addEventListener('canplay', f); else { v.addEventListener('loadedmetadata', f); /*v.muted = true;*/ } if ('rgba(0, 0, 0, 0)' !== 'rgba(0, 0, 0, 0)') { e.querySelector('.tn-atom').insertAdjacentHTML('afterBegin','
'); } if (switchElementShowOnhoverVideo && $shapePlayClick && $shapePlayClick.length && $shapePauseClick && $shapePauseClick.length) { let timeout, firstHover = false; function mousemoveShow() { if (false && false&& !firstHover) { firstHover = true; $shapePlayClick.css('opacity', ''); } if (timeout) clearTimeout(timeout); if (!$shapePlayClick.hasClass('annexx-onhover-video-show')) $shapePlayClick.addClass('annexx-onhover-video-show annexx-onhover-video-show-pe'); if (!$shapePauseClick.hasClass('annexx-onhover-video-show')) $shapePauseClick.addClass('annexx-onhover-video-show annexx-onhover-video-show-pe'); timeout = setTimeout(function() { $shapePlayClick.add($shapePauseClick).removeClass('annexx-onhover-video-show'); setTimeout(function() { $shapePlayClick.add($shapePauseClick).removeClass('annexx-onhover-video-show-pe') },300); },2000); } if ($previewvideo) $previewvideo.on('mousemove', mousemoveShow); $e.on('mousemove', mousemoveShow); } if (switchElementUnmuteOnhoverVideo && $shapeUnmuteClick && $shapeUnmuteClick.length && $shapeMuteClick && $shapeMuteClick.length) { let timeout, firstHover = false; function mousemoveShow() { if (false && false&& !firstHover) { firstUnmuteHover = true; if (switchElementMuteUnmute) { if (switchElementMuteUnmuteLoad === 'unmute') $shapeUnmuteClick.css('opacity', ''); else if (switchElementMuteUnmuteLoad === 'mute') $shapeMuteClick.css('opacity', ''); } else $shapeUnmuteClick.css('opacity', ''); } if (timeout) clearTimeout(timeout); if (!$shapeUnmuteClick.hasClass('annexx-onhover-video-show')) $shapeUnmuteClick.addClass('annexx-onhover-video-show annexx-onhover-video-show-pe'); if (!$shapeMuteClick.hasClass('annexx-onhover-video-show')) $shapeMuteClick.addClass('annexx-onhover-video-show annexx-onhover-video-show-pe'); timeout = setTimeout(function() { $shapeUnmuteClick.add($shapeMuteClick).removeClass('annexx-onhover-video-show'); setTimeout(function() { $shapeUnmuteClick.add($shapeMuteClick).removeClass('annexx-onhover-video-show-pe') },300); },2000); } if ($previewvideo) $previewvideo.on('mousemove', mousemoveShow); $e.on('mousemove', mousemoveShow); } setTimeout(function() { /*Закомментировал блок ниже, так как тильда вроде попарвила масштабирование*/ /*if (/opr/i.test(navigator.userAgent) && false) { annexxAddStyle('011',` .annexx-wrapper-video-in-shape${d}:not(.t-animate), .annexx-wrapper-video-in-shape${d} .tn-atom__scale-wrapper { overflow: hidden; } .t396__elem.tn-elem.annexx-wrapper-video-in-shape${d}:not(.t-animate) .tn-atom__scale-wrapper { transform: none !important; } `); } else if (/firefox/i.test(navigator.userAgent)) { annexxAddStyle('011',` .annexx-wrapper-video-in-shape${d} .tn-atom__scale-wrapper { overflow: hidden; } `); } else if (!false && !/opr/i.test(navigator.userAgent) && !false) { annexxAddStyle('011',` .annexx-wrapper-video-in-shape${d} { overflow: hidden; } `); }*/ let $tab = $('.t395__tab, .t397__tab'), videoBlockId = +$e.closest('.r').attr('id').replace(/\D+/,''), $tabVideo = $tab.filter((i,e) => $(e).data('tab-rec-ids').toString().split(',').some(e => +e === videoBlockId)); if ($tabVideo.length) { function processTab() { if ($tabVideo[0].classList.value.indexOf('tab_active') !== -1) { let action = 'mute,pause'.split(','); if (action.some(e => e === 'mute')) v.muted = true; else v.muted = false; if (action.some(e => e === 'pause')) v.pause(); else v.play(); if (action.some(e => e === 'start')) v.currentTime = 0; } else { let action = 'mute,pause'.split(','); if (action.some(e => e === 'mute')) v.muted = true; else v.muted = false; if (action.some(e => e === 'pause')) v.pause(); else v.play(); } } let config = { attributes: true, childList: false, characterData: false, }; observer = new MutationObserver(processTab); observer.observe($tabVideo[0], config); } /* Баг с тем что не применяется автоскейл тильды к шейпам с видео*/ /*function autoscaleVideoFix() { setTimeout(function(){ if ($e.closest('.t396__artboard_scale').length && !e.style.zoom) { $e.css('transform','scale(' + window.tn_scale_factor + ')'); } },1e3); } autoscaleVideoFix(); $(window).on("resize", autoscaleVideoFix);*/ },500); }); }).then(function() { if (!window.annexxTabClickPauseVideo) window.annexxTabClickPauseVideo = true; $('.t395__tab').on("click", e => { if ($(e.target).hasClass("t395__tab_active")) return false; $(e.target) .closest(".t395__tab") .siblings(".t395__tab:not('.t395__tab_active')") .each((i,el) => { let id = "rec" + $(el).data("tab-rec-ids"); arrAnnexxVideoTooltip.forEach((e) => { if ($(e.el).closest(".r").attr("id") === id) e.function.pauseV(); }); }); }); let intFixSizeVideoShape; window.addEventListener('resize', function() { clearTimeout(intFixSizeVideoShape); intFixSizeVideoShape = setTimeout(fixSizeVideoShape, 500); }); $shape.find('.annexx-preloader-video-shape').fadeOut(500, function() { $(this).remove(); }); function isScrolledIntoView(elem,alwaysToStart) { let tnelem = elem.closest(".tn-elem"), docViewTop = window.pageYOffset, docViewBottom = docViewTop + window.innerHeight, elemHeight = elem.clientHeight, elemTop = parseInt(getComputedStyle(elem.closest(".t396__elem")).top) + elem.closest(".r").getBoundingClientRect().top + window.scrollY + (isMobile ? window.innerHeight / 2 : 0), elemBottom = elemTop + elemHeight, inViewport = elemBottom + playVideoVisibleOnScreenOffset = docViewTop - (elemHeight / 2); return inViewport; }; if (false && !(isSafari && isMobile)) { window.arrAnnexxVideoTooltip.forEach(function(e,i) { if (e.playElClick && e.playElClick === d) { $(window).on('scroll', function() { let docViewTop = window.pageYOffset, docViewBottom = docViewTop + window.innerHeight, elemHeight = e.el.clientHeight, elemTop = e.el.getBoundingClientRect().top + window.scrollY, elemBottom = elemTop + elemHeight; if (elemTop > docViewBottom || elemBottom { if (el.el === e.target) playV(el); }); } playHTML = true; } if (switchElementPlayPause) { if (switchElementPlayPauseFirst) { setTimeout(function() { switchElementPlayPauseFirst = false; }, 1e3); } else { if ($shapePlayClick) $shapePlayClick.hide(); if ($shapePauseClick) $shapePauseClick.css('display', 'table'); }; } }); e.el.addEventListener('pause', function() { pauseVAddon(); }); e.el.addEventListener('volumechange', function(e) { if (!e.target.muted || !e.target.volume) { unmute(); if (!e.target.paused) { window.arrAnnexxVideoTooltip.forEach(function(e) { if (e.playElClick !== d) { setTimeout(function () { e.el.muted = true; if (e.switchElementMuteUnmute) { if (e.elements.shapeMuteClick) e.elements.shapeMuteClick.hide(); if (e.elements.shapeUnmuteClick) e.elements.shapeUnmuteClick.css('display', 'table'); } },200); } }); } } else mute(); }); } }); if (!switchElementPlayPause) { if ($shapePlayClick) $shapePlayClick.css('display', 'table'); if ($shapePauseClick) $shapePauseClick.css('display', 'table'); } else { switch (switchElementPlayPauseLoad) { case 'play': if ($shapePlayClick) $shapePlayClick.css('display', 'table'); break; case 'pause': if ($shapePauseClick) $shapePauseClick.css('display', 'table'); break; } } function checkPlayed() { let r = false; window.arrAnnexxVideoTooltip.forEach(function(e) { if (e.playElClick === d && !e.el.paused) r = true; }); return r; } let toc; if($shapePlayClick) { let toc; $shapePlayClick.on('click', function() { if (false && checkPlayed()) { clearTimeout(toc); pauseV(); if (switchElementPlayPause) { $shapePauseClick.hide(); if ($shapePlayClick) $shapePlayClick.css('display', 'table'); } return false; } if (false) { $shapePlayClick.hide(); if ($shapePlayHover) $shapePlayHover.hide(); $shape.find('video').attr('controls',''); } clearTimeout(toc); toc = setTimeout(function() { playV(undefined, playVideoUnmuteClick, playVideoFromStart); },0); if (switchElementPlayPause) { $shapePlayClick.hide(); if ($shapePauseClick) $shapePauseClick.css('display', 'table'); } if ($shapePlayAnalytic) { let $el = $shapePlayAnalytic.find('a'); Tilda.sendEventToStatistics($el.data('tilda-event-name'), $el.text()); } }); } let toh; if ($shapePlayHover) { $shapePlayHover.on('mouseover', function() { if (false && checkPlayed()) { clearTimeout(toh); pauseV(); if (switchElementPlayPause) { $shapePauseClick.hide(); if ($shapePlayClick) $shapePlayClick.css('display', 'table'); } return false; } if (false) { if ($shapePlayClick) $shapePlayClick.hide(); $shapePlayHover.hide(); $shape.find('video').attr('controls',''); } if (playVideoTimeout && !timeoutReady) return false; clearTimeout(toh); toh = setTimeout(function() { playV(undefined, undefined, playVideoFromStart); },0); if (switchElementPlayPause) { if ($shapePlayClick) $shapePlayClick.hide(); if ($shapePauseClick) $shapePauseClick.css('display', 'table'); } }); if (!playVideoWhenMouseleave) { $shapePlayHover.on('mouseout', function() { if (playVideoTimeout && !timeoutReady) return false; window.arrAnnexxVideoTooltip.forEach(function(e) { if (e.playElClick === d){ clearTimeout(toh); pauseV(); if (switchElementPlayPause) { if ($shapePauseClick) $shapePauseClick.hide(); if ($shapePlayClick) $shapePlayClick.css('display', 'table'); } } }); }); } } if ($shapePauseClick) { $shapePauseClick.on('click', function() { clearTimeout(toc); pauseV(); if (switchElementPlayPause) { $shapePauseClick.hide(); if ($shapePlayClick) $shapePlayClick.css('display', 'table'); } }); } if ($shapePauseHover) { $shapePauseHover.on('mouseover', function() { clearTimeout(toh); pauseV(); }); if (pauseVideoWhenMouseover) { $shapePauseHover.on('mouseout', function() { if (playVideoTimeout && !timeoutReady) return false; toh = setTimeout(function() { playV(); },0); if (switchElementPlayPause) { if ($shapePlayClick) $shapePlayClick.hide(); if ($shapePauseClick) $shapePauseClick.css('display', 'table'); } }); } } if ($shapeMuteClick){ $shapeMuteClick.on('click', function() { playVideoUnmuteClick = false; mute(); }); } if ($shapeUnmuteClick){ $shapeUnmuteClick.on('click', function() { playVideoUnmuteClick = true; unmute(); }); if ($shapeUnmuteAnalytic) { let $el = $shapeUnmuteAnalytic.find('a'); Tilda.sendEventToStatistics($el.data('tilda-event-name'), $el.text()); } } if ($shapeMuteHover)$shapeMuteHover.on('mouseover', mute); if ($shapeUnmuteHover)$shapeUnmuteHover.on('mouseover', unmute); if (!switchElementMuteUnmute) { if ($shapeMuteClick) $shapeMuteClick.css('display', 'table'); if ($shapeUnmuteClick) $shapeUnmuteClick.css('display', 'table'); } else { switch (switchElementMuteUnmuteLoad) { case 'mute': if ($shapeMuteClick) $shapeMuteClick.css('display', 'table'); break; case 'unmute': if ($shapeUnmuteClick) $shapeUnmuteClick.css('display', 'table'); break; } } let g = Math.round(Math.random()*1e10); setTimeout(function() { if ((playOnloadPage || playVideoTimeout || playVideoVisibleOnScreen) && !$shape.find('video').data('mobileHasPlay')) { if (isMobile) $('body').on('touchstart.loadVideo' + g, firstLoadVideo); else $('body').on('click.loadVideo' + g, firstLoadVideo); } },500); function firstLoadVideo() { let c = function () { window.arrAnnexxVideoTooltip.forEach(function(e) { if (e.playElClick === d && e.el.paused) { let l = e.el; l.muted = true; l.play().then(() => { l.pause(); if ($(l).attr('autoplay'))playV(); }); } }); }; c(); if (isMobile) $('body').off('touchstart.loadVideo' + g); else $('body').off('click.loadVideo' + g); rv = true; /* return c(); */ } function popupShowAction(mutationList, observer) { mutationList.forEach(function(mutation) { switch(mutation.type) { case 'attributes': if ($('body').hasClass('t-body_popupshowed')) { window.arrAnnexxVideoTooltip.forEach(function(e) { if (e.service === 'direct') { switch (e.actionOpenPopup) { case 'mute': e.el.muted = true; e.el.play(); e.buttonMute = true; if (switchElementMuteUnmute) { if ($shapeMuteClick) $shapeMuteClick.hide(); if ($shapeUnmuteClick) $shapeUnmuteClick.css('display', 'table'); } break; case 'pause': e.el.pause(); if (switchElementPlayPause) { if ($shapePauseClick) $shapePauseClick.hide(); if ($shapePlayClick) $shapePlayClick.css('display', 'table'); } break; } } }); } break; } }); } let observerOptions = { childList: false, attributes: true, subtree: false }, observer = new MutationObserver(popupShowAction); observer.observe($('body')[0], observerOptions); $(document).on('click', '.t-popup', function() { if (!$(this).hasClass('t-popup_show')) { this.querySelectorAll('video').forEach(function(e) { e.pause(); }); } }); }); } }); }); }());
Курс поможет тебе выйти на уровень топ-проектов
В профессии дизайнера на Тильде есть уровни. Можно создавать аккуратные сайты из блоков для клиентов. А можно делать потрясающие проекты с уникальным дизайном, сложной версткой, крутой анимацией.

Такие проекты — самые дорогие на рынке. Такие сайты берут премии и попадают в #madeontilda.
Курс Tilda Pro — это самый быстрый путь к таким проектам
Для курса нужно знать основы Тильды. Если у вас нет опыта создания сайта, обратите внимание на курс Tilda Start
Сильный дизайн
Научим работать с типографикой, сеткой, композицией. Чтобы создавать впечатляющий дизайн сайтов с чистого листа.
/ 01 /
Фундамент
Верстка в Zero Block
Покажем подходы к верстке и адаптации в Zero Block, которые используют профессиональные дизайнеры. Научим делать идеальный адаптив.
/ 02 /
Инструмент
Step-by-step анимация
Объясним, как делать сложную и уместную анимацию, чтобы превращать сайты в интерактивные истории.
/ 03 /
Интерактив
Микросервисы Тильды
Научим работать с функциями для магазинов, блогов, личных кабинетов. Чтобы вы могли смело браться за самые сложные проекты.
/ 04 /
Платформа
Как изменятся твои навыки после курса
Могу создавать аккуратные сайты и магазины из блоков
После
До
Делаю крутые сайты для больших компаний, получаю награды, работаю с брендами
/ курса /
Дизайн
/ курса /
Тильда
Стоимость проектов
Конкуренция
Дизайн
Тильда
Стоимость проектов
Конкуренция
На курсе ты сделаешь упор на развитие в трех направлениях
Усилишь свой дизайн
Научишься профессионально верстать в Zero Block
Научишься делать крутую анимацию
Новое портфолио после курса
За время курса ты сделаешь 3 новые работы, которые будут отражать твой новый уровень
Они станут украшением твоего портфолио и помогут притянуть топ-заказы.

По каждой работе кураторы ведут лично до результата. Как арт-директор в студии.
Можно делать свой или клиентский проект
Поддержка Школы Тильды останется навсегда
После курса ты попадешь в клуб выпускников. Доступ будет бесплатным.
Эксклюзивные уроки и мини-курсы
Маркетинг, Копирайтинг, Нейросети, SEO — избранные материалы от кураторов Школы, которых нет больше нигде.
Поддержка с клиентскими проектами
Каждую неделю кураторы проводят эфиры с разборами работ. Вы можете отправить проект клиента на разбор, чтобы увидеть ошибки и получить советы, как улучшить

Займи место на курсе

Стоимость курса 25 000 руб.
или в рассрочку от 4 100 руб / мес
6 недель уроков
20+ прямых эфиров
Ежедневная поддержка
3 проекта для портфолио
Персональные разборы ДЗ от кураторов
Доступ к курсу навсегда
Что входит в стоимость
` : ''} `); let v = $e.find('video')[0], f = function() { annexxAddStyle('011','.' + e.className.replace(/\s+/g,'.') + ' {display:table;}'); let $removeelementload = $(''); if ($removeelementload.length) $('').remove(); window.arrAnnexxVideoTooltip.push({'el': $e.find('video')[0], 'service': 'direct','modtype': '011', 'playElClick': d, 'buttonMute': 'no','actionPlayAnotherVideo': actionPlayAnotherVideo,'actionOpenPopup': actionOpenPopup, 'actionCloseTab': 'mute,pause'.split(','), elements: {shapePlayClick: $shapePlayClick, shapePlayHover: $shapePlayHover,shapePauseClick: $shapePauseClick, shapePauseHover: $shapePauseHover, shapeUnmuteClick: $shapeUnmuteClick, shapeMuteClick: $shapeMuteClick, shapeMuteHover: $shapeMuteHover, shapeUnmuteHover: $shapeUnmuteHover}, 'switchElementMuteUnmute': switchElementMuteUnmute, function: {playV: playV, pauseV: pauseV, mute: mute}}); ll--; if (!ll) resolve(); if (userFunctionNameEnd) { v.addEventListener('ended', function() { window.arrAnnexxVideoTooltip.userFunction.forEach(function(e) { if (e === userFunctionNameEnd) window[e](); }); }); } if (autoplay){ v.muted = true; function pl() { try { v.play(); } catch (e) {} } pl(); setTimeout(pl,1e3); } v.removeEventListener('canplay', f); function showElemOnplay() { if ($showElemOnplay) { $showElemOnplay.removeClass('hide-elem-onplay'); } if ($hideElemOnplay) { $hideElemOnplay.addClass('hide-elem-onplay'); } if (false) { this.removeEventListener('play',showElemOnplay); this.removeEventListener('pause',hideElemOnplay); } if ($previewvideo) { $previewvideo.addClass("hide-preload-shape"); if (!previewOnPause) $previewvideo = false; } } function hideElemOnplay() { if ($showElemOnplay) { $showElemOnplay.addClass('hide-elem-onplay'); } if ($hideElemOnplay) { $hideElemOnplay.removeClass('hide-elem-onplay'); } if ($previewvideo) { $previewvideo.removeClass("hide-preload-shape"); } } function showElemOnend() { if ($showElemOnend) { $showElemOnend.removeClass('show-elem-onend'); } this.removeEventListener('ended', showElemOnend); } v.addEventListener('play', showElemOnplay); v.addEventListener('pause', function() { if (this.closest(".t396__elem") && !this.closest(".t396__elem").classList.contains("hide-elem-onplay")) hideElemOnplay(); }); v.addEventListener('ended', showElemOnend); if ($shapeFullscreen) { $shapeFullscreen.on('click', () => { if (!document.fullscreen) { v.play(); v.muted = false; if (v.requestFullscreen) { v.requestFullscreen(); } else if (v.webkitEnterFullscreen()) { v.webkitEnterFullscreen()(); } } }); document.addEventListener("fullscreenchange", e => { if (!document.fullscreen) v.muted = true; }); } /* После обновления стал скакать зум видео */ /* $tnatom.css('zoom','inherit'); */ setTimeout(function() { $tnatom.css('zoom',''); if (!true) window.dispatchEvent(new CustomEvent('resize')); v.addEventListener('webkitfullscreenchange', function(e) { let fullscreen = e.target.webkitDisplayingFullscreen !== undefined ? e.target.webkitDisplayingFullscreen : 'nowebkit'; if (fullscreen !== 'nowebkit') { if (fullscreen) {v.style.objectFit = 'contain';} else {v.style.objectFit = '';} } }); },200); }; if (false) setTimeout(() => f(),2e3); else if (true) v.addEventListener('canplay', f); else { v.addEventListener('loadedmetadata', f); /*v.muted = true;*/ } if ('rgba(0, 0, 0, 0)' !== 'rgba(0, 0, 0, 0)') { e.querySelector('.tn-atom').insertAdjacentHTML('afterBegin','
'); } if (switchElementShowOnhoverVideo && $shapePlayClick && $shapePlayClick.length && $shapePauseClick && $shapePauseClick.length) { let timeout, firstHover = false; function mousemoveShow() { if (false && false&& !firstHover) { firstHover = true; $shapePlayClick.css('opacity', ''); } if (timeout) clearTimeout(timeout); if (!$shapePlayClick.hasClass('annexx-onhover-video-show')) $shapePlayClick.addClass('annexx-onhover-video-show annexx-onhover-video-show-pe'); if (!$shapePauseClick.hasClass('annexx-onhover-video-show')) $shapePauseClick.addClass('annexx-onhover-video-show annexx-onhover-video-show-pe'); timeout = setTimeout(function() { $shapePlayClick.add($shapePauseClick).removeClass('annexx-onhover-video-show'); setTimeout(function() { $shapePlayClick.add($shapePauseClick).removeClass('annexx-onhover-video-show-pe') },300); },2000); } if ($previewvideo) $previewvideo.on('mousemove', mousemoveShow); $e.on('mousemove', mousemoveShow); } if (switchElementUnmuteOnhoverVideo && $shapeUnmuteClick && $shapeUnmuteClick.length && $shapeMuteClick && $shapeMuteClick.length) { let timeout, firstHover = false; function mousemoveShow() { if (false && false&& !firstHover) { firstUnmuteHover = true; if (switchElementMuteUnmute) { if (switchElementMuteUnmuteLoad === 'unmute') $shapeUnmuteClick.css('opacity', ''); else if (switchElementMuteUnmuteLoad === 'mute') $shapeMuteClick.css('opacity', ''); } else $shapeUnmuteClick.css('opacity', ''); } if (timeout) clearTimeout(timeout); if (!$shapeUnmuteClick.hasClass('annexx-onhover-video-show')) $shapeUnmuteClick.addClass('annexx-onhover-video-show annexx-onhover-video-show-pe'); if (!$shapeMuteClick.hasClass('annexx-onhover-video-show')) $shapeMuteClick.addClass('annexx-onhover-video-show annexx-onhover-video-show-pe'); timeout = setTimeout(function() { $shapeUnmuteClick.add($shapeMuteClick).removeClass('annexx-onhover-video-show'); setTimeout(function() { $shapeUnmuteClick.add($shapeMuteClick).removeClass('annexx-onhover-video-show-pe') },300); },2000); } if ($previewvideo) $previewvideo.on('mousemove', mousemoveShow); $e.on('mousemove', mousemoveShow); } setTimeout(function() { /*Закомментировал блок ниже, так как тильда вроде попарвила масштабирование*/ /*if (/opr/i.test(navigator.userAgent) && false) { annexxAddStyle('011',` .annexx-wrapper-video-in-shape${d}:not(.t-animate), .annexx-wrapper-video-in-shape${d} .tn-atom__scale-wrapper { overflow: hidden; } .t396__elem.tn-elem.annexx-wrapper-video-in-shape${d}:not(.t-animate) .tn-atom__scale-wrapper { transform: none !important; } `); } else if (/firefox/i.test(navigator.userAgent)) { annexxAddStyle('011',` .annexx-wrapper-video-in-shape${d} .tn-atom__scale-wrapper { overflow: hidden; } `); } else if (!false && !/opr/i.test(navigator.userAgent) && !false) { annexxAddStyle('011',` .annexx-wrapper-video-in-shape${d} { overflow: hidden; } `); }*/ let $tab = $('.t395__tab, .t397__tab'), videoBlockId = +$e.closest('.r').attr('id').replace(/\D+/,''), $tabVideo = $tab.filter((i,e) => $(e).data('tab-rec-ids').toString().split(',').some(e => +e === videoBlockId)); if ($tabVideo.length) { function processTab() { if ($tabVideo[0].classList.value.indexOf('tab_active') !== -1) { let action = 'mute,pause'.split(','); if (action.some(e => e === 'mute')) v.muted = true; else v.muted = false; if (action.some(e => e === 'pause')) v.pause(); else v.play(); if (action.some(e => e === 'start')) v.currentTime = 0; } else { let action = 'mute,pause'.split(','); if (action.some(e => e === 'mute')) v.muted = true; else v.muted = false; if (action.some(e => e === 'pause')) v.pause(); else v.play(); } } let config = { attributes: true, childList: false, characterData: false, }; observer = new MutationObserver(processTab); observer.observe($tabVideo[0], config); } /* Баг с тем что не применяется автоскейл тильды к шейпам с видео*/ /*function autoscaleVideoFix() { setTimeout(function(){ if ($e.closest('.t396__artboard_scale').length && !e.style.zoom) { $e.css('transform','scale(' + window.tn_scale_factor + ')'); } },1e3); } autoscaleVideoFix(); $(window).on("resize", autoscaleVideoFix);*/ },500); }); }).then(function() { if (!window.annexxTabClickPauseVideo) window.annexxTabClickPauseVideo = true; $('.t395__tab').on("click", e => { if ($(e.target).hasClass("t395__tab_active")) return false; $(e.target) .closest(".t395__tab") .siblings(".t395__tab:not('.t395__tab_active')") .each((i,el) => { let id = "rec" + $(el).data("tab-rec-ids"); arrAnnexxVideoTooltip.forEach((e) => { if ($(e.el).closest(".r").attr("id") === id) e.function.pauseV(); }); }); }); let intFixSizeVideoShape; window.addEventListener('resize', function() { clearTimeout(intFixSizeVideoShape); intFixSizeVideoShape = setTimeout(fixSizeVideoShape, 500); }); $shape.find('.annexx-preloader-video-shape').fadeOut(500, function() { $(this).remove(); }); function isScrolledIntoView(elem,alwaysToStart) { let tnelem = elem.closest(".tn-elem"), docViewTop = window.pageYOffset, docViewBottom = docViewTop + window.innerHeight, elemHeight = elem.clientHeight, elemTop = parseInt(getComputedStyle(elem.closest(".t396__elem")).top) + elem.closest(".r").getBoundingClientRect().top + window.scrollY + (isMobile ? window.innerHeight / 2 : 0), elemBottom = elemTop + elemHeight, inViewport = elemBottom + playVideoVisibleOnScreenOffset = docViewTop - (elemHeight / 2); return inViewport; }; if (false && !(isSafari && isMobile)) { window.arrAnnexxVideoTooltip.forEach(function(e,i) { if (e.playElClick && e.playElClick === d) { $(window).on('scroll', function() { let docViewTop = window.pageYOffset, docViewBottom = docViewTop + window.innerHeight, elemHeight = e.el.clientHeight, elemTop = e.el.getBoundingClientRect().top + window.scrollY, elemBottom = elemTop + elemHeight; if (elemTop > docViewBottom || elemBottom { if (el.el === e.target) playV(el); }); } playHTML = true; } if (switchElementPlayPause) { if (switchElementPlayPauseFirst) { setTimeout(function() { switchElementPlayPauseFirst = false; }, 1e3); } else { if ($shapePlayClick) $shapePlayClick.hide(); if ($shapePauseClick) $shapePauseClick.css('display', 'table'); }; } }); e.el.addEventListener('pause', function() { pauseVAddon(); }); e.el.addEventListener('volumechange', function(e) { if (!e.target.muted || !e.target.volume) { unmute(); if (!e.target.paused) { window.arrAnnexxVideoTooltip.forEach(function(e) { if (e.playElClick !== d) { setTimeout(function () { e.el.muted = true; if (e.switchElementMuteUnmute) { if (e.elements.shapeMuteClick) e.elements.shapeMuteClick.hide(); if (e.elements.shapeUnmuteClick) e.elements.shapeUnmuteClick.css('display', 'table'); } },200); } }); } } else mute(); }); } }); if (!switchElementPlayPause) { if ($shapePlayClick) $shapePlayClick.css('display', 'table'); if ($shapePauseClick) $shapePauseClick.css('display', 'table'); } else { switch (switchElementPlayPauseLoad) { case 'play': if ($shapePlayClick) $shapePlayClick.css('display', 'table'); break; case 'pause': if ($shapePauseClick) $shapePauseClick.css('display', 'table'); break; } } function checkPlayed() { let r = false; window.arrAnnexxVideoTooltip.forEach(function(e) { if (e.playElClick === d && !e.el.paused) r = true; }); return r; } let toc; if($shapePlayClick) { let toc; $shapePlayClick.on('click', function() { if (false && checkPlayed()) { clearTimeout(toc); pauseV(); if (switchElementPlayPause) { $shapePauseClick.hide(); if ($shapePlayClick) $shapePlayClick.css('display', 'table'); } return false; } if (false) { $shapePlayClick.hide(); if ($shapePlayHover) $shapePlayHover.hide(); $shape.find('video').attr('controls',''); } clearTimeout(toc); toc = setTimeout(function() { playV(undefined, playVideoUnmuteClick, playVideoFromStart); },0); if (switchElementPlayPause) { $shapePlayClick.hide(); if ($shapePauseClick) $shapePauseClick.css('display', 'table'); } if ($shapePlayAnalytic) { let $el = $shapePlayAnalytic.find('a'); Tilda.sendEventToStatistics($el.data('tilda-event-name'), $el.text()); } }); } let toh; if ($shapePlayHover) { $shapePlayHover.on('mouseover', function() { if (false && checkPlayed()) { clearTimeout(toh); pauseV(); if (switchElementPlayPause) { $shapePauseClick.hide(); if ($shapePlayClick) $shapePlayClick.css('display', 'table'); } return false; } if (false) { if ($shapePlayClick) $shapePlayClick.hide(); $shapePlayHover.hide(); $shape.find('video').attr('controls',''); } if (playVideoTimeout && !timeoutReady) return false; clearTimeout(toh); toh = setTimeout(function() { playV(undefined, undefined, playVideoFromStart); },0); if (switchElementPlayPause) { if ($shapePlayClick) $shapePlayClick.hide(); if ($shapePauseClick) $shapePauseClick.css('display', 'table'); } }); if (!playVideoWhenMouseleave) { $shapePlayHover.on('mouseout', function() { if (playVideoTimeout && !timeoutReady) return false; window.arrAnnexxVideoTooltip.forEach(function(e) { if (e.playElClick === d){ clearTimeout(toh); pauseV(); if (switchElementPlayPause) { if ($shapePauseClick) $shapePauseClick.hide(); if ($shapePlayClick) $shapePlayClick.css('display', 'table'); } } }); }); } } if ($shapePauseClick) { $shapePauseClick.on('click', function() { clearTimeout(toc); pauseV(); if (switchElementPlayPause) { $shapePauseClick.hide(); if ($shapePlayClick) $shapePlayClick.css('display', 'table'); } }); } if ($shapePauseHover) { $shapePauseHover.on('mouseover', function() { clearTimeout(toh); pauseV(); }); if (pauseVideoWhenMouseover) { $shapePauseHover.on('mouseout', function() { if (playVideoTimeout && !timeoutReady) return false; toh = setTimeout(function() { playV(); },0); if (switchElementPlayPause) { if ($shapePlayClick) $shapePlayClick.hide(); if ($shapePauseClick) $shapePauseClick.css('display', 'table'); } }); } } if ($shapeMuteClick){ $shapeMuteClick.on('click', function() { playVideoUnmuteClick = false; mute(); }); } if ($shapeUnmuteClick){ $shapeUnmuteClick.on('click', function() { playVideoUnmuteClick = true; unmute(); }); if ($shapeUnmuteAnalytic) { let $el = $shapeUnmuteAnalytic.find('a'); Tilda.sendEventToStatistics($el.data('tilda-event-name'), $el.text()); } } if ($shapeMuteHover)$shapeMuteHover.on('mouseover', mute); if ($shapeUnmuteHover)$shapeUnmuteHover.on('mouseover', unmute); if (!switchElementMuteUnmute) { if ($shapeMuteClick) $shapeMuteClick.css('display', 'table'); if ($shapeUnmuteClick) $shapeUnmuteClick.css('display', 'table'); } else { switch (switchElementMuteUnmuteLoad) { case 'mute': if ($shapeMuteClick) $shapeMuteClick.css('display', 'table'); break; case 'unmute': if ($shapeUnmuteClick) $shapeUnmuteClick.css('display', 'table'); break; } } let g = Math.round(Math.random()*1e10); setTimeout(function() { if ((playOnloadPage || playVideoTimeout || playVideoVisibleOnScreen) && !$shape.find('video').data('mobileHasPlay')) { if (isMobile) $('body').on('touchstart.loadVideo' + g, firstLoadVideo); else $('body').on('click.loadVideo' + g, firstLoadVideo); } },500); function firstLoadVideo() { let c = function () { window.arrAnnexxVideoTooltip.forEach(function(e) { if (e.playElClick === d && e.el.paused) { let l = e.el; l.muted = true; l.play().then(() => { l.pause(); if ($(l).attr('autoplay'))playV(); }); } }); }; c(); if (isMobile) $('body').off('touchstart.loadVideo' + g); else $('body').off('click.loadVideo' + g); rv = true; /* return c(); */ } function popupShowAction(mutationList, observer) { mutationList.forEach(function(mutation) { switch(mutation.type) { case 'attributes': if ($('body').hasClass('t-body_popupshowed')) { window.arrAnnexxVideoTooltip.forEach(function(e) { if (e.service === 'direct') { switch (e.actionOpenPopup) { case 'mute': e.el.muted = true; e.el.play(); e.buttonMute = true; if (switchElementMuteUnmute) { if ($shapeMuteClick) $shapeMuteClick.hide(); if ($shapeUnmuteClick) $shapeUnmuteClick.css('display', 'table'); } break; case 'pause': e.el.pause(); if (switchElementPlayPause) { if ($shapePauseClick) $shapePauseClick.hide(); if ($shapePlayClick) $shapePlayClick.css('display', 'table'); } break; } } }); } break; } }); } let observerOptions = { childList: false, attributes: true, subtree: false }, observer = new MutationObserver(popupShowAction); observer.observe($('body')[0], observerOptions); $(document).on('click', '.t-popup', function() { if (!$(this).hasClass('t-popup_show')) { this.querySelectorAll('video').forEach(function(e) { e.pause(); }); } }); }); } }); }); }());
Что еще получат студенты курса PRO
3 месяца free-доступа к Тильде
Все студенты получают промокод на студенческий тариф. На нем можно сделать 5 проектов, опубликовать и показывать их в портфолио даже после окончания курса.
Дизайн-баттл
В середине курса тебя ждет творческий турнир, где нужно будет создать сайт за 2 часа. Потренируйся быстро принимать решения и работать в условиях ограниченного времени.
5 практических воркшопов
Дополнительные уроки, где кураторы покажут отработку отдельных навыков: по работе с типографикой, использованию модульных сеток, созданию креативной анимации, создании адаптива, подготовке к фрилансу.
Менторская поддержка
На тот случай, если нужно плотно поработать над проектом для клиента вместе с куратором. В течение 3-х месяцев после курса ты сможешь получить серию личных консультаций с куратором по каждому этапу разработки сайта для первого клиента. Услуга платная.
Бонусный модуль о юридических вопросах
30+ емких статей, которые закроют основные юридические вопросы относительно создания сайтов.
Посмотрите запись вводного эфира 10/01
Кураторы курса
Антон Командин
КУРАТОР КУРСА
Один из самых известных дизайнеров на Тильде
Арт-директор Experience© Agency
33 работы в #madeontilda
15 лет в сфере дизайна, рекламы и маркетинга.
Денис Сиземов
КУРАТОР КУРСА
Эксперт по Тильде. Дизайнер и автор уроков Tilda School, создатель PRO-шаблонов. Его сайты много раз попадали в подборку MadeOnTilda.
Миша Таби
КУРАТОР КУРСА
UX/UI-дизайнер, бренд-дизайнер, Tilda-эксперт. Сотрудничала с Warner Music Russia, Tele2, Сбербанком и многими другими крупными компаниями.

Истории и отзывы студентов

Отзывы студентов о курсе и истории о том, как сложилась карьера после курса
Yuliia Salivon
Это не просто обучение, а крутое сообщество единомышленников, классных ребят, особая теплая атмосфера эфиров. Именно в Школе ощущается та самая сила комьюнити, о которой все говорят.
Regina Musi
В процессе обучения я была восхищена тем, что кураторы курса умеют простыми словами объяснять сложные вещи и всю информацию так, что просто не остается никаких шансов не понять.
Анастасия Нечипоренко
Понравилось, у школы такое большое комьюнити, разборы после обучения, кураторы, знающие Тильду в совершенстве. Ожидания совпали, хотелось только подольше поучиться.
Анна Кудина
Реальность обучения превзошла все мои ожидания. Я каждый день удивлялась и восхищалась тому, что вложено в школе. Я никогда ранее нигде не встречала такого подхода.

Работы студентов

Посмотрите сайты, которые студенты курса Tilda Pro создают во время обучения
/ Студентка 26-го потока /
Анна Михайлова
01
/ 04
/ Студентка 24-го потока /
Анна Уткина
02
/ 04
/ Студентка 24-го потока /
Юлия Шитская
03
/ 04
/ Студент 26-го потока /
Арсен Сахабутдинов
04
/ 04
Видеоуроки
Прямые эфиры
Длительность эфиров 1−1,5 часа. Все эфиры будут доступны в записи через час после завершения эфира
Открываются в будние дни в 7:00 GMT+3
Понедельник, среду и пятницу — 19:00 GMT+3
Длительность курса 6 недель, со 2 марта по 12 апреля
На курсе мы стараемся добиться вовлеченности уровня оффлайн образования. Нам важно, чтобы во время обучения вы были в живом контакте с кураторами.

Поэтому 3 раза в неделю мы проводим прямые эфиры, где разбираем домашние задания, отвечаем на вопросы из чата, показываем интересные лайфхаки.
Бонус: Воркшопы
Дополнительные уроки, где кураторы покажут отработку отдельных навыков: по работе с типографикой, использованию модульных сеток, по анимации, создании адаптива, подготовке к фрилансу.
Программа обучения
Поддержка в закрытом чате
3 прямых эфира в неделю
25 модулей с емкими уроками

На курсе мы объединили преимущества онлайн и оффлайн обучения

Смотри емкие уроки
Все необходимые знания о создании сайтов на Тильде аккуратно укомплектованы в уроки без воды. Модули с уроками открываются утром по будням.
[ +30% к эффективности курса ]
Общайся с кураторами на эфирах
На эфирах кураторы разбирают домашние задания, дают продвинутые советы, отвечают на ваши вопросы здесь и сейчас. Проходят 3 раза в неделю.
[ +20% к эффективности курса ]
Закрепи знания на практике
Каждое задание кураторы проверят лично, причем несколько раз. Подскажут, как исправить ошибки, что можно улучшить. Проверка будет в формате видеоразбора.
[ +30% к эффективности курса ]
Задавай вопросы 24/7
В закрытом чате курса ты сможешь получить ответ на любой вопрос вокруг создания сайтов. Не стесняйся спрашивать — кураторы будут дежурить в чате каждый день. А еще ты сможешь найти единомышленников и гору дополнительной пользы.
[ +20% к эффективности курса ]
/ О КУРСЕ /

Как проходит практика

Мы считаем, что только экспертный фидбек поможет вам быстро двигаться в нужном направлении, поэтому все работы проверяют преподаватели курса.
За время курса вы сделаете 3 сайта в Zero Block со сложной версткой и анимацией.
Проверка работ от преподавателей будет в формате видеоразборов
01
02
Новые работы помогут поднять уровень вашего портфолио
Вместо заданий на курсе можно работать над личными или клиентскими проектами
03
Примеры обратной связи
/ 04 /

Займи место на курсе

Стоимость курса 25 000 руб.
или в рассрочку от 4 100 руб / мес
Что входит в стоимость
6 недель уроков
20+ прямых эфиров
Ежедневная поддержка
3 проекта для портфолио
Персональные разборы ДЗ от кураторов
Доступ к курсу навсегда
Что еще получат студенты курса PRO
3 месяца free-доступа к Тильде
Все студенты получают промокод на студенческий тариф. На нем можно сделать 5 проектов, опубликовать и показывать их в портфолио даже после окончания курса.
Дизайн-баттл
В середине курса тебя ждет творческий турнир, где нужно будет создать сайт за 2 часа. Потренируйся быстро принимать решения и работать в условиях ограниченного времени.
5 практических воркшопов
Дополнительные уроки, где кураторы покажут отработку отдельных навыков: по работе с типографикой, использованию модульных сеток, созданию креативной анимации, создании адаптива, подготовке к фрилансу.
Менторская поддержка
На тот случай, если нужно плотно поработать над проектом для клиента вместе с куратором. В течение 3-х месяцев после курса ты сможешь получить серию личных консультаций с куратором по каждому этапу разработки сайта для первого клиента. Услуга платная.
Бонусный модуль о юридических вопросах
30+ емких статей, которые закроют основные юридические вопросы относительно создания сайтов.
Разборы
А также разборы твоих проектов, которые проходят каждую неделю. Доступ будет бесплатным навсегда.
Смотрим проекты для заказчиков и домашние задания после дедлайнов.
Клуб — это бесконечное обучение после курса. Здесь тебя ждут закрытые мини-курсы, стримы, эксклюзивные видеоуроки.
Мини-курсы
Короткие программы, которые помогут освоить новые навыки.
Видеоуроки
Эксклюзивные уроки от преподавателей на углубленные темы.
Доступ к архиву
Новые участники клуба получают доступ ко всему, что вышло ранее.
Только для выпускников
курса — бесплатный доступ

Клуб Школы

в

Курс, проверенный временем

/ О ШКОЛЕ/
2 года мы выпускаем дизайнеров на Тильде, которые эффективно помогают бизнесу и делают облик современного интернета лучше
42
51
Потока курса Tilda Pro
Поток курса Tilda Start
Самое большое комьюнити профессиональных дизайнеров на Тильде
FAQ
/ 08 /
Свяжись с нами
Made on
Tilda