Руслан Куянец | Reactify

Мероприятия от Тинькофф всегда на высоте, особо выделяю Круглый стол🤩

Сейчас в тренде масса мероприятий — каждая компания старается выделиться, борясь за внимание специалистов. И многие компании запускают каналы, которые ведут их разработчики, что действительно круто💪

Генерация случайного HEX-цвета

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

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

#JavaScript #randomColor #hex #solution

Руслан Куянец | Reactify pinned «ПЛАН РАЗВИТИЯ | РЕСУРСЫ ДЛЯ ОБУЧЕНИЯ | ROADMAP | FRONTEND Учитесь бесплатно. Долой дорогие и неэффективные курсы! Это полный план обучения, советы, бесплатные курсы и материалы. Вы можете абсолютно с нуля обучиться на Frontend Разработчика. Ссылка на Figma…»

ПЛАН РАЗВИТИЯ | РЕСУРСЫ ДЛЯ ОБУЧЕНИЯ | ROADMAP | FRONTEND

Учитесь бесплатно. Долой дорогие и неэффективные курсы! Это полный план обучения, советы, бесплатные курсы и материалы. Вы можете абсолютно с нуля обучиться на Frontend Разработчика.

Ссылка на Figma

#roadmap

Frontend Roadmap 2024. План + Ресурсы для бесплатного обучения.

Комплексный план обучения для начинающих фронтенд-разработчиков. В данном roadmap систематизированы ключевые технологии, необходимые для старта в профессии, сопровождаемые обширным перечнем бесплатных образовательных ресурсов. Для каждого направления технологий вы найдете подборки статей, видеороликов и бесплатных курсов, тщательно отобранных для эффективного самостоятельного обучения. Этот план исключает необходимость дополнительных платных курсов, предоставляя все необходимые инструменты для самостоятельного освоения фронтенд-разработки.

Chunks

Чанки в JavaScript — это техника разделения данных или кода на меньшие фрагменты (чанки) для более удобной обработки или для оптимизации загрузки веб-приложений. Это может быть полезно в различных сценариях, например, при обработке больших массивов данных или при реализации "ленивой" загрузки модулей в приложении.

В контексте веб-разработки, чанки часто используются для оптимизации загрузки приложений. С помощью техники разделения кода на чанки (code splitting) можно разбить большой объем кода на меньшие фрагменты, которые затем могут быть загружены по мере необходимости, а не все сразу. Это уменьшает время загрузки приложения, поскольку пользователь скачивает только тот код, который ему нужен в данный момент.

В современных JavaScript-фреймворках и сборщиках, таких как Webpack, Rollup или Parcel, реализация code splitting обычно достигается с помощью асинхронных импортов или специальных комментариев для указания точек разделения кода.

#chunks #JavaScript

Очистка всех cookies на веб-странице

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

- для быстрой очистки данных сессии
- чтобы улучшить конфиденциальность и безопасность пользовательской сессии

#solution #JavaScript #cookies #privacy

Гайд по работе с нейросетями

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

1. На сайте, документации нажмите в контекстном меню "Печать"
2. Сохраните документ в формате PDF.
3. Отправьте PDF файл нейросети ChatGPT.
4. Нейросеть извлечет основные тезисы из документа.

Вычисление количества дней между двумя датами

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

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

#date #JavaScript #timeDifference #solution

Инкапсуляция в JavaScript

Инкапсуляция в JavaScript — это принцип объектно-ориентированного программирования, который позволяет скрыть детали реализации объекта от внешнего использования. Это значит, что можно создать объекты, внутреннее состояние которых (их переменные и функции) не будет доступно напрямую извне. Вместо этого взаимодействие с объектом осуществляется через публичные методы (функции), которые объект предоставляет. Эти методы называются интерфейсом объекта.

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

В JavaScript инкапсуляция обычно достигается с помощью функций или классов, где локальные переменные и функции (не привязанные к this) скрыты внутри, а доступ к ним можно получить только через определённые публичные методы. С приходом синтаксиса ES6 и введением ключевого слова class, инкапсуляция стала проще и более интуитивно понятной благодаря использованию приватных полей и методов, которые обозначаются символом # перед именем.

#JavaScript #oop #инкапсуляция

YouTube, растем🏆🎉

Маленькая победа. Скоро видео roadmap с ресурсами для изучения Frontend

Друзья, под этим постом пишите любые ваши вопросы к прямому эфиру и скидывайте ваше резюме, если хотите чтобы я его разобрала 🔥

Кому нужно резюме разобрать? На прямой эфир все

Можно ли утверждать, что многие специалисты среднего уровня (мидлы) на самом деле являются лишь усиленными джунами с "накрученным" опытом?

Мое мнение – категорически нет. Если сотрудники с так называемым "накрученным" опытом уже работают в компании, приносят ей пользу и действуют наравне или даже лучше, чем мидлы с "реальным" опытом, то в этом нет ничего плохого.

Важным является не прошлое сотрудника, а его настоящие достижения и, прежде всего, результаты его работы. Здесь важны талант и интерес к профессии; существуют одаренные люди, которые демонстрируют впечатляющие результаты. Если же отсутствуют талант, умения и навыки, то джуну с "накрученным" опытом невозможно удержаться в компании – это утопия и миф.

Вот как ответила Залифа. @it_coach1

Ваше мнение 👇👇👇

Капитализация строки в JavaScript

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

- для форматирования пользовательского ввода перед отображением;
- при обработке текстовых данных для сохранения в базу данных;
- для обеспечения корректного отображения текста на фронтенде.

#JavaScript #string #capitalise #solution

🎤 Пиши код как Толстой // Алексей Наумов, Ruby-разработчик, СберМаркет

На митапе обсуждали, как правильно писать код, чтобы тебя поняли другие разработчики. Было интересно, а вот вам подборка книг для написания классного кода:

- Бек, Фаулер, Брант: Рефакторинг. Улучшение проекта существующего кода
- Роберт Мартин: Чистый код. Создание, анализ и рефакторинг
- Стив Макконнелл: Совершенный код. Мастер-класс

Митап СберМаркет Tech

Проверка порядкового номера дня в году

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

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

#date #validation #JavaScript #solution

На выходных выпущу видео про Roadmap по Фронтенд разработке, который составил сам. Это пошаговое руководство с массой учебных ресурсов.

Таких roadmap я еще не встречал. Все просто показывают технологии, но не дают материалы/ресурсы, по которым эти технологии учить. Выбираешь технологию, изучаешь, затем переходишь к следующей. Очень практично, почти как курс: есть учебный план и материалы. Пока без заданий, но планирую дополнять.

В видео обойду весь план, расскажу о каждом ресурсе, дам советы и рекомендации, покажу, как эффективно использовать этот план.

Проверка корректности даты

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

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

#date #validation #JavaScript #solution