Сергей Константинов
Сергей Константинов
  • Видео 28
  • Просмотров 217 484
Что должен знать ДЖУНИОР Фронтенд разработчик в 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...
Просмотров: 1 237

Видео

10 Советов Эффективного Обучения
Просмотров 6877 месяцев назад
Учеба является неотъемлемой частью нашей жизни, и чтобы изучать новые навыки быстрее и продуктивнее нам нужно делать это правильно. В этом видео я дам 10 советов, как учиться максимально эффективно и при этом не потерять мотивацию на следующий день. Мой telegram канал с полезными статьями и анонсами - t.me/konstantinov_it Статьи на тему изучения и нашего мозга: Как навсегда запомнить выученное ...
Игра на Phaser JS: #6 Механика боя. Рисование на Canvas. Работа с текстом.
Просмотров 1,9 тыс.10 месяцев назад
Мы продолжаем разработку игры на phaser.js и в этом видео мы реализуем механику боя, отрисуем полоску хп используя инструменты рисования на canvas, а также отрисуем счетчик противников в виде текста. Помимо, рассмотрим как вешать слушатель события на пробел для реализации атаки. Мой telegram канал - t.me/konstantinov_it Спрайты для игры - tiny.cc/hmcyvz Скачать Tilemap Editor - www.mapeditor.or...
Игра на Phaser JS: #5 Tweens API - Добавление Врагов, Механика Агро и Следования
Просмотров 1,3 тыс.10 месяцев назад
Мы продолжаем разработку игры на 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,4 тыс.11 месяцев назад
Мы продолжаем разработку 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 Добавление Персонажа и Анимации
Просмотров 2,5 тыс.11 месяцев назад
Мы продолжаем разработку игры на 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,6 тыс.Год назад
Мы продолжаем разработку игры на 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 Введение. Установка окружения, старт проекта.
Просмотров 4 тыс.Год назад
В этой серии роликов мы разработаем пиксельную RPG игру по вселенной Warcraft'a с помощью движка Phaser.js. Мы будем разрабатывать на языке TypeScript, и собирать проект с помощью Vite. Основная задача - на примере игры показать современный стек и подходы, использующиеся также в коммерческой разработке классических web-приложений. Мой тг канал - t.me/konstantinov_it Ссылки из видео: Установка n...
Работай с API правильно! REST, Swagger, RTK-Query - запись онлайн трансляции
Просмотров 3,5 тыс.Год назад
Как спроектировать правильный API, а также как кэшировать запросы, и как в этом поможет Redux RTK-Query? Как работать с документацией в команде и что такое swagger? В этом стриме Сергей Константинов и Зар Захаров подробно разобрали эти вопросы на примере разработки React приложения с RTK-Query. Подписывайтесь на каналы авторов и будьте в курсе следующих закрытых онлайн трансляций: Мой тг канал ...
Хук, который я использую во всех проектах! + TypeScript
Просмотров 766Год назад
В этом видео вы узнаете, как написать свой кастомный react хук для дублирования состояния useState в локальное хранилище localStorage. А также разберём как его типизировать с помощью TypeScript. Ссылка на мой телеграмм - t.me/konstantinov_it Ссылка на видео про управление состоянием инпутов - t.me/konstantinov_it/21 Ссылка на исходный код хука - gist.github.com/deeamtee/16b7848fa130de33a63933a7...
Как научиться печатать быстро? Подробный гайд! (140 WPM)
Просмотров 158 тыс.Год назад
В этом видео я расскажу, как научиться слепой печати десятипальцевым методом, какие инструменты использовал я, а также почему этот навык слепой печати полезен для здоровья. Мой телеграм канал: t.me/konstantinov_it Статья про "метод фоновой обработки" - t.me/konstantinov_it/18 Ресурсы из видео: 1. typerun.top/#rus_basic - тренировка зон пальцев 2. www.keybr.com/ - отработка букв и сочетаний 3. m...
Brainfuck за 100 секунд 🤯
Просмотров 707Год назад
Brainfuck - в прямом смысле слова, это взрыв мозга, особенно, когда встречаешь его впервые. В этом видео я расскажу о языке программирования brainfuck, его принципе работы и командах за 100 секунд. Интересный факт: Brainfuck может быть применен для решения задач, требующих ограниченное количество операций, например, для реализации работы релейного компьютера. Полезные ресурсы из видео: minond.x...
Топ 5 Советов Для Трудоустройства!
Просмотров 814Год назад
Топ 5 Советов Для Трудоустройства!
Как работают методы массивов? Все тонкости и реализация под капотом.
Просмотров 470Год назад
Как работают методы массивов? Все тонкости и реализация под капотом.
Как Reduce работает под капотом? Популярный вопрос на собеседовании по JavaScript.
Просмотров 721Год назад
Как Reduce работает под капотом? Популярный вопрос на собеседовании по JavaScript.
Метод массивов forEach | НЕ путай с циклом for
Просмотров 579Год назад
Метод массивов forEach | НЕ путай с циклом for
Нейросеть ChatGPT заменит программистов?
Просмотров 527Год назад
Нейросеть ChatGPT заменит программистов?
Быстрая сортировка за 4 минуты. Алгоритмы на JavaScript
Просмотров 10 тыс.Год назад
Быстрая сортировка за 4 минуты. Алгоритмы на JavaScript
Бинарный поиск. Алгоритмы на JavaScript | Подготовка к собеседованию
Просмотров 3 тыс.Год назад
Бинарный поиск. Алгоритмы на JavaScript | Подготовка к собеседованию
Алгоритмы на javascript. Стек и рекурсия.
Просмотров 8 тыс.Год назад
Алгоритмы на javascript. Стек и рекурсия.
Алгоритмы на JavaScript. Сложение двух чисел. Связный список.
Просмотров 4842 года назад
Алгоритмы на JavaScript. Сложение двух чисел. Связный список.
Алгоритмы на javascript. Метод указателей. Квадраты отсортированного массива. Leetcode #977
Просмотров 1,5 тыс.2 года назад
Алгоритмы на javascript. Метод указателей. Квадраты отсортированного массива. Leetcode #977
Базовая теория алгоритмов. Метод указателей. Валидный палиндром.
Просмотров 1 тыс.2 года назад
Базовая теория алгоритмов. Метод указателей. Валидный палиндром.

