Премиум каналы

Frontend Study

Первый Телеграм-канал с ежедневным разбором теории, синтаксиса и тонкостей JavaScript

Последние публикации с канала

Как повысить свои шансы на собеседовании?
Рассказать о своем опыте по методу STAR.

Situation - Task - Action - Result.

Записал короткий ролик (7 минут) про этот метод. Рассказал теорию и привел пример ответа.
🟥 Смотреть на YouTube

Еще я на своем канале создаю полноценное приложение с помощью chatGPT. Подпишитесь, чтобы не пропустить новые выпуски!

15.04.2024 / 08:04

useState() 🔥

useState - это хук, который позволяет добавлять состояние React к компонентам-функциям.

Строка 1: мы импортируем хук useState из React. Это позволяет нам сохранять локальное состояние в компоненте-функции.

Строка 4: внутри компонента Example мы объявляем новую переменную состояния, вызывая хук useState. Он возвращает пару значений, которым мы даем имена. Мы называем нашу переменную count, потому что она содержит количество нажатий кнопки. Мы инициализируем её нулем, передавая 0 как единственный аргумент useState. Второй возвращаемый элемент сам по себе является функцией и позволяет нам обновлять счетчик count, поэтому мы назовем его setCount.

Строка 9: когда пользователь кликает, мы вызываем setCount с новым значением. Затем React повторно выполнит отрисовку компонента Example, передав ему новое значение count.

#react_хуки

09.04.2024 / 06:04

Метод объекта setPrototypeOf() 🔥

Метод Object.setPrototypeOf() устанавливает прототип (то есть, внутреннее свойство [Prototype]) указанного объекта в другой объект или null.

Параметры:
obj - объект, которому устанавливается прототип.
prototype - новый прототип объекта (объект или null).

Выкидывает исключение TypeError, если объект, чей прототип [Prototype] является не расширяемым, согласно методу Object.isExtensible(). Не делает ничего, если параметр prototype не является объектом или значением null (то есть, является числом, строкой, логическим значением или undefined).

#методы_объектов

06.04.2024 / 07:04

Сравнение Chat GPT 3.5 и bing Ai

Мы видим, что в первом случае информация переводится на английский и выглядит более менее сносно после трех сообщений о корректировке, а вот во втором случае пришлось попотеть и не смотря на то, что бинг работает на старшей модели GPT 4, возни с ней зачастую больше

PROMPT:
напиши кодом java:
English, do you speak it?

В нашем быстро меняющемся мире IT, важно не только быть в курсе последних технологий, но и общаться на международном уровне. Именно поэтому мы создали "Ice Breakers".

Это разговорный клуб по английскому языку. Мы создали пространство, где люди могут практиковать английский в комфортной обстановке. Это важно тем, испытывает трудности в разговорной практике

И знаешь что самое крутое? Мы предлагаем первое занятие бесплатно! 
Скорее заходи на канал и записывайся на первое пробное занятие!

05.04.2024 / 11:04

🔥 Это база с 1400 вопросами с собеседований на Frontend разработчика. Фишка в том, что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏

Telegram
Frontend | Вопросы собесов

Разбираем вопросы с собеседований на Frontend программиста. HTML, CSS, JavaScript, React, Angular, Vue js

Сайт: https://easyoffer.ru/
Реклама: https://telega.in/c/easy_javascript_ru
Написать: @easyoffer_ads

04.04.2024 / 16:04

Оператор объединения с null '??'

Оператор объединения с null представляет собой два вопросительных знака ??.

Результат выражения a ?? b будет следующим:

- a, если значение a определено,
- b, если значение a не определено.

То есть оператор ?? возвращает первый аргумент, если он не null/undefined, иначе второй.

Как правило, оператор ?? нужен для того, чтобы задать значение по умолчанию для потенциально неопределённой переменной.

Важно!!! Эта возможность была добавлена в язык недавно. В старых браузерах может понадобиться полифил.

#операторы

04.04.2024 / 06:04

С 4 по 9 апреля пройдёт леденящий душу марафон о самом устрашающем языке программирования — JavaScript. Марафон отлично подойдёт для всех, кто давно хотел научиться новому, но боялся начать.

На 6 дней вы получите бесплатный доступ к тренажерам и полезным материалам HTML Academy.

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

Среди участников мы проведем розыгрыш курса «JavaScript. Профессиональная разработка веб-интерфейсов» и предоставим скидки на наши лучшие продукты.

Узнать подробнее.

03.04.2024 / 06:04

Метод from() 🔥

Метод from() создаёт новый экземпляр Array из массивоподобного или итерируемого объекта.

from() позволяет вам создавать массивы из:
- массивоподобных объектов (объектов со свойством length и элементами по индексным ключам)
- итерируемых объектов (объектов, из которых вы можете достать их элементы, например Map или Set).

Свойство length метода from() равно 1.

Пример работы функции from() представлен на картинке.

#методы_массивов

03.04.2024 / 06:04

Int8Array 🔥

Объект Int8Array представляет типизированный массив 8-разрядных целых значений. Содержимое инициализируется значением 0. Создав экземпляр Int8Array, возможно получить доступ к элементам массива, используя методы объекта или стандартный синтаксис доступа к элементу массива по его индексу (с помощью скобочной нотации).

#стандартные_встроенные_объекты

28.03.2024 / 09:03

ES6

ECMAScript 2015, также известный как ES6, является фундаментальной версией стандарта ECMAScript.

ES6 привнёс ряд фундаментальных изменений в язык, которые стали его неотъемлемой частью.

