This media is not supported in your browser
VIEW IN TELEGRAM
CSS conic-gradient blur — использование фильтра фона и конического градиента для создания 4-цветного элемента с размытием для области градиента. Элемент реализован с помощью CSS и JavaScript.
💻 Этот открытый урок подойдет людям, которые уже имеют опыт с каким-либо языком программирования. Это отличная возможность совершенно бесплатно протестировать формат обучения и задать преподавателю любые вопросы в режиме реального времени!
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Password Input Light — поле ввода пароля с необычным просмотром пароля, реализованное с помощью CSS и JavaScript.
Продвинутые хуки в React: всё о UseEffect
useEffect — это хук, который можно использовать для замены некоторых методов жизненного цикла классового компонента. Давайте познакомимся с ним поближе.
#js
useEffect — это хук, который можно использовать для замены некоторых методов жизненного цикла классового компонента. Давайте познакомимся с ним поближе.
#js
Познакомьтесь с созданием трехмерных анимаций для web.
📅 20 сентября в 20:00 мск
👉 Тема вебинара: Создание страницы с 3D эффектом Parallax с помощью HTML+CSS+JS
В результате занятия:
- получим страницу с wow-эффектом в 3D, которая будет реагировать на движение курсора пользователя;
- разберём, как сделать трёхмерные анимации с помощью базовых возможностей CSS;
- напишем немного JavaScript кода.
Советуем этот урок всем, кто интересуется анимацией и вёрсткой – как начинающим, так и продвинутым.
👉 Зарегистрируйтесь на вебинар и получите дополнительный по урок созданию сайта
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
📅 20 сентября в 20:00 мск
👉 Тема вебинара: Создание страницы с 3D эффектом Parallax с помощью HTML+CSS+JS
В результате занятия:
- получим страницу с wow-эффектом в 3D, которая будет реагировать на движение курсора пользователя;
- разберём, как сделать трёхмерные анимации с помощью базовых возможностей CSS;
- напишем немного JavaScript кода.
Советуем этот урок всем, кто интересуется анимацией и вёрсткой – как начинающим, так и продвинутым.
👉 Зарегистрируйтесь на вебинар и получите дополнительный по урок созданию сайта
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
This media is not supported in your browser
VIEW IN TELEGRAM
Candy Clicker — анимация разлетающихся конфет при клике на кнопку, реализованная с помощью JavaScript.
Научитесь программировать на языке JavaScript и создавать пользовательские интерфейсы сайтов и приложений.
На профессии «Фронтенд-разработчик» вы за 10 месяцев:
✔️Изучите JavaScript в связке с HTML и CSS и освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.
✔️Решите более 420 задач в браузере и создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров.
Оцените формат и решите, стоит ли продолжать! Вводные ознакомительные курсы профессии доступны бесплатно сразу после регистрации!
На профессии «Фронтенд-разработчик» вы за 10 месяцев:
✔️Изучите JavaScript в связке с HTML и CSS и освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.
✔️Решите более 420 задач в браузере и создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров.
Оцените формат и решите, стоит ли продолжать! Вводные ознакомительные курсы профессии доступны бесплатно сразу после регистрации!
⚡️Программа курса "JavaScript Developer Professional" в Otus помогает студентам достичь нового профессионального уровня в веб-разработке на JS, и вот почему:
✅ После обучения вы сможете полноценно работать с современными JavaScript-фреймворками и библиотеками, а также понимать их основы.
✅ Вам будут доступны популярные паттерны проектирования, такие как Event Loop, Flux, Immutable, Virtual DOM, Dependency Injection и Observables.
✅ Вы научитесь грамотно подбирать инструменты для каждого проекта, а также тестировать его с помощью юнит-тестов на разных уровнях.
✅ Кроме того, вы сможете создавать современные веб-приложения, используя последние технологии в этой области.
Для поступления в группу курса по спеццене проверьте свои знания и пройдите тест
🔥 Бонусы после прохождения теста:
- бесплатный курс по GIT в записи
- доступ к открытым урокам курса
- скидка на обучение при поступлении в группу
👉 ПРОЙТИ ТЕСТ
Курс состоит из живых лекций, практических домашних заданий и выпускного проекта для портфолио. При покупке возможны разные способы оплаты и рассрочка платежа.
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
Для поступления в группу курса по спеццене проверьте свои знания и пройдите тест
🔥 Бонусы после прохождения теста:
- бесплатный курс по GIT в записи
- доступ к открытым урокам курса
- скидка на обучение при поступлении в группу
👉 ПРОЙТИ ТЕСТ
Курс состоит из живых лекций, практических домашних заданий и выпускного проекта для портфолио. При покупке возможны разные способы оплаты и рассрочка платежа.
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
Please open Telegram to view this post
VIEW IN TELEGRAM
Лучшие способы вызова API на JavaScript
При работе с JavaScript чрезвычайно важно знать, как посылать HTTP-запросы и получать динамические данные с сервера/базы данных.
В этой статье разбираем способы вызова API на примере приложения, функциональность которого связана со взаимодействием с различными API через библиотеки с открытым исходным кодом.
При работе с JavaScript чрезвычайно важно знать, как посылать HTTP-запросы и получать динамические данные с сервера/базы данных.
В этой статье разбираем способы вызова API на примере приложения, функциональность которого связана со взаимодействием с различными API через библиотеки с открытым исходным кодом.
This media is not supported in your browser
VIEW IN TELEGRAM
Collections Slider — слайдер с коллекциями изображений и приятной анимацией взаимодействия. Реализован с помощью CSS и JavaScript
#анимация
#анимация
Понимание условий асинхронной гонки JavaScript
Термин «состояние гонки» обычно применяется к конфликту при доступе к общим переменным в многопоточной среде. В Javascript ваш JS-код выполняется только одним потоком за раз, но все же можно создавать похожие проблемы.
Это распространенная проблема, когда люди просто вслепую делают свои функции асинхронными, не задумываясь о последствиях.
Термин «состояние гонки» обычно применяется к конфликту при доступе к общим переменным в многопоточной среде. В Javascript ваш JS-код выполняется только одним потоком за раз, но все же можно создавать похожие проблемы.
Это распространенная проблема, когда люди просто вслепую делают свои функции асинхронными, не задумываясь о последствиях.
Secrets of the JavaScript Ninja
Авторы: John Resig, Bear Bibeault, Josip Maras
Год издания: 2016
#javascript
Авторы: John Resig, Bear Bibeault, Josip Maras
Год издания: 2016
#javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Menu Button Interaction
Анимированное выпадающее меню, выполненное с помощью SVG, SCSS и JavaScript
Анимированное выпадающее меню, выполненное с помощью SVG, SCSS и JavaScript
Лучшие способы вызова API на JavaScript
При работе с JavaScript чрезвычайно важно знать, как посылать HTTP-запросы и получать динамические данные с сервера/базы данных.
В этой статье разбираем способы вызова API на примере приложения, функциональность которого связана со взаимодействием с различными API через библиотеки с открытым исходным кодом.
При работе с JavaScript чрезвычайно важно знать, как посылать HTTP-запросы и получать динамические данные с сервера/базы данных.
В этой статье разбираем способы вызова API на примере приложения, функциональность которого связана со взаимодействием с различными API через библиотеки с открытым исходным кодом.