gram news
Senior Frontend Developer | JavaScript, React, HTML & CSS channel avatar

Senior Frontend Developer | JavaScript, React, HTML & CSS

@senior_front

Изучаем Frontend. По вопросам сотрудничества: @adv_and_pr Канал на бирже: https://telega.in/c/senior_front https://gosuslugi.ru/snet/67a461dcdc130259d5a631b8

ProjectsRUProgramming

19,500subscribers

Open the Channel

Latest posts

  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    22 Sept, 20:36

    Позиционирование элементов с помощью JSДля позиционирования элементов на странице веб-сайта можно использовать CSS свойства, такие как position, top, left, right, bottom. Однако, в некоторых ситуациях может потребоваться изменять эти свойства динамически с помощью JavaScript.Для изменения кастомных CSS свойств с помощью JavaScript можно использовать метод setProperty() объекта style. Для этого необходимо указать имя свойства и его значение.Использование setProperty() позволяет создавать анимации и другие эффекты на странице, которые изменяют CSS свойства элементов динамически.
    Image from a post by Senior Frontend Developer | JavaScript, React, HTML & CSSImage from a post by Senior Frontend Developer | JavaScript, React, HTML & CSS
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    21 Sept, 20:54

    JavaScript. Напишите функцию curry, которая принимает любую функцию и возвращает её каррированный вариант.Ответ
    Image from a post by Senior Frontend Developer | JavaScript, React, HTML & CSSImage from a post by Senior Frontend Developer | JavaScript, React, HTML & CSS
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    20 Sept, 20:57

    #вопросы_с_собеседований Объясните, что такое файлы cookie в JavaScript?С помощью этого вопроса интервьюер оценивает ваши базовые знания в веб-разработке.Ответ: Cookies – это небольшие текстовые файлы, которые хранятся на компьютере и создаются, когда пользователь заходит на веб-сайты. Например, это могут быть сведения о пользователе или информация о содержимом корзины покупок из прошлых посещений.
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    19 Sept, 19:07

    Быстрое округлениеЕсли нужно сделать дробное число целым, вы используете Math.floor(), Math.ceil() или Math.round() – в зависимости от нужного эффекта. Но есть и более быстрый путь – побитовое ИЛИ.Поведение оператора с положительными и отрицательными операндами отличается. Положительные округляются вниз, негативные – вверх. Все цифры после десятичной точки удаляются.
    Image from a post by Senior Frontend Developer | JavaScript, React, HTML & CSSImage from a post by Senior Frontend Developer | JavaScript, React, HTML & CSS
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    18 Sept, 20:29

    Как getElementByID работает в JavaScript?Метод документа getElementById() возвращает объект, представляющий элемент, свойство id которого совпадает с заданным значением. Этот метод используется для управления элементом в нашем документе.
    Image from a post by Senior Frontend Developer | JavaScript, React, HTML & CSSImage from a post by Senior Frontend Developer | JavaScript, React, HTML & CSS
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    17 Sept, 20:42

    #вопросы_с_собеседований В чем разница между явным и неявным преобразованием или приведением к типу (Implicit and Explicit Coercion)?Неявное преобразование — это способ приведения значения к другому типу без нашего ведома (участия).Предположим, у нас есть следующее: console.log(1 + '6') console.log(false + true) console.log(6 '2')Результатом первого console.log будет 16. В других языках это привело бы к ошибке, но в JS 1 конвертируется в строку и конкатенируется (присоединяется) к 6. Мы ничего не делали, преобразование произошло автоматически.Результатом второго console.log будет 1. False было преобразовано в 0, true — в 1. 0 + 1 = 1.Результатом третьего console.log будет 12. Строка 2 была преобразована в число перед умножением на 6.Явное преобразование предполагает наше участие в приведении значения к другому типу: console.log(1 + parseInt('6'))В этом примере мы
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    15 Sept, 20:54

    JavaScript. Что будет выведено в консоль?Ответ
    Image from a post by Senior Frontend Developer | JavaScript, React, HTML & CSSImage from a post by Senior Frontend Developer | JavaScript, React, HTML & CSS
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    14 Sept, 20:53

    JavaScript. Что будет выведено в консоль?Ответ
    Image from a post by Senior Frontend Developer | JavaScript, React, HTML & CSSImage from a post by Senior Frontend Developer | JavaScript, React, HTML & CSS
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    13 Sept, 20:58

    JavaScript. Что будет выведено в консоль?Ответ
    Image from a post by Senior Frontend Developer | JavaScript, React, HTML & CSSImage from a post by Senior Frontend Developer | JavaScript, React, HTML & CSS
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    12 Sept, 20:36

    Как создать объект, не имеющий прототипа?Это можно сделать с помощью Object.create.
    Image from a post by Senior Frontend Developer | JavaScript, React, HTML & CSSImage from a post by Senior Frontend Developer | JavaScript, React, HTML & CSS
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    11 Sept, 21:01

    Agressive ToggleАнимированный переключатель на HTML и SCSS.https://codepen.io/yexx/details/yLvyxWP
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    10 Sept, 20:38

    Ocean card, perspective shift on hoverСмена перспективы при наведении мыши на карточку. Сделано с помощью SCSS и JS (Babel).https://codepen.io/drewcarson/pen/ZEVKKOx
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    9 Sept, 20:52

    Текстовая версия доклада Натальи Стусь на HolyJS о том, как выглядела работа над производительностью не в «вакууме», а конкретно в случае Авто.ру.Читать
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    7 Sept, 20:48

    Experimental Gradient EditorПриложение для генерации градиента, написанное на Vue.https://codepen.io/meodai/pen/xyqoEO
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    6 Sept, 19:07

    Animated Upload ModalАвтор создает модальное окно для загрузки файлов на веб-странице. Модальное окно позволяет пользователю выбрать файл для загрузки, отслеживает процесс загрузки с помощью прогресс-бара и отображает различные состояния загрузки, такие как успешная загрузка или ошибка.Для реализации данной функциональности используются HTML, CSS и JavaScript. В частности, HTML используется для создания структуры модального окна, CSS - для стилизации иконок и оформления окна, а JavaScript - для обработки действий пользователя, отслеживания состояний загрузки и визуализации этих состояний.Нет использования фреймворков, но код использует библиотеку crypto в классе Utils для генерации случайных чисел.🌐Ссылка на код
    Image from a post by Senior Frontend Developer | JavaScript, React, HTML & CSSImage from a post by Senior Frontend Developer | JavaScript, React, HTML & CSS
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    4 Sept, 20:57

    Colorful Theme SwitchАнимированный переключатель цветовой темы, реализованный на CSS и SVG, без применения JavaScripthttps://codepen.io/jkantner/pen/eYPYppR
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    3 Sept, 20:38

    Animated Windows XP Shutdown IconsАнимированные иконки выключения из Windows XP, реализованные на CSS и SVG, с применением JavaScripthttps://codepen.io/jkantner/pen/oNPRMQY
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    2 Sept, 20:55

    Clocktober day 21: Perspective - Стильные часы для вашего сайтаhttps://codepen.io/jkantner/pen/BaMazpK
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    31 Aug, 20:58

    JavaScript. BOM (Browser Object Model)Объектная модель браузера (Browser Object Model, BOM) – это дополнительные объекты, предоставляемые браузером (окружением), чтобы работать со всем, кроме документа.Например: - Объект navigator даёт информацию о самом браузере и операционной системе. Среди множества его свойств самыми известными являются: navigator.userAgent – информация о текущем браузере, и navigator.platform – информация о платформе (может помочь в понимании того, в какой ОС открыт браузер – Windows/Linux/Mac и так далее). - Объект location позволяет получить текущий URL и перенаправить браузер по новому адресу.Пример как мы можем использовать объект location показан на рисунке.Функции alert/confirm/prompt тоже являются частью BOM: они не относятся непосредственно к странице, но представляют собой методы объекта окна браузера для коммуникации с пользователем.
    Image from a post by Senior Frontend Developer | JavaScript, React, HTML & CSSImage from a post by Senior Frontend Developer | JavaScript, React, HTML & CSS
  • Senior Frontend Developer | JavaScript, React, HTML & CSS

    29 Aug, 20:55

    JavaScript. Что будет выведено в консоль?Ответ
    Image from a post by Senior Frontend Developer | JavaScript, React, HTML & CSSImage from a post by Senior Frontend Developer | JavaScript, React, HTML & CSS