ihatetomatoes
Создатель ihatetomatoes - профессиональный разработчик с более чем пятилетним опытом работы в одном из крупнейших электронных агентств Австралии.
GreenSock Workshop
Продолжительность
8 ч 54 мин
Категория
CSS
Количество уроков
23 Видео
Дата добавления
14 дек. 2017 г., 22:20
Язык
Английский
Дата обновления
14 дек. 2017 г., 22:20
Делайте анимацию как профессионал с курсом GreenSock! Вы профессионал или просто начинаете работу с JavaScript, jQuery, GSAP и SVG-анимациями? Это не имеет значения.
Мой курс идеально подходит для новичков - потому что я не «предполагаю», что вы уже знаете кучу вещей. Поэтому вы не будете разочарованы во время просмотра моих видео.
С самого начала вы сможете забрать все, и говорить на одном языке, как и все остальные.
Если вы профессионал, вы «пересмотрите» вещи, о которых вы забыли.
Но любой, кто знает свой путь вокруг HTML, CSS и имеет базовые знания jQuery, будет в порядке.
Но в течение более чем восьми часовых циклов премиум-класса GreenSock, которые вы получаете как часть моего курса, я научу вас, как создавать современные и привлекательные анимации (используя GreenSock), которые будут выглядит СУПЕР!
Ваши клиенты будут впечатлены. Или ваш работодатель. Но вы тоже будете впечатлять себя. Я хочу, чтобы вы построили три проекта - от начала до конца - шаг за шагом - как часть этого практического процесса обучения. Это гарантирует, что вы получите уровень «мастерства», который вы ищете. Вы сможете улучшить свои навыки, следить за последними тенденциями и узнать то, что сейчас в тренде.
Для кого этот курс?
- Любой, у кого есть знание HTML и CSS.
- Любой, у кого мало или вообще нет jQuery / JavaScrip практикиt.
- Любопытные сторонние разработчики, которые пытаются узнать, что в тренде и повысить свой набор навыков.
- Дизайнеры, которые хотели бы строить свои собственные анимации.
- Любой, кто ищет более продвинутые учебники GreenSock
Что ты узнаешь ?
- API GSAP в простых пошаговых демонстрационных примерах.
- Мы будем использовать jQuery для выбора элементов и других пользовательских взаимодействий.
- Создадите 3 больших проекта от начала до конца.
- Узнаете как создать более совершенную анимацию.
Что тебе нужно перед тем, как начать курс ?
- Все рабочие файлы доступны для загрузки.
- Файлы Illustrator и экспортированные SVG также включены, нет необходимости устанавливать Illustrator для завершения этого курса.
- Позитивное отношение к изучению новых технологий.
- Настоящий интерес к анимации GreenSock и JavaScript.
- Любители томатов более чем рады!
Посмотреть больше
-
Урок 1. 00:46:32Template HTML, CSS
-
Урок 2. 00:45:44GSAP Animation
-
Урок 3. 00:16:33GSAP Nesting Timelines
-
Урок 4. 00:16:28GSAP Multiple Timelines
-
Урок 5. 00:31:41GSAP Pause and Resume Timeline
-
Урок 6. 00:12:08GSAP Rotating Circles Exercise
-
Урок 7. 00:27:14Template HTML, CSS
-
Урок 8. 00:18:59Creating Our Navigation
-
Урок 9. 00:17:20Going To The Next Slide – tlDown
-
Урок 10. 00:12:38Highlight Current Slide – setActiveSection
-
Урок 11. 00:13:20Going To The Previous Slide – tlUp
-
Урок 12. 00:04:12Horizontal Slideshow – Your Exercise
-
Урок 13. 00:19:50Gallery Slideshow – Your Exercise
-
Урок 14. 00:23:07SVG Lab – HTML, CSS
-
Урок 15. 00:33:47SVG Lab – Clear Stage
-
Урок 16. 00:23:10SVG Lab – Clear Stage Exercise
-
Урок 17. 00:39:36SVG Lab – Intro Timeline
-
Урок 18. 00:30:50SVG Lab – Idea Timeline
-
Урок 19. 00:15:05SVG Lab – Part 2 Timeline
-
Урок 20. 00:31:17SVG Lab – Fill Tubes Timeline
-
Урок 21. 00:12:12SVG Lab – Fill Tubes Exercise
-
Урок 22. 00:15:23SVG Lab – Fill Flasks Exercise
-
Урок 23. 00:27:45SVG Lab – Final Animation
Автор - ihatetomatoes
Категории
Комментарии
-
LearnBabajiHello admin can you upload the new Practical GreenSock Bundle (https://ihatetomatoes.net/get-practical-greensock/) from the instructor too...?
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
ihatetomatoes
15 дек. 2017 г., 00:13
ScrollMagic Workshop
ScrollMagic - самая популярная библиотека анимации прокрутки, используемая на лучших удостоенных наград веб-сайтах. Я использую ScrollMagic и GreenSock в своих интерактивных проектах уже несколько лет, чтобы сосредоточиться на креативном написании кода, вместо кросс-браузерных проблем, это бесценно.
leveluptutorials
9 мар. 2018 г., 15:14
CSS Animations & Transitions
Добро пожаловать на курс CSS Анимаций и Переходов (Transitions). В этом курсе вы не только изучите основные техники, но и глубоко погрузитесь в создание анимаций и переходов. Мы на практике создадим комплексные анимации, с помощью которых вы повысите свои знания анимаций и переходов на новый уровень.
cssanimation.rocks
7 мая 2018 г., 08:06
Повысьте свои навыки css анимации - практический курс
Level up your CSS animation skills
Повысьте свои навыки анимации CSS! Этот видеокурс даст вам практический опыт, который вам нужно повысить и продать свои навыки анимации в качестве дизайнера или разработчика. В течение нескольких часов пошаговых руководств мы вместе создадим анимированную целевую страницу и узнаем, как анимация может оживить ее.Это практический курс, полный реальных загружаемых примеров кода. Вы сможете взять знания, а также реальный рабочий код, в свои проекты и
Создавайте удивительные анимации с GreenSock
Create Amazing Animations with GreenSock
Анимации привлекают внимание и повышают уровень вовлеченности ваших пользователей. Но их нелегко настроить, и они не всегда выглядят так, как должны в каждом браузере. Greensock - лучшая платформа для создания производительных анимаций с широкими возможностями настройки. Этот курс познакомит вас с возможностями Greensock.
designcode.io
2 авг. 2019 г., 18:29
SVG анимации с помощью GreenSock
SVG Animations with GreenSock
Привет, меня зовут Кристина Гортон с Design + Code. Сегодня я хочу научить вас, как анимировать SVG с помощью библиотеки анимации GreenSock (GSAP). Мы начнем с рассмотрения кода SVG и его разбивки, чтобы лучше понять, как манипулировать им для анимации. Затем я расскажу о том, как экспортировать и оптимизировать ваши SVG. Далее я покажу вам, как воплотить эти SVG в жизнь с помощью GSAP. Мы будем использовать множество красивых иллюстраций и прото