Сергей Константинов
Сергей Константинов
  • 28
  • 197 885
Что должен знать ДЖУНИОР Фронтенд разработчик в 2024? Необходимая БАЗА. Актуальный Roadmap!
Почти все роадмапы - большие доски миро с кучей технологий, которые в реальности даже не используются. Вопрос - зачем?
В этом видео я собрал только НУЖНОЕ для начинающего в IT.
Посмотрев это видео, вы узнаете:
- Что должен знать джуниор фронтен разработчик?
- Что учить, чтобы стать джуниор фронтенд разработчиком?
- Как быстро стать фронтенд разработчиком?
- Frontend Roadmap без воды, только нужное.
Мой телеграмм канал:
t.me/konstantinov_it
ССЫЛКА НА ПЛАН изучения разработки:
konstantinov-it.notion.site/Frontend-Developer-Roadmap-2024-f557e5682eb6491785fd63214754c013
00:00 - Вступление
00:29 - Структура плана
00:48 - HTML
02:06 - CSS
05:29 - JavaScript
09:29 - Инструменты
10:12 - Frameworks
13:09 - NodeJS
13:22 - Дополнительно
มุมมอง: 909

วีดีโอ

10 Советов Эффективного Обучения
มุมมอง 5794 หลายเดือนก่อน
Учеба является неотъемлемой частью нашей жизни, и чтобы изучать новые навыки быстрее и продуктивнее нам нужно делать это правильно. В этом видео я дам 10 советов, как учиться максимально эффективно и при этом не потерять мотивацию на следующий день. Мой telegram канал с полезными статьями и анонсами - t.me/konstantinov_it Статьи на тему изучения и нашего мозга: Как навсегда запомнить выученное ...
Игра на Phaser JS: #6 Механика боя. Рисование на Canvas. Работа с текстом.
มุมมอง 1.5K7 หลายเดือนก่อน
Мы продолжаем разработку игры на phaser.js и в этом видео мы реализуем механику боя, отрисуем полоску хп используя инструменты рисования на canvas, а также отрисуем счетчик противников в виде текста. Помимо, рассмотрим как вешать слушатель события на пробел для реализации атаки. Мой telegram канал - t.me/konstantinov_it Спрайты для игры - tiny.cc/hmcyvz Скачать Tilemap Editor - www.mapeditor.or...
Игра на Phaser JS: #5 Tweens API - Добавление Врагов, Механика Агро и Следования
มุมมอง 1K7 หลายเดือนก่อน
Мы продолжаем разработку игры на phaser.js и в этом видео мы добавим на сцену врагов (кабанчиков), посмотрим как анимировать объекты в phaser с помощью Tweens API, а также реализуем механику агро, как в world of warcraft и следование за персонажем. Мой telegram канал - t.me/konstantinov_it Спрайты для игры - tiny.cc/hmcyvz Скачать Tilemap Editor - www.mapeditor.org/ GitHub проекта - github.com/...
Игра на Phaser JS: #4 Физика, коллизии. Работа с камерой. Генерация карты
มุมมอง 1.1K8 หลายเดือนก่อน
Мы продолжаем разработку html5 2D игры на phaser.js и в этом видео мы поработаем с аркадной физикой в phaser, реализуем механизм коллизий, а также обновим карту с использованием инструмента случайной генерации. Мой telegram канал - t.me/konstantinov_it Спрайты для игры - tiny.cc/hmcyvz Скачать Tilemap Editor - www.mapeditor.org/ GitHub проекта - github.com/deeamtee/rpg-course 00:00 - Вступление...
Игра на Phaser JS: #3 Добавление Персонажа и Анимации
มุมมอง 2K8 หลายเดือนก่อน
Мы продолжаем разработку игры на phaser.js и в этом видео мы добавим персонажа на сцену, научимся работать с анимацией в phaser, а также работать с пользовательским вводом с клавиатуры. Мой telegram канал - t.me/konstantinov_it Спрайты для игры - tiny.cc/hmcyvz Скачать Tilemap Editor - www.mapeditor.org/ GitHub проекта - github.com/deeamtee/rpg-course
Игра на Phaser JS: #2 Создание карты в Tilemap Editor
มุมมอง 2.1K8 หลายเดือนก่อน
Мы продолжаем разработку игры на phaser.js и в этом видео мы создадим Tilemap карту игрового мира. Воспользуемся редактором tilemap editor и настроим синхронизацию с проектом и hot reload. Мой telegram канал - t.me/konstantinov_it Наборы тайлов - tiny.cc/hmcyvz Скачать Tilemap Editor - www.mapeditor.org/ GitHub проекта - github.com/deeamtee/rpg-course
Игра на Phaser.js + TypeScript. #1 Введение. Установка окружения, старт проекта.
มุมมอง 3.3K9 หลายเดือนก่อน
В этой серии роликов мы разработаем пиксельную RPG игру по вселенной Warcraft'a с помощью движка Phaser.js. Мы будем разрабатывать на языке TypeScript, и собирать проект с помощью Vite. Основная задача - на примере игры показать современный стек и подходы, использующиеся также в коммерческой разработке классических web-приложений. Мой тг канал - t.me/konstantinov_it Ссылки из видео: Установка n...
Работай с API правильно! REST, Swagger, RTK-Query - запись онлайн трансляции
มุมมอง 3.2K9 หลายเดือนก่อน
Как спроектировать правильный API, а также как кэшировать запросы, и как в этом поможет Redux RTK-Query? Как работать с документацией в команде и что такое swagger? В этом стриме Сергей Константинов и Зар Захаров подробно разобрали эти вопросы на примере разработки React приложения с RTK-Query. Подписывайтесь на каналы авторов и будьте в курсе следующих закрытых онлайн трансляций: Мой тг канал ...
Хук, который я использую во всех проектах! + TypeScript
มุมมอง 73810 หลายเดือนก่อน
В этом видео вы узнаете, как написать свой кастомный react хук для дублирования состояния useState в локальное хранилище localStorage. А также разберём как его типизировать с помощью TypeScript. Ссылка на мой телеграмм - t.me/konstantinov_it Ссылка на видео про управление состоянием инпутов - t.me/konstantinov_it/21 Ссылка на исходный код хука - gist.github.com/deeamtee/16b7848fa130de33a63933a7...
Как научиться печатать быстро? Подробный гайд! (140 WPM)
มุมมอง 145K10 หลายเดือนก่อน
В этом видео я расскажу, как научиться слепой печати десятипальцевым методом, какие инструменты использовал я, а также почему этот навык слепой печати полезен для здоровья. Мой телеграм канал: t.me/konstantinov_it Статья про "метод фоновой обработки" - t.me/konstantinov_it/18 Ресурсы из видео: 1. typerun.top/#rus_basic - тренировка зон пальцев 2. www.keybr.com/ - отработка букв и сочетаний 3. m...
Brainfuck за 100 секунд 🤯
มุมมอง 675ปีที่แล้ว
Brainfuck - в прямом смысле слова, это взрыв мозга, особенно, когда встречаешь его впервые. В этом видео я расскажу о языке программирования brainfuck, его принципе работы и командах за 100 секунд. Интересный факт: Brainfuck может быть применен для решения задач, требующих ограниченное количество операций, например, для реализации работы релейного компьютера. Полезные ресурсы из видео: minond.x...
Топ 5 Советов Для Трудоустройства!
มุมมอง 798ปีที่แล้ว
Топ 5 Советов Для Трудоустройства!
Как работают методы массивов? Все тонкости и реализация под капотом.
มุมมอง 438ปีที่แล้ว
Как работают методы массивов? Все тонкости и реализация под капотом.
Как Reduce работает под капотом? Популярный вопрос на собеседовании по JavaScript.
มุมมอง 694ปีที่แล้ว
Как Reduce работает под капотом? Популярный вопрос на собеседовании по JavaScript.
Метод массивов forEach | НЕ путай с циклом for
มุมมอง 544ปีที่แล้ว
Метод массивов forEach | НЕ путай с циклом for
Нейросеть ChatGPT заменит программистов?
มุมมอง 519ปีที่แล้ว
Нейросеть ChatGPT заменит программистов?
Быстрая сортировка за 4 минуты. Алгоритмы на JavaScript
มุมมอง 9Kปีที่แล้ว
Быстрая сортировка за 4 минуты. Алгоритмы на JavaScript
Бинарный поиск. Алгоритмы на JavaScript | Подготовка к собеседованию
มุมมอง 2.8Kปีที่แล้ว
Бинарный поиск. Алгоритмы на JavaScript | Подготовка к собеседованию
Алгоритмы на javascript. Стек и рекурсия.
มุมมอง 7Kปีที่แล้ว
Алгоритмы на javascript. Стек и рекурсия.
Алгоритмы на JavaScript. Сложение двух чисел. Связный список.
มุมมอง 331ปีที่แล้ว
Алгоритмы на JavaScript. Сложение двух чисел. Связный список.
Алгоритмы на javascript. Метод указателей. Квадраты отсортированного массива. Leetcode #977
มุมมอง 1.4Kปีที่แล้ว
Алгоритмы на javascript. Метод указателей. Квадраты отсортированного массива. Leetcode #977
Базовая теория алгоритмов. Метод указателей. Валидный палиндром.
มุมมอง 958ปีที่แล้ว
Базовая теория алгоритмов. Метод указателей. Валидный палиндром.

