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

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Melty line goodness

Анимированная граница, выполненная с помощью SVG, SCSS и JavaScript.

#css #js
JavaScript. Какой метод навсегда предотвращает добавление новых свойств к объекту, удаление старых свойств из объекта и изменение существующих свойств?
Anonymous Quiz
13%
Object.block()
48%
Object.freeze()
7%
Object.stop()
17%
Такого метода нет
15%
Посмотреть ответ
Node.js for Embedded Systems

Автор:
Patrick Mulder and Kelsey Breseman
Год издания: 2017

#node #english
Зачем использовать materialize и dematerialize операторы и что такое Notification в RxJS?

Вы когда-нибудь встречали такие операторы, как materialize и dematerialize в RxJS? А что насчет класса Notification? Вероятно, многие слышали, но не до конца представляли, где их можно применить на практике. Из этой статьи вы узнаете, что делают эти операторы.

#javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Moko's lost!

Страница 404: svg-картинка, анимированная в JS.

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

Ответ
Задача

Преобразуйте строку по таким правилам:

1) Изменить регистр каждого символа, т.е. нижний регистр в верхний, верхний регистр в нижний. Например, 'FizzBuzz' -> 'fIZZbUZZ'.
2) Изменить порядок слов на обратный. Например, 'pen pinapple apple PEN' -> 'pen APPLE PINAPPLE PEN'.

Примечание:
Количество пробелов должно быть сохранено. Например, для строки 'js css html':
- 'HTML CSS JS' - неправильный вариант
- 'HTML CSS JS' - правильный вариант

Входные данные: строка, состоящая из букв английского алфавита и пробелов.
Выходные данные: преобразованная строка.

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Responsive Blog Card Slider

Адаптивная карточка со слайдером Swiper. Слайды можно прокручивать с помощью колеса мышки или нажатием на пагинацию.

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

Анимация с зеленым кодом из фильма «Матрица», реализованная с помощью JavaScript.

#js
Экосистема React в 2022 году

Рассмотрели текущее состояние экосистемы React. Также остановились на том, какие инструменты и библиотеки нам необходимы, чтобы покрыть все основные кейсы для успешной разработки приложения.

#react
Building Web Applications with .NET Core 2.1 and JavaScript

Автор:
Philip Japikse, Kevin Grossnicklaus, Ben Dewey
Год издания: 2020

#javascript #english
TypeScript: худший лучший язык программирования

На конференции FrontedConf 2021 Андрей Старовойт показал плюсы и минусы TypeScript. Если вы сомневаетесь, стоит ли его использовать — эта статья для вас, чтобы вы смогли для себя всё решить.
This media is not supported in your browser
VIEW IN TELEGRAM
Spirited Away Bathhouse

3D-карточка, выполненная с помощью Haml и SCSS, без использования JavaScript.

#css
Атрибут novalidate

Знакомимся с HTML-атрибутом novalidate. С его помощью можно отключить нативную валидацию формы со стороны браузера.

#html
This media is not supported in your browser
VIEW IN TELEGRAM
Image Hover Interaction

При наведении на карточку в JS создаются частицы на canvas, которые собираются в картинку.

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

Ответ
🔥 Залипательный тест по JS 🔥

— Ответьте на 20 вопросов и проверьте, насколько хорошо вы знаете JavaScript. Сможете сдать — пройдёте на продвинутый курс JavaScript Developer. Professional с хорошей скидкой 🎁

👉🏻 ПРОЙТИ ТЕСТ: https://otus.pw/LlWI/
This media is not supported in your browser
VIEW IN TELEGRAM
Neon Love

Анимированная сцена, выполненная с помощью CSS и JavaScript.

#html #css #js
React-Architect

Автор:
Dr. Frank Zickert
Год издания: 2020

#react #english
Задача

В простых случаях циклических ссылок мы можем исключить свойство, из-за которого они возникают, из сериализации по его имени.

Но иногда имя использовать нельзя, так как с этим именем могут быть и другие, нужные, свойства во вложенных объектах. Поэтому можно проверять свойство по значению.

Напишите функцию replacer для JSON-преобразования, которая удалит свойства, ссылающиеся на meetup.

Ответ
Как устроена автоматизация в Почте России? А есть ли легаси?

Все это можно узнать в Telegram-канале Почтатеха — ИТ-подразделения Почты, которое занимается разработкой цифровых продуктов.

В нем вы также найдете актуальные вакансии, комментарии экспертов и множество интересного из мира информационных технологий.
Подписывайтесь: @pochtatech