Хочу рассказать вам про платформу Reactify Academy

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

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

На платформе предусмотрено множество функций:

1. Геймификация: Уровни, рейтинг и звания. Создание наград и значков за прохождение курсов и участие в событиях. Шкала прогресса.

2. События: Различные мероприятия, такие как задача недели или курс недели, где участники могут зарабатывать баллы. Таблица лидеров и соревнования

3. Проверка знаний: Мини-курсы, состоящие из тестов и задач для закрепления знаний и подготовки к собеседованиям. Экзамены на знание технологии.

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

5. Конференции: Любой участник сообщества может выступить на мини-конференции, обсуждая разнообразные темы, от HTML, CSS, React до поиска работы.

6. Собеседования: В рамках плагина конференций буду проводить собеседования для желающих.

Мы уже сформировали большое сообщество (почти 1000 человек), и важно, чтобы процесс обучения приносил удовольствие. Я здесь, чтобы помочь вам в этом.

Я надеюсь, что платформа Reactify Academy станет началом успешного пути для многих разработчиков.

#academy

Reactify Teams - Работа в командах

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

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

Хочу так же привлечь новичков из других профессий: Backend Разработчиков, UI/UX Дизайнеров, Тестировщиков. Было бы действительно круто.

Даже пост уже написал для поиска😅

"Сообщество Reactify ищет друзей среди Дизайнеров и Backend Разработчиков чтобы вместе учиться! Мы с начинающими Frontend Разработчиками собираемся в команды для создания интересных проектов. У вас есть возможность создать дизайн/backend для приложения, работать в команде и получать бесценный опыт."

#teams

Под конец года ОЧЕНЬ много дел. Запускаю платформу, запускаю свое другое приложение, проект на работе. Тяжко конечно😅

Но ничего, скоро Новый год! Елку сегодня нарядили. На выходных решил отдохнуть (жить тоже нужно) поеду в Домбай кататься на сноуборде🏂

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

Курс потихоньку заполняю, выходит неплохо. К сожалению нормального встроенного редактора кода для платформы нет. А так хотелось как в htmlacademy крутые тренажеры😢

Но вообще это даже к лучшему, выполнять задания и писать код НУЖНО у себя локально, в рабочем редакторе кода, настраивать проект самостоятельно, запускать проект и дебажить код.

Когда я изучал HTML, CSS, JS в академии, мне очень сложно и страшно было переходить в редактор кода и настраивать проект. Вот прям некомфортно было, ведь в академии в тренажерах уже все готовое, только задание выполняй.

В общем продумаю и сделаю все в лучшем виде😎

#academy

Наличие свойства в объекте

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

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

const product = {
    noscript: 'iPhone 15 Pro',
    price: 900,
    rate: 5
}

Вот способы проверить наличие свойств:

'noscript' in product // true
'currency' in product // false

product.hasOwnProperty('noscript') // true
product.hasOwnProperty('currency') // false

product['noscript'] //  iPhone 15 Pro
product['currency'] // undefined

#JavaScript #object

Видео по ТС держит планку. Просмотры не падают, а вот по HTML слабо идет.

Если еще не смотрели, но хотите освежить знания:

https://youtu.be/56lpkwhaJhQ?si=c_p1CkNRe9grjzD-

Так же рад любым предложениям, если вам чего-то не хватило или что-то я забыл добавить в видео, пишите. Все это добавлю в Reactify Academy!

Такие истории вдохновляют. Будем в командах стартапить😎
Я человек оригинальный, куча идей в голове крутиться. Будем прикольные проекты делать в командах. Вдруг тоже МТС выкупит потом😅

https://tproger.ru/articles/kak-v-23-nachat-pet-proekt-a-v-itoge-poluchit-svoj-departament?utm_source=tg&utm_medium=post&utm_campaign=link_doski&utm_content=tp

Я против платных курсов

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

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

Возможно, все зависит от человека? Вина курсов, конечно, есть. Все самоучки узнали о программировании от курсов, просто решили сэкономить. Реклама действительно очень агрессивная.

Но меня раздражает другое. Сегодня я наткнулся на рекламу от блогера: "Продвинутый React за 10 часов". Я перешел на сайт, чтобы посмотреть программу. Оказалось, что React там изучается всего 2 часа. Мой курс по React тоже идет 2 часа, Карл! Что здесь продвинутого? То, что автор добавил в оставшиеся 8 часов экосистему React? Redux, Router, стили, тесты? Но для продвинутой экосистемы React 10 часов - это мало!

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

