Обложка канала

Archakov Blog. Страница 3

5185 @archakov_im
Открыть

Блог о программировании на ReactJS, NodeJS

  • Archakov Blog

    готовьтесь к страданиям. совсем скоро

  • Archakov Blog

    Одна из причин почему я ненавижу React Native - всё вечно работает через ж... Мне кажется, вся суть RN основана на настройке окружения среды разработки и исправлений багов с запуском приложения. Я не могу элементарно запустить стартовое приложение, КАРЛ!!! Даже от изучения ангуляра я не страдал так сильно, как от попыток запуска React Native приложения. Я просто пытаюсь записать туториал по RN, зашто мне ето нокозанье!!1 Если я не смогу победить эти баги с RN, ждите туториал по Flutter.

  • Archakov Blog

    В этом видео ты научишься с нуля разрабатывать бэкенд на стэке MERN (MongoDB, Express, ReactJS, NodeJS) и подключать к фронтенду свой бэкенд. Также, к завершению урока ты научишься деплоить своё приложение на Heroku + Vercel. Курс идеально подойдёт для новичков, которые впервые решили попробовать NodeJS. 👀 Чему ты научишься? 1. Разрабатывать свой бэкенд 2. Делать авторизацию и регистрацию backend + frontend 3. Работать с базой данных (MongoDB) 4. Разработке full stack проектов 5. Делать загрузку файлов на сервер 6. Подключать аутентификацию с помощью JWT 7. Взаимодействовать фронтенд с бэкендом 8. Деплоить фулл стэк приложение 📚 Готовые исходники по фуллстак курсу: - Фронтенд: https://github.com/Archakov06/mern-blog-frontend - Бэкенд: https://github.com/Archakov06/mern-blog-backend
    GitHub - Archakov06/mern-blog-frontend

    Contribute to Archakov06/mern-blog-frontend development by creating an account on GitHub.

    GitHub

  • Реклама

  • Archakov Blog

    🔥 Новое видео уже на канале! Завезите лайков 👍 и комментов под видос на ютубе. Запили для вас максимально информативный и без воды 4 часовой фуллстак курс для junior-разработчиков (MERN). https://youtu.be/GQ_pTmcXNrQ
    Полный Full Stack курс React + NodeJS для начинающих за 4 часа! (MongoDB, Express, React, NodeJS)

    В этом видео ты научишься с нуля разрабатывать бэкенд на стэке MERN (MongoDB, Express, React, NodeJS) и подключать к фронтенду свой бэкенд. Также, к завершению урока ты научишься деплоить своё приложение на Heroku + Vercel. Курс идеально подойдёт для новичков, которые впервые решили попробовать NodeJS. ⚙️ Программы: Insomnia - https://insomnia.rest/download MongoDB Compass - https://www.mongodb.com/products/compass (нужен VPN для доступа к скачиванию) 📚 Готовые исходники: - Фронтенд: https://github.com/Archakov06/mern-blog-frontend - Бэкенд: https://github.com/Archakov06/mern-blog-backend 🔗 Ссылки по материалу: - Vercel - https://vercel.com - Heroku - https://www.heroku.com - Офф. сайт JWT - https://jwt.io - Список HTTP-кодов - https://ru.wikipedia.org/wiki/%D0%A1%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_%D0%BA%D0%BE%D0%B4%D0%BE%D0%B2_%D1%81%D0%BE%D1%81%D1%82%D0%BE%D1%8F%D0%BD%D0%B8%D1%8F_HTTP 🔗 Следите за обновлениями и информацией в: — Telegram-канале: https://t.me/archakov_im — VK: https://vk.com/archakov_im — Личном блоге: https://archakov.im — GitHub: https://github.com/Archakov06 — Моё резюме: https://career.habr.com/archakovim ⏰ Таймкоды: 00:00:00 Бэкенд (начало) 00:00:28 Теория по бэкенду 00:08:26 Начало разработки бэкенда 00:10:25 Установка библиотеки Express 00:10:57 Подключаем модульный подход для NodeJS (import, export, es6 и т.п.) 00:12:15 Начинаем разработку приложения на Express 00:19:11 Делаем HTTP-запросы на приложение через Insomnia 00:20:05 Создаем тестовую авторизацию 00:23:26 Подключаем JSON Web Token (JWT) 00:27:08 Делаем регистрацию + подключаем базу данных MongoDB 00:31:18 Создаем модель UserModel 00:36:07 Устанавливаем Express Validator и подключаем в проект 00:44:38 Создаем пользователя в БД 00:45:45 Шифруем пароль с помощью BCrypt 00:48:45 Подключаемся к БД через программу MongoDB Compass 00:51:47 Обрабатываем ошибки 00:57:17 Скрываем пароль юзера из ответа 00:58:35 Делаем реальную авторизацию 01:04:53 Делаем роут на получение информации о профиле 01:05:52 Создаем middleware (функцию посредник) - checkAuth.js 01:16:47 Делаем небольшой рефакторинг index.js 01:19:52 Создаем функционал для статей (CRUD) 01:50:18 Делаем загрузку картинок на сервер (Multer) 01:56:10 Возвращаем статические файлы (загруженные картинки) 01:57:54 Создаем middleware - handleValidationErrors.js 02:01:06 Рефакторим итоговый код бэкенда 02:05:09 Фронтенд 02:06:22 Изучаем структуру фронтенд проекта 02:09:16 Подключаем React Router 02:13:34 Подключаем Redux Toolkit 02:15:26 Создаем slice для статей (posts) 02:19:20 Настраиваем Axios 02:21:13 Исправляем ошибку CORS 02:23:23 Создаем асинхронный action в Redux Toolkit 02:25:32 Сохраняем в стейт статус запроса и сами статьи 02:32:58 Вытаскиваем тэги из бэкенда 02:36:28 Делаем вывод полной записи 02:44:01 Создаем функционал для авторизации 03:00:10 Проверяем авторизован пользователь или нет 03:06:00 Сохранять токен в LocalStorage, чтобы не выкидывало из аккаунта 03:16:55 Делаем форму регистрации 03:24:38 Разрешаем удалять статью только автору 03:27:44 Форма создания статьи + Simple Editor 03:34:24 Загрузка изображения на сервер 03:43:04 Отправка статьи на бэкенд 03:51:43 Рендерим статьи с помощью React Markdown 03:54:10 Удаление статьи 04:01:55 Редактирование статьи 04:09:49 Что сказала кукуруза? (итого) 04:10:25 Домашние задания для тебя 04:13:02 Деплой блога на Heroku + Vercel 04:14:24 Heroku 04:17:56 Vercel 04:23:45 Конец #nodejs #express #react #reactrouter #multer #markdown #deploy

    YouTube

  • Archakov Blog

    Я запилил мега-офигенный full stack MERN туториал по разработке блога, который уже ПОЛНОСТЬЮ доступен на бусти 🔥 Курс идеально подойдёт для новичков, которые впервые решили попробовать NodeJS. Ты научишься разрабатывать свой бэкенд на NodeJS + прикрутишь его к фронтенду и задеплоишь всё на Heroku + Vercel. ℹ️ 20 июня будет доступен всем на YouTube-канале. P.S.: Буду рад любым фидбекам по туториалу, так как работал над ним 10 дней 👀 и хочется знать, есть ли смысл записывать такой контент в будущем?

  • Archakov Blog

    На бусти уже доступен видос по разработке фуллстэк MERN-блога. Пришлось 3 раз перезаписывать этот курс, чтобы получилось максимально понятно и не затянуто. Пока сделал монтаж фронтенд и бэкенд части и склеил в одно 4 часовое видео. Осталось записать вступительную часть курса + допилить часть по деплою приложения и тогда туториал будет просто конфетка 👀

  • Archakov Blog

    🔥 На этой неделе уже на бусти будет доступен НОВЫЙ ФУЛЛСТАК КУРС для джунов по разработке блога (MERN). Бэкенд и фронтенд часть уже записаны. Завтра займусь монтажом и постараюсь опубликовать в СБ/ВСК пока только на бусти. В числах 15-20 будет доступен бесплатно на основном канале для всех. Курс предназначен для уровня: Junior/Pre-middle. Чуть подробней тут

  • Archakov Blog

    Как и обещал, вчера опубликовал 2 новых видоса. Уже сейчас доступен 17 урок и скоро опубликую 18. - #15: Сохраняем параметры фильтрации в URL - #16: Создаем Redux-логику для корзины, скрытие/показ popup-сортировки - #17: Асинхронные экшены в RTK (createAsyncThunk), отлавливаем ошибки Самая жесть была с перезаписью #15 урока. Пришлось повторять один в один код из #14 видео и при этом попытаться не написать совершенно новый код, который будет отличаться в последующих уроках, чтобы не было рассинхрона. В итоге на видос в 30 минут, убил 3.5 часа на перезапись. Но вроде как видос получился 👀
    #15: 🍕 React Pizza v2 — Сохраняем параметры фильтрации в URL

    React Pizza V2 — Это обновлённый курс на 2022 год, одного из самых популярных курсов 🔥 по ReactJS для начинающих. Более подробней тут: https://www.notion.so/React-Pizza-v2-REMASTERED-655fa3a5ea4f4bce8faeee2f28a8fb22 Исходники доступны в Boosty или в моём Telegram-канале: https://t.me/archakov_im ❤️ Поддержка: — Boosty (исходники, макеты): https://boosty.to/archakov_blog — Донаты: https://www.donationalerts.com/r/archakov_blog Старый курс React Pizza - https://www.youtube.com/watch?v=bziVFvq8cLQ&list=PL0FGkDGJQjJFMRmP7wZ771m1Nx-m2_qXq 👀 Демо: https://react-pizza-v2.vercel.app/ 📝 Полный стек: - ReactJS 18 - TypeScript - Redux Toolkit (хранение данных / пицц) - React Router v6 (навигация) - Axios + Fetch (отправка запроса на бэкенд) - React Hooks (хуки) - Prettier (форматирование кода) - CSS-Modules / SCSS (стилизация) - React Content Loader (скелетон) - React Pagination (пагинация) - Lodash.Debounce - Code Splitting, React Loadable, useWhyDidYouUpdate Ссылка на исходник: https://github.com/Archakov06/react-pizza-v2 Ссылка на вёрстку: https://github.com/Archakov06/react-pizza-html Ссылка на дизайн: https://www.figma.com/file/wWUnQwvRDWBfPx1v1pCAfO/React-Pizza Таймкоды: еще не готовы 📢 Платный курс по ReactJS с наставником: https://mentor.archakov.im/landing.html 🔗 Следите за обновлениями и информацией в: — Telegram-канале: https://t.me/archakov_im — VK: https://vk.com/archakov_im — Личном блоге: https://archakov.im — GitHub: https://github.com/Archakov06 — Моё резюме: https://career.habr.com/archakovim

    YouTube

  • Archakov Blog

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

  • Archakov Blog

    Карл, как там петца? Я тут пришёл с двумя хорошими новостями. 1️⃣ Первая - Через час жди ещё 2 новых видоса. 2️⃣ Вторая - Тут уже пилится НОВЫЙ ФУЛЛСТАК КУРС по стэку MERN 🌝 🔥 Уровень - Junior/Pre-middle. К счастью, я уже не буду рассказывать так подробно про реакт, как в предыдущих курсах и акцент больше будет идти на бэкенд. Но тем не менее, по фронту тоже будет что почекать. 🛠 Предварительно по функционалу: - Express, Mongoose, JWT, PM2 - Деплой на реальный VPS-сервер для новичков - Авторизация/Регистрация - CRUD - Фильтрация бэк + фронт - Загрузка фото бэк + фронт Длительность курса планируется на +-2-4 часа ⏰ Приблизительная дата публикации: середина июня.

  • Archakov Blog

    #3: 🍕 React Pizza v2 — Как хранить данные в компоненте (useState), onClick, деструктуризация

    React Pizza V2 — Это обновлённый курс на 2022 год, одного из самых популярных курсов 🔥 по ReactJS для начинающих. Более подробней тут: https://www.notion.so/React-Pizza-v2-REMASTERED-655fa3a5ea4f4bce8faeee2f28a8fb22 Исходники доступны в Boosty или в моём Telegram-канале: https://t.me/archakov_im ❤️ Поддержка: — Boosty (исходники, макеты): https://boosty.to/archakov_blog — Донаты: https://www.donationalerts.com/r/archakov_blog Старый курс React Pizza - https://www.youtube.com/watch?v=bziVFvq8cLQ&list=PL0FGkDGJQjJFMRmP7wZ771m1Nx-m2_qXq 👀 Демо: https://react-pizza-v2.vercel.app/ 📝 Полный стек: - ReactJS 18 - TypeScript - Redux Toolkit (хранение данных / пицц) - React Router v6 (навигация) - Axios + Fetch (отправка запроса на бэкенд) - React Hooks (хуки) - Prettier (форматирование кода) - CSS-Modules / SCSS (стилизация) - React Content Loader (скелетон) - React Pagination (пагинация) - Lodash.Debounce - Code Splitting, React Loadable, useWhyDidYouUpdate Ссылка на исходник: https://github.com/Archakov06/react-pizza-v2 Ссылка на вёрстку: https://github.com/Archakov06/react-pizza-html Ссылка на дизайн: https://www.figma.com/file/wWUnQwvRDWBfPx1v1pCAfO/React-Pizza Таймкоды: еще не готовы 📢 Платный курс по ReactJS с наставником: https://mentor.archakov.im/landing.html 🔗 Следите за обновлениями и информацией в: — Telegram-канале: https://t.me/archakov_im — VK: https://vk.com/archakov_im — Личном блоге: https://archakov.im — GitHub: https://github.com/Archakov06 — Моё резюме: https://career.habr.com/archakovim

    YouTube

  • Archakov Blog

    Готовьте свои лайки и комменты! ✅ 🔥Сегодня в 16:00 будут опубликованы первые два урока по React Pizza v2 В 15:50 будет опубликовано вступительное видео, где объясняю, как проходить этот курс, для кого он и почему обновил курс. 👁 Как часто будут выходить видео? Каждый день будут публиковаться по 2 новых видео. Всего +- 30 видео во всём курсе. 🤔 Почему нельзя сразу выложить плейлист? Мне хотелось бы немного оживить мой канал, чтобы ещё чаще выкладывать новые курсы. Из-за этого необходимо публиковать с небольшой паузой. Благодаря вашей активности, ютуб чаще будет показывать в рекомендациях мои уроки, что поднимет активность моему каналу. А это значит, что я ещё чаще буду выкладывать новые туториалы 🤝 Так что, буду благодарен лайку и особенно комменту 👀

  • Archakov Blog

    🔴 Сегодня в 21:00 (МСК) будет #ВечернийСтрим, подключайтесь. Обсудим новый НОВЫЙ КУРС, почему так долго не выход и про запуск 🍕React Pizza v2 и просто поболтаем https://youtu.be/_Vmjh3VqIZU
    #ВечернийСтрим / НОВЫЙ КУРС / Куда пропал? / React Pizza v2 / Вопросы-Ответы

    ❤️ Ссылка для донатов: — Донаты: https://www.donationalerts.com/r/archakov_blog — Patreon: https://www.patreon.com/archakovblog Запускаю новую рубрику "#ВечернийСтрим". Где я буду рассказывать про новости моего канала или что-то из IT. 🔗 Следите за обновлениями и информацией в: — Telegram-канале: https://t.me/archakov_im — VK: https://vk.com/archakov_im — Личном блоге: https://archakov.im — GitHub: https://github.com/Archakov06 — Моё резюме: https://career.habr.com/archakovim

    YouTube

  • Archakov Blog

    На бусти уже доступны первые 10 видосов из обновлённого курса React Pizza v2 ✅ 👉 Доступ тут: https://boosty.to/archakov_blog Дизайн остался тем же, но подвёз ооочень крутые и актуальные технологии на 2022 год. Курс рассчитан на уровень junior, но есть темы, про которые, возможно, не знали многие pre-middle/middle. Например, Code Splitting и React.lazy (и не только). 🛠 Стэк: - ReactJS 18 - TypeScript 🔥 для самых начинающих - Redux Toolkit (хранение данных / пицц) - React Router v6 (навигация) - Axios + Fetch (отправка запроса на бэкенд) - React Hooks (хуки) - Prettier (форматирование кода) - CSS-Modules / SCSS (стилизация) - React Content Loader (скелетон) - React Pagination (пагинация) - Lodash.Debounce - Code Splitting, React Loadable, useWhyDidYouUpdate

  • Archakov Blog

    Тут пилится самый ТОПОВЫЙ🔥 курс по реакту на всём ютубе! Это просто ШЕДЕЕВВРРР из всех реакт курсов, что я записывал ранее! Идеально подойдёт для джунов, но есть в курсе очень крутые темы по js/react, про которые, возможно, не знали и pre-middle/middle. 90% материала уже записано, осталось еще несколько завершающих уроков по продвинутому реакту. Сперва курс будет доступен на бусти и позже уже на основном канале.

  • Реклама

  • Archakov Blog

    Тупить на работе джуну - нормально! Один из джунов, который проходил моё менторство и устроился недавно на работу, попросил меня помочь ему с одной рабочей таской. На созвоне выяснилось, что он вообще не понимает, как сделать эту задачу и боится просить у более опытных коллег помощи или совета. Логика следующая: "Если я задам глупый вопрос, то руководство узнает, что я недостаточно хорошо разбираюсь в технологии Х и меня уволят, ведь я слабый разработчик". И эта логика полностью неверная ❌ Вас не берут на работу за то, что вы у мамы молодец, умеете делать заднее сальто, красиво в детстве рисовали машинки или же за ваш красный диплом. Нет. Компания прекрасно понимала, что вы неопытный разработчик, но взяла вас на работу потому, что среди всех остальных кандидатов, вы были самым лучшим. Просто представьте, что в ваш проект срочно требуется джун или мидл с натяжкой, вы находите хорошего джуна, проверяете его скиллы, понимаете что он вам подходит, трудоустраиваете его в свою компанию и тут неожиданно узнаете, что он задал глупый вопрос! Чтооо? Глупый вопрос от джуна? НЕПРОСИТЕЛЬНО! УВОЛИТЬ!

  • Archakov Blog

    Небольшая инфа по Patreon. Теперь весь закрытый контент будет публиковаться в Boosty по ссылке ниже. 👉 https://boosty.to/archakov_blog Советую всем, кто подписан на мой Patreon отписаться и перейти на Boosty, так как патреон разрешает подписчикам делать донаты, но запрещает мне их выводить 👍 Какой закрытый контент? 📚 - Исходники проектов - Фигма дизайны проектов - Неопубликованные собесы - Закрытые уроки по бэкенду, верстке, реакту - Очень редко, но иногда записываю закрытые трансляции Например, уже сейчас начал записывать первый видос по бэкенду пиццы v2 и опубликую сегодня на бусти. Уроки по бэкенду новой пиццы будут доступны только на бусти, по фронтенду будут бесплатно опубликованы на ютубе. ℹ️ P.S.: В ближайшее время планирую записывать курсы для джунов, но в планах есть запилить урок для мидлов/синьров по оптимизации загрузки React-приложения (но это только летом).
    Archakov Blog - exclusive content on Boosty

    Exclusive content from Archakov Blog, sign up and get access!

    Boosty.to

  • Archakov Blog

    Вечер в хату погромисты Скоро приду с новой пиццей v2 🍕🔥 + новым контентом по реакту для джунов. Так часто контент выпускать не сможу как раньше, но буду постепенно восстанавливать активность. Как-нибудь на вечернем стриме встретимся, там всё расскажу. P.S.: Пока ещё жыв и здоров 🌝