Руслан Куянец | Reactify – Telegram
Руслан Куянец | Reactify
5.85K subscribers
705 photos
52 videos
39 files
289 links
Я IT-специалист, ментор и основатель проекта YeaHub и сообщества Reactify. Здесь рассказываю про Frontend и IT.

Менторство:
https://reactify.ru

YouTube канал:
https://youtube.com/@reactify-it

YeaHub:
https://yeahub.ru/

Связь:
@ruslan_kuyanets
Download Telegram
В первом примере используется обычная функция, и this внутри setInterval не ссылается на экземпляр Person. По умолчанию (в строгом режиме) this будет undefined, а в нестрогом — глобальный объект. Поскольку undefined не имеет свойства age, попытка инкрементировать его приведет к NaN

Во втором примере используется стрелочная функция, которая не имеет собственного this. Она "позаимствует" его из окружающего контекста, в данном случае из функции-конструктора Person. Это означает, что this.age будет корректно инкрементироваться каждую секунду, и в консоль будет выводиться возраст Person, который увеличивается на 1 каждую секунду.

#code #JavaScript #functions #this
👍3😢1
Media is too big
VIEW IN TELEGRAM
Записал небольшое видео про собеседования.
Могу пройтись подробнее по вопросам

#собеседование #вопросы
👍6🔥2
Вообще собеседования - это большая тема. Когда я провожу собесы, я стараюсь больше спросить про опыт, про проекты. Задаю лайтовые вопросы.
Но бывают прогеры с 2мя годами опыта, которые собесят сеньоров 6+ и душнят так, как-будто они лично JavasScript изобрели и со школы прогеры. Везде своих чсв хватает😅
😁4😭3
Выросли немного 🟢
Слежу за HH как за котировками акций 😄📈
🔥8
Media is too big
VIEW IN TELEGRAM
Привет, сделал разбор вопросов к собеседованиям по HTML. Записал небольшое видео. Говорю в пол голоса из-за эхо в комнате, пока ее не заставили мебелью😄

#собеседование #вопросы #html
👍12
React Новости 1000 просмотров😎
🔥8
Media is too big
VIEW IN TELEGRAM
Разбор тем по css на собеседовании.

#собеседование #вопросы #css
👍10🔥3
Media is too big
VIEW IN TELEGRAM
Разбор тем по JavaScript на собеседовании [1].

#собеседование #вопросы #JavaScript
👍83
Промисы в JavaScript

Промисы в JavaScript представляют собой объекты, которые предоставляют возможность работать с асинхронными операциями более удобным способом, чем это делается с использованием callback-функций. Промисы могут находиться в одном из трёх состояний:

🟡 Pending (ожидание): начальное состояние промиса, не выполнен и не отклонён.

🟢 Fulfilled (выполнено): операция завершилась успешно, промис выполнен.

🔴 Rejected (отклонено): произошла ошибка, промис отклонён.

Промисы используются для более удобной организации асинхронного кода, такого как работа с API, таймерами или другими операциями, которые не выполняются мгновенно.

#обучающийПост #JavaScript #promise
👍8
Создание и обработка промиса

Промис создаётся с использованием конструктора Promise, который принимает один аргументфункцию с двумя параметрами: resolve и reject. Функция resolve вызывается, когда асинхронная операция завершается успешно, а функция reject — когда происходит ошибка.

Для обработки промиса используются методы then, catch и finally.

then принимает функцию, которая будет вызвана, если промис выполнится успешно.
catch принимает функцию, которая будет вызвана, если промис будет отклонён.
🏁 finally принимает функцию, которая будет вызвана в любом случае, независимо от того, был ли промис выполнен или отклонён.

#обучающийПост #JavaScript #promise #code
🔥62👍2
Media is too big
VIEW IN TELEGRAM
Разбор тем по JavaScript на собеседовании [2].

#собеседование #вопросы #JavaScript
👍7
Принципы SOLID

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

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

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

Single Responsibility Principle

Open/Closed Principle


Liskov Substitution Principle


Interface Segregation Principle


Dependency Inversion Principle


#JavaScript #solid #обучающийПост
👍3
Ну какой же это кот, это кошка.

А говорят, что ИИ заменит программистов, он кошку от кота не может отличить🙄😁😂
😁8
А нет....
🤣3😭1
Но сверстал он полную чушь
🫡7😁3
Буду тестировать, возможно на более мелких задачах будет лучше. Например сверстать карточку какую-нибудь.
👌6
Forwarded from IT Stack | Technologies
🖥 React.js - это JavaScript библиотека от Facebook для быстрой и эффективной разработки интерактивных пользовательских интерфейсов с использованием компонентов и виртуального DOM.

#react #technology #frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👍1🤝1
Создал общий канал, где будут новости, новинки, разные истории и тд. Буду тоже вести его, для того чтобы расширять кругозор и быть в теме✌️
👍7🔥2
Single Responsibility Principle

Принцип единственной ответственности (Single Responsibility Principle, SRP) в контексте React означает, что каждый компонент должен иметь только одну причину для изменения. Это помогает сделать код более читаемым, поддерживаемым и упрощает тестирование.

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

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

#обучающийПост #react #solid
👍2