Комментарии

  • @ИсламМустафин-х8к

    Все конечно очень интересно, на второй сайт - keybr, постоянно выдает ошибку. Печатаешь две строки и вылетает. Подскажи пожалуйста, может кто сталкивался, что делать в этом случае. Писал о проблеме поддержке сайта, но пока что таки никто не ответил.

  • @hooodbaby7256
    @hooodbaby7256 10 дней назад

    привет, чел) ты в американской компании работаешь?

    • @hooodbaby7256
      @hooodbaby7256 10 дней назад

      ааа увидел, ты в сбере старший разраб, софт такой же как у меня на работе фулл, думал мы с тобой в одной компании работали🤣

  • @Muzileyz
    @Muzileyz 20 дней назад

    Спасибо, очень полезный гайд.

  • @Shortsjenni
    @Shortsjenni 22 дня назад

    Спасибо вам❤❤❤нашла ответы на свои вопросы🎉🎉🎉я тоже думала что звук тоже влияет на наш мозг 😅давайте тренероваться 😅😅а вы круто владеете клавией ❤❤❤

  • @u_shaco
    @u_shaco Месяц назад

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

  • @АндрейТараканов-в4и

    3месяца js спасибо посмеялся, js миниум полгода год учить и верстку пол года

  • @antonzaratustra
    @antonzaratustra 2 месяца назад

    Четкий гайд, пришел к тем же выводам в процессе обучения и тем же сайтам

  • @bugleboy7778
    @bugleboy7778 3 месяца назад

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

  • @Cyborg_Lenin
    @Cyborg_Lenin 3 месяца назад

    Опа Nuphy gang!

  • @ВладКупный-ч7х
    @ВладКупный-ч7х 3 месяца назад

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

  • @Killer-Queen999
    @Killer-Queen999 3 месяца назад

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

    • @georgijz1783
      @georgijz1783 2 месяца назад

      Я раньше двумя печатал...

    • @feoffl
      @feoffl 2 месяца назад

      да, я раньше использовал всю левую руку и только указательный палец правой руки

  • @alexles5003
    @alexles5003 3 месяца назад

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

  • @johnkramer8499
    @johnkramer8499 3 месяца назад

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

  • @LUNAJINNER
    @LUNAJINNER 4 месяца назад

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

  • @dydai
    @dydai 4 месяца назад

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

  • @user80720j
    @user80720j 4 месяца назад

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

  • @Tony-ws1ym
    @Tony-ws1ym 4 месяца назад

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

  • @_webAmoeba
    @_webAmoeba 4 месяца назад

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

  • @osidpgipsoe
    @osidpgipsoe 4 месяца назад

    Да не гэкай ты

  • @osidpgipsoe
    @osidpgipsoe 4 месяца назад

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

  • @артёмкоролёв-ю6е
    @артёмкоролёв-ю6е 4 месяца назад

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

  • @Art.154-f7c
    @Art.154-f7c 5 месяцев назад

    Спасибо

  • @Foxfaxfox
    @Foxfaxfox 5 месяцев назад

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

  • @LavandaKicK
    @LavandaKicK 5 месяцев назад

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

  • @romanpritkov1107
    @romanpritkov1107 5 месяцев назад

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

  • @dotadlyazadrota3427
    @dotadlyazadrota3427 5 месяцев назад

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

  • @tsuker26
    @tsuker26 6 месяцев назад

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

  • @Dennica
    @Dennica 6 месяцев назад

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

  • @seastar32
    @seastar32 6 месяцев назад

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

  • @slftv6944
    @slftv6944 6 месяцев назад

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

  • @DmytriyScience
    @DmytriyScience 6 месяцев назад

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

    • @yoz0__
      @yoz0__ 6 месяцев назад

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

    • @ЭТОЯ-я1ц
      @ЭТОЯ-я1ц 6 месяцев назад

      соглы)

  • @Фед-п2й
    @Фед-п2й 6 месяцев назад

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

  • @buttsin
    @buttsin 6 месяцев назад

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

  • @jeltkoff
    @jeltkoff 6 месяцев назад

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

  • @Tony-kd3ko
    @Tony-kd3ko 7 месяцев назад

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

    • @konstantinov_it
      @konstantinov_it 7 месяцев назад

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

  • @АнжелкаИванова-ь6й
    @АнжелкаИванова-ь6й 7 месяцев назад

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

    • @konstantinov_it
      @konstantinov_it 7 месяцев назад

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

  • @SergeyKardashev
    @SergeyKardashev 7 месяцев назад

    Спасибо.

  • @КатяОстровская-з6й
    @КатяОстровская-з6й 7 месяцев назад

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

  • @Severenit
    @Severenit 7 месяцев назад

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

  • @abiks4918
    @abiks4918 7 месяцев назад

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

    • @konstantinov_it
      @konstantinov_it 7 месяцев назад

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

    • @abiks4918
      @abiks4918 7 месяцев назад

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

  • @dydya_dima
    @dydya_dima 7 месяцев назад

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

    • @konstantinov_it
      @konstantinov_it 7 месяцев назад

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

  • @АлександрГрачев-в4м
    @АлександрГрачев-в4м 7 месяцев назад

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

    • @konstantinov_it
      @konstantinov_it 7 месяцев назад

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

  • @PetrSha
    @PetrSha 7 месяцев назад

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

  • @Severenit
    @Severenit 7 месяцев назад

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

  • @YusheeroFirsov
    @YusheeroFirsov 8 месяцев назад

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

  • @АлександрСтремоухов-ф4у

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

  • @евгенийфедосеев-к3ъ
    @евгенийфедосеев-к3ъ 8 месяцев назад

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

    • @konstantinov_it
      @konstantinov_it 7 месяцев назад

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

  • @Андрей-с9н1д
    @Андрей-с9н1д 8 месяцев назад

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

  • @РыжийПыжий-т9ъ
    @РыжийПыжий-т9ъ 8 месяцев назад

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

  • @t3r3mokk
    @t3r3mokk 8 месяцев назад

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

    • @konstantinov_it
      @konstantinov_it 8 месяцев назад

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