+100 к программированию

Переворот строки в JavaScript

Чтобы перевернуть строку в JavaScript, можно воспользоваться сочетанием методов split, reverse и join. Этот подход отлично подходит для:

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

#JavaScript #string #split #reverse #join

Таким образом я стараюсь создать максимально благоприятную среду для обучения и развития. Это не просто обучение - это мини сообщество. В котором мы общаемся, практикуемся, созваниваемся и готовимся к собеседованиям.

Я человек идейный. У меня много мыслей и различный идей проектов, которые не просто будут пылится на полке Пет проектов, а которыми будут пользоваться другие.

Я стараюсь не просто научить ребят разрабатывать, но и полюбить это дело, замотивировать🤝

Розыгрыш тестовый

🎉 Результаты розыгрыша:

Победитель:
1. 🎱 (@brokkamiri)

Проверить результаты

Всем привет. Как обещал, провожу розыгрыш менторства для новичков.

Призы следующие:

- Две недели менторства бесплатно.
- Одна неделя менторства бесплатно.
- Собеседование на 40-60 минут.
- Специальное предложение: месяц обучения за 10,000 рублей вместо 15,000.

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

Итоги подведём 5 апреля в 18:00

Желаю удачи и надеюсь, что победят те, кому это действительно необходимо.

YeaHub Разработка

Из-за ошибок в управлении проектом разработка дизайна нашего приложения застопорилась на два месяца. Фронтенд команда ожидала дизайн и не могла продолжить работу. Для решения этой проблемы я изменил стратегию управления.

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

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

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

#yeahub

Проверка наличия элементов в массиве

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

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

#JavaScript #arrays

Избегайте явного добавления лишних пропсов, если они могут быть переданы через распространение пропсов.

Когда работаете с React компонентами, особенно с такими, что оборачивают HTML элементы (например, <input>, <button>, <textarea>), придерживайтесь простоты и чистоты кода. Если ваш компонент получает пропсы, которые прямо передаются в дочерний элемент без модификаций или особой логики, предпочтительнее использовать оператор распространения пропсов (...props). Это повышает гибкость компонента и упрощает его применение.

#react #best #props

Получение выделенного текста пользователя

Чтобы получить текст, который пользователь выделил на веб-странице, можно использовать встроенное свойство getSelection. Этот метод особенно полезен для:

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

#JavaScript #window #selection

Смотрю на своих учеников, и у них такие же проблемы, какие были и у меня во время обучения. Блин, как будто дежавю. Я через все это проходил: на протяжении всего обучения я сомневался в своих силах, сталкивался с трудностями и непониманием. Вот прямо один в один. И за счет этого у меня еще больше желание помочь им, созвониться, объяснить, поддержать.

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

Что будет если мы перейдем и накидаем звезд сюда?🤔
Предлагаю проверить

https://github.com/MirgradR/news-reactify

Завтра будет результат розыгрыша😎
Кто какой приз хотел бы?
Буду чаще проводить розыгрыш собесов и недельных занятий.

В скором времени начну больше снимать видео. Хочу про трудоустройство поговорить, про JavaScript. Буду выпускать по сложным темам - асинхронность, Promise, Event Loop, DOM и тд.
Надеюсь будет полезно💪

Какие продвинутые темы вам были бы интересны?

🎉 Результаты розыгрыша:

Победители:
1. Nikita (@frontendNC)
2. concurrency mode (@webtensei)
3. Тимур (@kalievxx01)
4. Ирина

Проверить результаты

1. Nikita (@frontendNC) - Две недели менторства бесплатно.
2. concurrency mode (@webtensei) - Одна неделя менторства бесплатно.
3. Тимур (@kalievxx01) - Собеседование на 40-60 минут.
4. Ирина - Специальное предложение: месяц обучения за 10,000 рублей вместо 15,000.

Можете мне написать в личку. Менторство 2 недели и 1 неделя не могут идти вместе. Сначала один, потом второй. Для этого решим кому как удобнее

Буду стараться чаще проводить розыгрыши.

Удаление дубликатов из массива с помощью Set

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

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

#JavaScript #set #arrays

Отличные ресурсы для подготовки к собесам и прокачки навыков.

Задачи по JS и React. Создание различных компонент по заданию. Самое то для Лайвкодинга
https://www.greatfrontend.com/prepare/coding
https://bigfrontend.dev/

Вопросы с собеседований.
https://www.frontendinterviewhandbook.com/ru/javanoscript-questions

Решаем задачи и алгоритмы
https://www.codewars.com/

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

На моем канале есть несколько видео, которые точно стоит посмотреть.

Самый лучший roadmap по фротнтенду
Тут есть все темы, ресурсы для изучения и мои комментарии.
https://youtu.be/9Pbm_V0MM0Y?si=7GXD9Aon9KOS9oBk

Топовые курс по TypeScript
Разобраны все темы без воды.
https://youtu.be/PYWaUwjofJo?si=f03msee1WHcMEpbE

Понятный курс по HTML
Так же без воды. Хороший монтаж, объяснение. Плюс практика в конце
https://youtu.be/56lpkwhaJhQ?si=YrazpxjdQ9ffp_Ki

Видео по FSD
Тут мои мысли и примеры, как использовать FSD
https://youtu.be/O4SDx-aZY5U?si=RV24I3_wHmhDzLP2

Лучшая практика по React
Полноценный видеокурс/сериал, в котором мы реализовавшем с нуля большое приложение и знакомимся со всей экосистемой React.
https://youtu.be/bD0UXb7kD_k?si=HGD9HXlVJrqU8OwR

https://youtube.com/shorts/oOgPh6_NjTI?si=NPgobMRtDi3Q57E-

Начал снимать shorts. Хочу дополнительно такой формат попробовать. Ведь скоро мы будем продвигать наш проект YeaHub, поэтому надо пользоваться всеми доступными способами💪

Вычисление площади круга по радиусу

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

#JavaScript #math #geometry