ความคิดเห็น

  • @Cyborg_Lenin
    @Cyborg_Lenin 2 วันที่ผ่านมา

    Опа Nuphy gang!

  • @ВладКупный-ч7х
    @ВладКупный-ч7х 4 วันที่ผ่านมา

    проект на гите специально не последней версией ?)

  • @Killer-Queen999
    @Killer-Queen999 5 วันที่ผ่านมา

    1:24 есть люди печатающие 6 пальцами?

  • @alexles5003
    @alexles5003 10 วันที่ผ่านมา

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

  • @johnkramer8499
    @johnkramer8499 14 วันที่ผ่านมา

    Мдэээ. Что ж такой junior собрался на работе то делать , кнопочки что ли красить и бургер меню реализовывать? Я понимаю, что все хотят все побыстрее, но... Ребят, честно , программирование с нуля это не проезд в автобусе оплатить - это годы обучения.

  • @LUNAJINNER
    @LUNAJINNER 23 วันที่ผ่านมา

    Извините а какая у вас клавиатура ?!?!!

  • @dydai
    @dydai 25 วันที่ผ่านมา

    Привет, я новичок в работе с vscode, подскажи какие плагины актуальны для работы с фазер и разработки игры на этом движке?

  • @aydarvalim8272
    @aydarvalim8272 28 วันที่ผ่านมา

    ААААААА СУХОЖИЛИЕ СЛОМАЛ!!!!!!!!!

  • @Tony-ws1ym
    @Tony-ws1ym 29 วันที่ผ่านมา

    Не согласен с тем , что на первой итерации аккум был пустой , если не задавать значение аккума, то оно будет равно первому элементу массива, поэтому на первой итерации акк как раз равен 1. Но ролик все равно годный , спасибо )

  • @_webAmoeba
    @_webAmoeba หลายเดือนก่อน

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

  • @osidpgipsoe
    @osidpgipsoe หลายเดือนก่อน

    Да не гэкай ты

  • @osidpgipsoe
    @osidpgipsoe หลายเดือนก่อน

    Отличное видео! Только гэканье режет слух

  • @артёмкоролёв-ю6е
    @артёмкоролёв-ю6е หลายเดือนก่อน

    скипнул на плане.Очередной продавец курсов :)

  • @Art.154-f7c
    @Art.154-f7c หลายเดือนก่อน

    Спасибо

  • @Foxfaxfox
    @Foxfaxfox 2 หลายเดือนก่อน

    2 пальца 156 слов в минуту😅

  • @LavandaKicK
    @LavandaKicK 2 หลายเดือนก่อน

    Вы мощный дуэт! Годнейший контент! Благодарю!

  • @romanpritkov1107
    @romanpritkov1107 2 หลายเดือนก่อน

    git master типа не поллиткоректно)))))))))) master вроде как белый колонист

  • @dotadlyazadrota3427
    @dotadlyazadrota3427 2 หลายเดือนก่อน

    Привет, там на гитхабе вроде не последняя версия приложения, без последнего урока

  • @tsuker26
    @tsuker26 2 หลายเดือนก่อน

    Супер курс)Надеюсь будет продолжение)

  • @Dennica
    @Dennica 3 หลายเดือนก่อน

    Спасибо, классное видео, почти всё знал, кроме обновления по таймеру) но очень доступно и понятно)

  • @seastar32
    @seastar32 3 หลายเดือนก่อน

    На Mac OS надо alt (option) + backspace. Если нажать Cmd+backspace то сотрется вся строка

  • @slftv6944
    @slftv6944 3 หลายเดือนก่อน

    Подскажите инструмент для создания карты с ортогональной сеткой и поиска пути по ней.

  • @DmytriyScience
    @DmytriyScience 3 หลายเดือนก่อน

    Что за бред ? Там одну вёрстку нужно учить пол года,ты о чем какие 3 недели 😂😂😂

    • @yoz0__
      @yoz0__ 3 หลายเดือนก่อน

      Лол, полгода, skill issue

    • @ЭТОЯ-я1ц
      @ЭТОЯ-я1ц 2 หลายเดือนก่อน

      соглы)

  • @Фед-п2й
    @Фед-п2й 3 หลายเดือนก่อน

    Спасибо за контент для практики в самый раз!

  • @buttsin
    @buttsin 3 หลายเดือนก่อน

    Такой контент на вес золота. Очень жду продолжения. Спасибо за ваш труд.

  • @jeltkoff
    @jeltkoff 3 หลายเดือนก่อน

    Сперва мне очень помог твой ролик про слепую печать, теперь это. спасибо большое. ❤

  • @Tony-kd3ko
    @Tony-kd3ko 3 หลายเดือนก่อน

    А где алгоритмы? 🤔

    • @konstantinov_it
      @konstantinov_it 3 หลายเดือนก่อน

      Они не нужны тем более

  • @АнжелкаИванова-ь6й
    @АнжелкаИванова-ь6й 3 หลายเดือนก่อน

    для кулдаунда атак (и др событий) можно использовать таймеры: атака, флаг на блок атаки у персонажа и таймер на 300мс со снятием блока. Так же можно функцию нанесения урона в сам таймер положить и сделать таймер повторяющимся. и да, подписка, ждем продолжения🔥

    • @konstantinov_it
      @konstantinov_it 3 หลายเดือนก่อน

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

  • @SergeyKardashev
    @SergeyKardashev 4 หลายเดือนก่อน

    Спасибо.

  • @КатяОстровская-з6й
    @КатяОстровская-з6й 4 หลายเดือนก่อน

    Спасибо, Сергей! Крайне важно! Мне было очень полезно

  • @dimitrusmeleskausas2086
    @dimitrusmeleskausas2086 4 หลายเดือนก่อน

    уже ни в первый раз пересматриваю, спасибо за такой полезный контент!

  • @Severenit
    @Severenit 4 หลายเดือนก่อน

    Шикарное новое видео) ты прям растешь)

  • @abiks4918
    @abiks4918 4 หลายเดือนก่อน

    В первом уроке было разрешение 800 на 600. С учетом того что карта 960x640 нужно менять. Спасибо за контент Upd: если есть возможность, то где можно почитать про адаптацию под разные устройства(разрешение и размер) вместе с Tilemap?

    • @konstantinov_it
      @konstantinov_it 4 หลายเดือนก่อน

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

    • @abiks4918
      @abiks4918 4 หลายเดือนก่อน

      @@konstantinov_it Да, я камеру прикрутил. Но разрешение было бы неплохо сделать нормальным. К сожалению гпт очень тупит в более углублённых вопросах изучения phaser.

  • @dydya_dima
    @dydya_dima 4 หลายเดือนก่อน

    Привет от команды номер 2 😀

    • @konstantinov_it
      @konstantinov_it 4 หลายเดือนก่อน

      Привет! Круто, что нашли видео 🔥

  • @АлександрГрачев-в4м
    @АлександрГрачев-в4м 4 หลายเดือนก่อน

    Огонь) В проекте переходим как-раз на ртк. Подскажите, пожалуйста, что за автокомплитер кода стоит?

    • @konstantinov_it
      @konstantinov_it 4 หลายเดือนก่อน

      Codeium - отличная вещь!

  • @PetrSha
    @PetrSha 4 หลายเดือนก่อน

    Очень хорошая подача информации. Короткая и эффективная! Приятно слушать (и смотреть=))

  • @Severenit
    @Severenit 4 หลายเดือนก่อน

    Спасибо за видео. 🎉 круто продолжай ❤

  • @YusheeroFirsov
    @YusheeroFirsov 4 หลายเดือนก่อน

    Спасибо за такой контент

  • @АлександрСтремоухов-ф4у
    @АлександрСтремоухов-ф4у 4 หลายเดือนก่อน

    а у меня клава такая же крутая !

  • @евгенийфедосеев-к3ъ
    @евгенийфедосеев-к3ъ 4 หลายเดือนก่อน

    Большое спасибо, за столь подробный гайд, кажется это первый бесплатный обучающий материал (кроме оф доки, где не хочется копаться), в котором делаются компоненты и используется наследование. На Phaser для баловства написал уже 3 игры, но в курсе все равно для себя подметил полезные вещи. Ты топыч, буду надеяться, что появятся еще обучающие материалы по Phaser. Очень интересно, было бы посмотреть, как ты верстаешь в нем менюшки и подалки под разные экраны :)

    • @konstantinov_it
      @konstantinov_it 4 หลายเดือนก่อน

      Привет. Спасибо за отзыв! Получаю столько позитивных отзывов об этом проекте, что думаю запустить "второй сезон" :) По поводу отсутствия годных материалов по phaser - согласен, это было мой поинт номер один побудивший снять эту серию роликов

  • @Андрей-с9н1д
    @Андрей-с9н1д 4 หลายเดือนก่อน

    Я с 2 Х пальцев, а не с 6 😂 (мне капец)

  • @РыжийПыжий-т9ъ
    @РыжийПыжий-т9ъ 4 หลายเดือนก่อน

    Очень полезно !

  • @t3r3mokk
    @t3r3mokk 4 หลายเดือนก่อน

    раньше я думал, что все люди, у которых есть харизма и талант популярны, но тебя почему-то не знал( успехов тебе!

    • @konstantinov_it
      @konstantinov_it 4 หลายเดือนก่อน

      Спасибо! Работаю над этим! 🙌

  • @bloodness0
    @bloodness0 4 หลายเดือนก่อน

    У меня рекорд 156 слов в минуту

  • @ElenaNebutina
    @ElenaNebutina 5 หลายเดือนก่อน

    spasibo xorosee prepodavanie

  • @lakumatina
    @lakumatina 5 หลายเดือนก่อน

    если тренирубсь утром, фоновая обратока работает?

    • @konstantinov_it
      @konstantinov_it 5 หลายเดือนก่อน

      Конечно! Например, когда гуляешь или даже смотришь youtube :)

  • @SergeyKardashev
    @SergeyKardashev 5 หลายเดือนก่อน

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

  • @ext_0015
    @ext_0015 5 หลายเดือนก่อน

    Очень круто ! Пожалуйста не останавливайся! Урок 🔥 🔥🔥

  • @makspropropro6100
    @makspropropro6100 5 หลายเดือนก่อน

    Что за монитор ?

  • @lewisgreed9406
    @lewisgreed9406 5 หลายเดือนก่อน

    Привет, на счет параметра Frame у scene, могу ошибаться, но вроде как Phaser умеет разбивать спрайты на кадры, условно разделяя на равные прямоугольники картинку, размеры которых мы указываем при загрузке спрайта в frameWidth и frameHeight, то есть можно указать конкретный кадр, отсчет слева направо сверху вниз, то он его отрисует.