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
Секундомер, реализованный с помощью Pug и Stylus, без использования JavaScript.

#css
Clean Code in JavaScript

Автор:
James Padolsey
Год издания: 2020

#javascript #english
This media is not supported in your browser
VIEW IN TELEGRAM
Star Wars Imperial Army's Product Slider

Адаптивный слайдер карточки продукта, реализованный с помощью Swiper.js.

#js
Как использовать JavaScript для расстановки элементов на веб-странице

Разбираемся на примере, как упорядочить элементы на странице.

#javascript
Смартфон

Фоторелистичный смартфон, созданный на чистом CSS.

#css
This media is not supported in your browser
VIEW IN TELEGRAM
Темы меню

Меню с возможностью смены темы, выполненное с помощью SCSS и JavaScript.

#css #js
Задача

Дана закодированная строка, необходимо вернуть декодированную строку.

Правило кодирования: k [закодированная_строка], где закодированная_строка в квадратных скобках повторяется ровно k раз. k - строго положительное число.

Входные данные: входная строка валидна (нет лишних пробелов, правильные квадратные скобки). Полностью раскодированная строка не содержит цифр.

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Direction aware hover effect

Эффект подчеркивания ссылок при наведении с учетом направления курсора.

#css #js
This media is not supported in your browser
VIEW IN TELEGRAM
Calendar and Clock

Получение даты и времени реализовано на JS. Если зажать кнопку на календаре, то открываются часы.

#js
Руководство по работе с формами и полями ввода в React

Лучший способ разобраться в любом фреймворкке - создать с его помощью CRUD-приложение. А любое такое приложение имеет форму с разными полями ввода. Работая с формами в React, вы столкнетесь с такими терминами, как "контролируемые и неконтролируемые компоненты". В этой статье автор разобрал суть этих терминов простым английским языком.

#javascript #react
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Loaders

Подборка загрузчиков на HTML и SCSS. Для удобства автор сделал увеличение лоадера при наведении.

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

Ответ
Computer Programming

Авторы:
Willam Alvin Newton, Steven Webber
Год издания: 2019

#javascript #html #css #english
3 чудо-приема JavaScript для ускорения разработки

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

#javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Energy

Анимация энергетических лучей, которые следуют за курсором мыши. Реализована с помощью JavaScript.

#js
Обнаружение долгого нажатия в событиях JavaScript в React

Разбираем, как реализовать взаимодействие с долгим нажатием в React-приложении без использования нативных инструментов мобильной разработки.

#react #en
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