Что принёс с собой этот стандарт:
- стрелочные функции
- новая область this
- let и const
- промисы
- generators
- классы
- конструктор и ещё многое-многое другое

#ES6

22.03.2024 / 07:03

Метод some 🔥

Метод some() проверяет, удовлетворяет ли какой-либо элемент массива условию, заданному в передаваемой функции.

Метод some() вызывает переданную функцию callback один раз для каждого элемента, присутствующего в массиве до тех пор, пока не найдёт такой, для которого callback вернёт истинное значение (значение, становящееся равным true при приведении его к типу Boolean). Если такой элемент найден, метод some() немедленно вернёт true. В противном случае, если callback вернёт false для всех элементов массива, метод some() вернёт false.

Функция callback вызывается с тремя аргументами: значением элемента, индексом элемента и массивом, по которому осуществляется проход.

#методы_массивов

16.03.2024 / 07:03

Живые коллекции

Все методы "getElementsBy*" возвращают живую коллекцию. Такие коллекции всегда отражают текущее состояние документа и автоматически обновляются при его изменении.

В приведённом выше примере есть два скрипта.
- Первый создаёт ссылку на коллекцию div. На этот момент её длина равна 1.
- Второй скрипт запускается после того, как браузер встречает ещё один div, теперь её длина – 2.

#DOM #браузер

05.03.2024 / 09:03

Метод Map 🔥

Метод map вызывает переданную функцию callback один раз для каждого элемента, в порядке их появления и конструирует новый массив из результатов её вызова. 

Функция callback вызывается только для индексов массива, имеющих присвоенные значения, включая undefined. Она не вызывается для пропущенных элементов массива (то есть для индексов, которые никогда не были заданы, которые были удалены или которым никогда не было присвоено значение.

#методы_массивов

04.03.2024 / 06:03

Всем привет! Если тут кому то нужна подработка в виде курьера, коллцентра, кладовщик - пишите мне - https://t.me/hanlaoyt (Ваш админ).))

Telegram
Иосиф

Алоха Миа!

26.02.2024 / 15:02

Метод bind() 🔥

Метод bind() создаёт новую функцию, которая при вызове устанавливает в качестве контекста выполнения this предоставленное значение. В метод также передаётся набор аргументов, которые будут установлены перед переданными в привязанную функцию аргументами при её вызове.

Проще говоря, метод bind создаёт новую функцию с переданным контекстом и переданными аргументами. bind можно представить как HOC в React, принимающую функцию, и возвращающую функцию с дополнительной логикой.

#методы_функций

16.02.2024 / 06:02

Метод some 🔥

Метод some() проверяет, удовлетворяет ли какой-либо элемент массива условию, заданному в передаваемой функции.

Метод some() вызывает переданную функцию callback один раз для каждого элемента, присутствующего в массиве до тех пор, пока не найдёт такой, для которого callback вернёт истинное значение (значение, становящееся равным true при приведении его к типу Boolean). Если такой элемент найден, метод some() немедленно вернёт true. В противном случае, если callback вернёт false для всех элементов массива, метод some() вернёт false.

Функция callback вызывается с тремя аргументами: значением элемента, индексом элемента и массивом, по которому осуществляется проход.

#методы_массивов

09.02.2024 / 07:02

Тут ребята себе сотрудника ищут - не разраба конечно, но вдруг среди вас есть редакторы или около? Почему нет?

"Нам тут требуются сотрудники:
https://smolensk.hh.ru/vacancy/92504469?hhtmFromLabel=similar_vacancies&hhtmFrom=vacancy - зп могут пересмотреть исходя из опыта и умений."

smolensk.hh.ru
Вакансия Редактор в Смоленске, работа в компании ЛАЗЕРТАГ (вакансия в архиве c 2 марта 2024)

Зарплата: от 45000 ₽. Смоленск. Требуемый опыт: 1–3 года. Полная занятость. Дата публикации: 01.02.2024.

06.02.2024 / 13:02

Всем привет! Есть тут хороший мидл SEO? Есть вакансия удаленно в штат 45-75к. Писать мне, желательно сразу с резюме - https://t.me/hanlaoyt

Telegram
Иосиф

Алоха Миа!

05.02.2024 / 09:02

Метод flatMap() 🔥

Метод flatMap() сначала применяет функцию к каждому элементу, а затем преобразует полученный результат в плоскую структуру и помещает в новый массив. Это идентично map функции, с последующим применением функции flat с параметром depth ( глубина ) равным 1, но flatMap часто бывает полезным, так как работает немного более эффективно.

Пример работы функции flatMap() представлен на картинке. Хотя результат полученный в первом примере выше можно было получить используя просто map, во втором примере мы рассмотрим пример где flatMap является более эффективным. Сгенерируем список слов из списка предложений.

#методы_массивов

03.02.2024 / 00:02

Метод flatMap() 🔥

Метод flatMap() сначала применяет функцию к каждому элементу, а затем преобразует полученный результат в плоскую структуру и помещает в новый массив. Это идентично map функции, с последующим применением функции flat с параметром depth ( глубина ) равным 1, но flatMap часто бывает полезным, так как работает немного более эффективно.

Пример работы функции flatMap() представлен на картинке. Хотя результат полученный в первом примере выше можно было получить используя просто map, во втором примере мы рассмотрим пример где flatMap является более эффективным. Сгенерируем список слов из списка предложений.

#методы_массивов

29.01.2024 / 17:01
Отзывы: - 0
Поделитесь вашим мнением! Оставьте отзыв:

Похожие

Избранное