Javascript js frontend
9.98K subscribers
422 photos
159 videos
15 files
309 links
Канал для начинающих JavaScript разработчиков. Если вы приступаете к изучению JS или FrontEnd в целом - этот канал для вас.

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
Pro Angular

Автор:
Adam Freeman
Год издания: 2022

#js #angular #en
JavaScript. Что будет выведено в консоль?

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
iPhone 14 w/ Dynamic Island

Верстка реализована с использованием препроцессоров Pug и SCSS. Каждая нажимаемая кнопка - это input с type="radio", при нажатии на который активируются определенные стили.

#js
JavaScript. Каким будет результат?
Anonymous Quiz
64%
Hello
22%
Hey!
7%
undefined
3%
ReferenceError
1%
TypeError
3%
Посмотреть ответы
Реализуем touch жесты на vanilla js

Столкнувшись с задачей реализовать простой графический редактор в мобильной версии сайта, я обнаружил, что функционал мультитач-жестов еще не реализован на уровне браузера. Для реализации этого функционала нам потребуется расчехлить тригонометрию. Начнем мы с вращения.

#js #ru
This media is not supported in your browser
VIEW IN TELEGRAM
React Morph Clock

Оригинальные часы, созданные из svg-картинки на React.

#js #react
JavaScript. Что будет выведено в консоль?

Ответ
Воспользуйтесь российским AI-ассистентом разработчика на GitVerse

Разработчики получили доступ к GigaCode — AI-помощнику* для ускорения работы с кодом.

AI-ассистента можно использовать в любой привычной среде разработки: IDE от JetBrains, VSCode, Jupyter. Помощник будет генерировать для вас варианты завершения кода в режиме реального времени, ускоряя и упрощая процесс работы.

GigaCode развивается вместе c сервисом GigaChat. В AI-ассистенте есть нейросетевые модели, которые обучены на больших корпусах исходного кода и специализируются на определенных задачах разработки. А по опыту команд в Сбере, GigaCode может сокращать время для создания кода до 25%.

GigaCode доступен для раннего использования на площадке GitVerse. Это платформа для работы с исходным кодом от СберТеха, где можно размещать проекты с открытым и закрытым кодом, вести совместную разработку и участвовать в жизни комьюнити.

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

*AI, artificial intelligence — искусственный интеллект
CSS Frameworks
The Ultimate Guide

Автор:
Sufyan bin Uzayr
Год издания: 2023

#css #en
JavaScript. Каким будет результат?
Anonymous Quiz
27%
"Lamborghini"
53%
"Maserati"
10%
ReferenceError
2%
TypeError
7%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
Lotsa Notifications

Анимированные уведомления, логика появления и пропадания которых прописана в JS.

#js
JavaScript. Что будет выведено в консоль?

Ответ
Нативный HTML-элемент dialog и его возможности

Все основные браузеры теперь поддерживают элемент dialog. Зачем добавлять этот HTML-элемент? Подобный функционал, особенно в части захвата фокуса, имеет юзерленд-код — код, который разработчики пишут для заполнения пробелов в браузере. Что ж, браузерные движки отреагировали на это, добавив эту функциональность непосредственно в браузер.

#html #ru
This media is not supported in your browser
VIEW IN TELEGRAM
Header With Slide Bar

Появляющийся заголовок с ползунком. Написан на чистом CSS.

#css
250+ Killer JavaScript One-Liners

Автор: Hernando Abella
Год издания: 2024

#js #en
This media is not supported in your browser
VIEW IN TELEGRAM
Menja

Игра в которой нужно разбивать вылетающие блоки. Реализована с помощью JavaScript.

#js
CSS тени и неоморфный дизайн

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

#css #ru
This media is not supported in your browser
VIEW IN TELEGRAM
Old Film Effect

Эффект создан на чистом CSS при помощи бесконечных анимаций.

#css
⚡️ Тест по JavaScript от OTUS
А насколько хорошо ты знаешь Vue.js?

✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js разработчик" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене и получишь курс по Git в подарок.

Время прохождения теста ограничено 30 минут

👉 ПРОЙТИ ТЕСТ

🎫 Курс можно приобрести в рассрочку

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576