YeaHub Новости

Тем временем на этих выходных нас ждет очередная волна созвонов с командой.

Дизайнеры всю эту неделю выполняли задачи:

-Сбор референсов (цветовые решения, визуальные идеи и тд)
-Структура и навигация (древовидная структура)
-Карта эмпатии для персон, целевых групп
-Опросы для целевых групп

Фронтендеры всю эту неделю выполняли задачи:

-Сбор лучших практик
-Написание правил разработки
-Продумывыние структуры проекта, архитектуры

Бекендеры всю эту неделю выполняли задачи:

-Подготовка к разработке

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

https://github.com/YeaHubTeam/yeahub-backend

Это Open Source проект. Все наши репозитории открыты. Вы можете следить за ходом разработки и предлагать идеи/советы.
Если нашли ошибку - скажите.
Если есть предложение как улучшить - скажите.

Будем рады любой помощи!

#teams #yeahub

Ребята. Накидайте пожалуйста полезных сайтов/ресурсов/книг/статей/бесплатные курсы/платформы для изучения фронтенд разработки

Хочу составить план обучения со всеми этапами. Приложить туда различные, проверенные ресурсы для обучения.

В комментарии 👇🏻👇🏻👇🏻

React Router

Сегодня я написал сценарий к видео. Однако снимать буду 2 части. В первом видео мы немного отрефакторим наш код. И уже во втором реализуем переход на страницу новости

Рефакторинг будет неплохим. Объединим Карточки баннера и новости. Объединим список баннеров и новости. И еще по мелочи

Постараюсь подряд на неделе выпустить.

Опрос YeaHub

Всем привет! Кто может помочь, пройти небольшой опрос на днях? Созвониться буквально на 15-30 минут, можно без камеры. Опрос будет про нашу будущую платформу. Нам важно знать, стали бы вы учавствовать в различных активностях на нашей платформе, было бы для вас это полезно, или интересно.

Нам нужны:

- Два Middle+ / Senior Разработчика Фронтенд/Бекенд
- Два Junior Разработчика Фронтенд/Бекенд

Отзовитесь в комменты, либо в личку плиз @ruslan_kuyanets

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

Операторы в JavaScript

В языке программирования JavaScript, операторы — это специальные символы или слова, которые выполняют операции на одном или нескольких операндах (значениях или переменных) и возвращают результат. К примеру, оператор сложения + используется для суммирования чисел.

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

Вычисление выражений: Когда вы пишете a + b, JavaScript использует оператор + для вычисления суммы a и b.

Управление памятью: При присваивании значения переменной, как в a = 10, оператор = указывает JavaScript сохранить значение 10 в памяти, связанной с переменной a.

Выполнение инструкций: Операторы могут изменять данные или осуществлять контрольный поток программы (например, операторы сравнения или логические операторы).

Как работают операторы

Когда вы используете оператор в JavaScript, происходит ряд внутренних шагов:

Получение значений: JavaScript сначала определяет значения, на которые влияет оператор.

Поиск переменных по имени: Если оператор применяется к переменным, JavaScript находит эти переменные в памяти.

Выполнение операции: Далее JavaScript выполняет заданную операцию, что может включать математические вычисления, логические проверки, присваивания и т.д.

Понимание того, как операторы работают "под капотом", помогает программистам писать более эффективный и оптимизированный код.

#JavaScript

Стоимость курсов по Frontend Разработке

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

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

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

Я хочу, чтобы на нашей платформе сформировалась большое сообщество людей, поддерживающих друг друга и помогающих.

#yeahub #teams

Кстати, как вам мой мерч? Ручная вышивка, под заказ.

Из-за этого пришлось логотип не менять. Потому, что футболку жена подарила😅

"Научившись сам, научи и другого; так знания будут жить вечно."

Такую вот цитату я услышал еще давно. Сегодня я постарался ее воспроизвести.

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

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

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

В моей первой компании моим ментором был Ислам — крутой разработчик. Всего за месяц под его руководством я усилил навыки Фронтенд, научился разрабатывать Бэкенд, создал Фулстак-приложение, освоил настройку и хостинг приложения. Также я изучил различные инструменты для сборки и линтинга кода, а также освоил TypeScript. И это всего за месяц работы под его наставничеством. Кроме того, я значительно укрепил свою уверенность в собственных силах.

По этой причине я уверенно заявляю: каждому начинающему специалисту необходим ментор!

Пожалуйста, пройдите небольшой опрос (там варианты ответа). И укажите свой никнейм в конце, если хотели бы со мной созвониться на 30 минут. Мы бы познакомились, возможно я бы вам чем то смог помочь. Такая вот Консультация бесплатная.

https://forms.gle/bLS162qUSprouVyC7

А какое ваше мнение?👇👇👇

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

Ребята, начал наполнение файла. В комментариях можете поправлять меня, оставлять свои отзывы. Буду постепенно добавлять ресурсы. А потом сниму видео с обзором на каждый. Хочу сделать полноценный ROADMAP, подробный путь, что учить. Рассчитываю на поддержку и помощь.

Все ваши ссылки из прошлого поста забрал к себе. Они тут тоже будут

Ссылка на Figma

#roadmap

Фасад

Фасад (Facade) — это структурный паттерн проектирования, который предоставляет упрощённый интерфейс к сложной системе, библиотеке или фреймворку. В контексте фронтенд-разработки, фасад может быть использован для обеспечения простого доступа к сложным библиотекам или API, скрывая за собой их внутреннюю сложность и предоставляя разработчикам более понятный и удобный способ взаимодействия.