Продвинутый курс React от Reactify!

Изучаем React - https://youtu.be/am_UiIvha5M?si=oa67VPsGgpUQtIm_

Изучаем Redux - https://youtu.be/Od5H_CiU2vM?si=BPDSXS1FC2SJkBM-

Изучаем Router - https://youtu.be/0auS9DNTmzE?si=36MDU2qlWTmXXza9

Изучаем FSD - https://feature-sliced.design/

Изучаем Next - https://youtu.be/bxnx92gxAe8?si=PggzQjQEFVmQbWOw (Простите за Red Group)

Вот вам план обучения.

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

Кто согласен лукас👍

Поиск элементов в массиве JavaScript

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

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

Метод indexOf - если нужно узнать индекс/порядок элемента. Если элемент не найден то вернет -1

const fruits = ["apple", "banana", "cherry"];
const index = fruits.indexOf("banana"); // 1

Метод find - находим первый подходящий элемент в массиве, если не найден то вернет undefined

const numbers = [1, 3, 5, 7];
const foundNumber = numbers.find(element => element > 4); // 5

Метод filter - этот метод уже возвращает массив подходящих элементов иначе пустой массив

const numbers = [1, 2, 3, 4, 5];
const filteredNumbers = numbers.filter(number => number > 3); // [4, 5]

Метод includes - проверяем есть ли элемент в массиве, вернет true или false

const pets = ["cat", "dog", "bird"];
const hasDog = pets.includes("dog"); // true

Все эти методы внутренне используют традиционный цикл for для итерации по элементам массива и проверки условия. В зависимости от выбранного метода, результатом может быть индекс элемента, сам элемент, или булево значение (true/false).

#JavaScript #array #search

Мемоизация

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

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

#JavaScript #memoize

Многим начинающим специалистам необходима практика, и участие в проекте Reactify Teams может привлечь большое количество желающих. Наша цель — сформировать не одну, а несколько команд. Хочется сделать все качественно. Я стремлюсь не просто свести вместе начинающих, а активно участвовать в проектах.

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

Основной сложностью может стать подбор участников, особенно важно найти бекенд-разработчиков. В случае нехватки бекендеров, мне придется взять на себя эту роль, что, в свою очередь, приведет к уменьшению количества команд.

В январе мы начнем с одной пилотной команды. Этот тестовый проект поможет мне разработать план работы и структуру взаимодействия в командах, а также методы распределения задач. По завершении проекта участники этих команд будут распределены в новые группы. Они уже будут знать, что делать, и у них будет роль Middle-Reactify разработчиков. На них также будут возложены часть организационных задач. Это просто супер опыт. Джун в роли Мидла, +100 к уверенности и мотивации.

#teams

Реклама на канале

Изначально я не планировал продавать рекламу, но понимаю, что это может стать дополнительным источником дохода для развития канала. Деньги можно вложить в аренду сервера для Reactify Academy или продвижение канала. Кроме того, в будущем каждому проекту в Reactify Teams потребуется свой хостинг или сервер.

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

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

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

Трудоустройство

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

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

На данный момент вакансий в Москве на должность Frontend Разработчик - 1501. В октябре было 1860.

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

#job

Отбор в Reactify Teams

Reactify Teams создан для практики, а не для начального обучения. В рамках этой программы не будут проводиться уроки. Мы сосредоточимся на практике и получении опыта работы в команде. Участникам предстоит участвовать в code review, они получат советы и помощь, но основы объясняться не будут. Обучение в полном объеме не предусмотрено, так как мне не удастся заниматься обучением более чем 10 участников в каждой команде, а команд будет несколько.

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

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

В будущем мы планируем организовать практику и для новичков, которые только освоили основы и умеют создавать простые сайты с использованием HTML, CSS и JavaScript. Но это будет немного позже.

Мы проведем отбор в первую команду. Я еще продумываю этот процесс. Возможно, будет небольшое собеседование, тестовое задание, тесты или я просто изучу ваш GitHub.

#teams

Навигация

Посты про Reactify Teams:
#teams

Посты про Reactify Academy:
#academy