Фасад (Facade):
Предоставляет простой интерфейс к сложной подсистеме. В фронтенде это может быть, например, класс или библиотека, предоставляющая упрощённые методы для выполнения распространённых задач, таких как работа с HTTP-запросами, обработка дат и времени или взаимодействие с API.

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

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

Без фасада: Разработчику приходится писать сложный и многочисленный код для каждого API, что увеличивает риск ошибок и усложняет поддержку кода.

С фасадом: Разработчик вводит класс ApiFacade, который служит упрощённым интерфейсом для выполнения стандартных операций, таких как получение данных пользователя или списка товаров. Этот класс скрывает сложности каждого API, упрощая код и делая его более управляемым.

#patterns #facade

Стоимость менторства

Работа с квалифицированным ментором — это значимое вложение в ваше образование, и стоимость его услуг может быть существенной. Занятия с менторами, имеющими уровень Middle и опыт работы от одного до двух лет, обычно оцениваются в 1500-2000 рублей.

Цены на услуги Senior-менторов могут достигать 3500-5000 рублей за занятие.

В среднем месячное менторство обходится в 20 000 рублей. Однако, суммируя стоимость недельных сессий, можно прийти к сумме, превышающей 30 000 рублей в месяц. В эту стоимость включены регулярные созвоны, разработка индивидуального плана обучения и постоянное взаимодействие в чате.

Чтобы достичь уровня, при котором можно начать поиск работы, требуется 3-5 месяцев интенсивной работы с ментором, что в сумме составит около 100 000 рублей. Это выходит дешевле многих образовательных курсов и, как правило, более эффективно.

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

На картинке около 20 прайсов на самых разных менторов.

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

Врач Java Разработчик

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

На вопрос мужчины о том, куда врач уходит, последний ответил, что переходит в сферу разработки и начинает стажировку. Уточняя детали, мужчина спросил о языке программирования, на что врач уточнил, что речь идет о Java.

Вот так вот, хороший врач был. Интересно, кто теперь станет моим участковым врачом 🤔

This в JavaScript

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

Определение и использование:
Ключевое слово this ссылается на объект, в контексте которого выполняется текущий код. Например, в методе объекта this ссылается на сам объект.

Глобальный контекст:
В глобальном контексте выполнения (вне функций) this ссылается на глобальный объект. В браузере это будет window, а в Node.js - global.

Функциональный контекст:
Значение this внутри функции зависит от того, как функция была вызвана. Если функция вызвана как метод объекта, this будет ссылаться на этот объект. Однако, если функция вызвана сама по себе, this будет указывать на глобальный объект (или undefined в строгом режиме).

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

Явная привязка:
Методы call(), apply(), и bind() позволяют явно задать значение this для функции. Это может быть полезно для управления контекстом, особенно в ситуациях, когда контекст выполнения неявно изменяется.

1️⃣ Всегда внимательно относитесь к контексту, в котором используется this, поскольку неправильное понимание его значения может привести к ошибкам в коде.
2️⃣ Стрелочные функции не имеют собственного this, они заимствуют его из внешнего контекста.
3️⃣ Методы call(), apply(), и bind() могут быть использованы для контроля над значением this в функции.

#this #javanoscript

Почему менторство не должно быть бесплатным

Временные затраты:
Менторство требует значительного времени от ментора, который мог бы использовать его для работы, личных проектов или отдыха. Компенсация за их время является признанием его ценности.

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

Качество и обязательства:
Оплата устанавливает финансовое обязательство, стимулируя повышенную вовлеченность и ответственность с обеих сторон, что способствует более качественному менторству.

Создание стимулов для менторов:
Оплата может мотивировать менторов продолжать предоставлять свои услуги и совершенствовать навыки, а также привлекает высококвалифицированных специалистов.

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

Ценность и вложение: Оплата за менторство усиливает его ценность в глазах учеников, стимулируя их к более ответственному отношению к процессу обучения и лучшему использованию возможностей.

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

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

Официально! У Selectel самая непонятная дока.😅

Я 6 месяцев назад уже настраивал интеграцию с Selectel. И несмотря на это, я сново не могу разобраться как это сделать. Они просят для авторизации запросов ключи. Суть в том, что этих ключей нигде нет, или названы они иначе чем поля в документации🤔

Мы его хотим использовать для Объектного хранилища. Будем хранить картинки, аватарки, резюме и видео. Ну ничего, не надо стесняться писать поддержке, пусть помогает✌️

Рендер-пропсы (Render Props)

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

Преимущества:

Гибкость: Компоненты становятся более адаптивными, поскольку их внешний вид и поведение могут быть легко изменены без необходимости изменять сам компонент.

Переиспользование логики: Рендер-пропсы позволяют извлекать и переиспользовать логику рендеринга между компонентами, уменьшая дублирование кода.

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

Пример:

Компонент ProductCards показывает карточки продуктов, но не задаёт, как они должны выглядеть. Вместо этого, он получает функцию renderCard через пропсы. Эта функция применяется к каждому продукту в списке products, позволяя определить уникальное отображение для каждой карточки. Таким образом, ProductCards становится гибким и многоразовым, а внешний вид карточек легко настраивается снаружи.

#react #patterns

Я уже подготовил две серии "React Новости", которые получились довольно интересными. В одной из серий я провел небольшой рефакторинг, а в другой внедрил React Router и создал отдельную страницу для новостей. К сожалению, не успел их смонтировать.😢

Завтра я отправляюсь в Архыз, кататься на сноуборде. Я взял выходной на работе, чтобы насладиться горами в выходные.🏂

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

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

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

Надеюсь на ваше понимание и поддержку.🤝

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