React - что нужно знать до изучения фронтенд-разработчику? Пример практики

Поделиться
HTML-код
  • Опубликовано: 7 фев 2025

Комментарии • 88

  • @AleksanderLamkov
    @AleksanderLamkov  8 дней назад +6

    👉 Мощная практика перед изучением React: stepik.org/a/228315
    🔥 Вас ждёт Vite / Minista, шаблонизатор JSX, Sass, БЭМ и очень много JavaScript!

  • @Nurs_996
    @Nurs_996 8 дней назад +37

    Ждём курс по React ❤

  • @rustamaliev6221
    @rustamaliev6221 7 дней назад +5

    Александр, от всего сердца благодарит вас за ваши обучающие видео. Для меня вы лучший автор на тему фронтенда в рунете!

  • @TheReal_life_motivation
    @TheReal_life_motivation 8 дней назад +6

    Спасибо Александр за ваш труд!!

  • @NikDev19
    @NikDev19 4 дня назад +3

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

  • @azatgalyautdinov3548
    @azatgalyautdinov3548 5 дней назад +2

    Спасибо Александр за уроки! Вы находка для фронтенд разработчика🎉

  • @ВиталийДавыдов-э4г
    @ВиталийДавыдов-э4г 8 дней назад +3

    Красавец. Каждое слово слышится.. Спасибо

  • @sewerlock
    @sewerlock 8 дней назад +2

    Спасибо за курс. Уже попросил на работе его приобрести)

  • @Daory_007
    @Daory_007 5 дней назад +2

    Спасибо за великолепный курс! Нахожусь в Европе буду пробовать приобрести курс через карту Revolut, если не получится буду через костыли с Бусти.

  • @tarantaskarabas7334
    @tarantaskarabas7334 8 дней назад

    Только-только к CSS перешёл, но через месяцев 4-5 доберусь и до такой темы. Надеюсь) Тёзка - жги!!! 🔥

  • @jpogoriliy1468
    @jpogoriliy1468 8 дней назад +8

    Такое ощущение, что ты следишь за моим хард скиллом :D
    Недавно закончил твой 12ти часовой мастер-класс, потратил на него примерно 30-40 часов. Огромнейшее спасибо, я никогда не видел таких скрупулёзных работ.
    Вчера начал делать свой пет-проект с использованием апи и на чистом джс. А после него думал переходить на реакт.
    P.S. С удовольствием купил бы твой мастер-класс, да вот только в моей стране это невозможно :с
    Не забрасывай канал - ты талант!

    • @AleksanderLamkov
      @AleksanderLamkov  8 дней назад +2

      Спасибо за такой фидбек! 🙂
      По поводу приобретения МК - можно на boosty.to/friendly-frontend донатом с карты любой страны закинуть и свой имейл степика написать, а я уже вышлю доступы.

  • @Tehnokrott
    @Tehnokrott 8 дней назад +2

    Александр - красава!

  • @Bydax73
    @Bydax73 День назад

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

    • @AleksanderLamkov
      @AleksanderLamkov  23 часа назад

      Сделаю!)

    • @Bydax73
      @Bydax73 15 часов назад

      @@AleksanderLamkov ура, спасибо огромнейшее!!

  • @mediavova407
    @mediavova407 8 дней назад

    Придётся брать, это видео всё обосновало. Хоть я и фронтедер, но специфика работы не позволяет прокачать вёрстку до высокого уровня с использованием последних достижений css. На днях куплю. ... или сейчас😊

  • @volgaDev
    @volgaDev 8 дней назад

    спасибо, полезно пошел покупать!

  • @Nazarİskenov
    @Nazarİskenov 6 дней назад +2

    React! React! Урааа

  • @floty6355
    @floty6355 8 дней назад +1

    спасибо за ваши видео

  • @DoniDevFull
    @DoniDevFull 8 дней назад +2

    Ждем курс по redux + toolkit

  • @user-Kirienko.O.L
    @user-Kirienko.O.L 5 дней назад +1

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

  • @салбиевруслан-с2г
    @салбиевруслан-с2г 2 дня назад

    Александр, в платном курсе вы сами объясняет препроцессоры стилей , работу с менеджером пакетов npm и сборщик проектов вид или перед просмотром нужно изучить данные инструменты?

    • @AleksanderLamkov
      @AleksanderLamkov  2 дня назад

      Ну, конкретно про препроцессор стилей я не объясняю базовые вещи, такие как функции и миксины, так как давно в своем контенте на ютубе всё это применяю.
      А всё остальное - объясняю подробно.

    • @AleksanderLamkov
      @AleksanderLamkov  2 дня назад

      Ну, конкретно про препроцессор стилей я не объясняю базовые вещи, такие как функции и миксины, так как давно в своем контенте на ютубе всё это применяю.
      А всё остальное - объясняю подробно.

  • @VitalBielik
    @VitalBielik 8 дней назад

    Спасибо за видео) Когда выйдет 15-часовое видео?)

    • @AleksanderLamkov
      @AleksanderLamkov  8 дней назад

      Оно уже тут:
      stepik.org/a/228315

    • @VitalBielik
      @VitalBielik 8 дней назад

      @@AleksanderLamkov А, это платное. За рубли не могу купить, увы. Было бы на udemy)

    • @AleksanderLamkov
      @AleksanderLamkov  8 дней назад

      @VitalBielik если что, можно на boosty.to/friendly-frontend донатом закинуть с карты любого (в т. ч. иностранного) банка, а в сообщении к донату указать имейл аккаунта в степика - я вышлю подарком доступ к МК 🙂

    • @VitalBielik
      @VitalBielik 8 дней назад

      @@AleksanderLamkov Супер, спасибо :)

  • @MrGohost
    @MrGohost 8 дней назад +1

    Спасибо большое за ваш контент, отличные объяснения сложных тем. Позвольте задать вам вопрос. Будет ли выложен курс по React на ютуб? Заранее спасибо

    • @AleksanderLamkov
      @AleksanderLamkov  8 дней назад +4

      Да, курс по React планирую выпускать бесплатно на ютубе.

    • @MrGohost
      @MrGohost 8 дней назад +1

      @AleksanderLamkov Огромное спасибо

  • @Js__voL_06
    @Js__voL_06 8 дней назад +2

    Ну просто монстер контент отлично 👍. Можешь коротенькое видео сделать в связи с таким вопросом . Допустим как быть если мы например верстаем к примеру не одну а пять страниц, то как быть с css и media запросами? Каждый раз на новом index.html2 ,3,4,5 и так далее нужно создавать новые отдельные файлы css т media для новых html? Нельзя как то все это обойтись всего лишь одним css и одним media файлом. Все что я это говорю касается того чтобы стили не переопределились допустим из первого index.html ==> ко второму третьему и так далее страницам. Как можно избежать этого ? Или же в противном случае прибавлять еще классы для секции ? , ну чтобы лишний раз не создавать новый файл style.css ну и media.css в том числе 🤔. Буду очень рад если такое коротенькое видео сделаешь и посоветуешь как быть в таких ситуациях 😊…….

    • @AleksanderLamkov
      @AleksanderLamkov  8 дней назад

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

    • @Js__voL_06
      @Js__voL_06 8 дней назад

      @ ты правильно понял меня буду честен, я просто говорю про то что если я сверстал первый так скажем index.html , теперь перехожу ко второму index.html а там совсем другой каркас так скажем то есть на второй странице нету повторяющихся секций по сравнению с первой чтобы я мог бы copy paste сделать код и стилей и media и самого html. Ну короче говоря я имею в виду то что если на второй странице совсем другая структура то нужно уже как я понимаю создавать второй style.css ? А допустим таких страниц у меня не две а пять или больше ?? Думаю теперь яснее просветил эту проблему . Или в противном случае нужно как понимаю дизайнеру за такой макет где , по правилу должны быть повторяющиеся секции , ну а из в итоге нету , на уши навесить ему этот макет вот и все 😂

    • @AleksanderLamkov
      @AleksanderLamkov  8 дней назад +1

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

    • @chernovNSK
      @chernovNSK 8 дней назад

      @@Js__voL_06ты бы пунктуацию выучил

    • @Js__voL_06
      @Js__voL_06 8 дней назад

      @@AleksanderLamkov огромное спасибо 👌

  • @vekanda1918
    @vekanda1918 День назад

    Александр, здравствуйте
    Спасибо большое за видео. Хочу узнать ваше мнение и опыт об использовании css фрейморков по типу bootstrap и tailwind, часто ли они используются на проектах? И вообще такой подход удобен? Нежели отдельно стилить с использованием препроцессора scss того же

    • @AleksanderLamkov
      @AleksanderLamkov  День назад

      Я тут буду предвзят. Не люблю такие библиотеки. Опишу почему в ближайших нескольких постах в своём телеграмм-канале:
      t.me/friendlyFrontend

    • @vekanda1918
      @vekanda1918 День назад

      @@AleksanderLamkov благодарю вас, не знаю, мне это не нравится лишь потому что, я не чувствую того, что я делаю, то есть всё готовое. Хочу полностью чувствовать вёрстку.

  • @Kirill_Mir
    @Kirill_Mir 6 дней назад

    Подскажите пожалуйста, что нужно сделать прежде чем работу начинать искать ?
    Ну, понятное дело несколько макетов сверстать хорошо, а помимо этого ?
    Что такого сделать, чтобы навыки свои испытать ?
    В интернете пишут про всякие to-do листы и т.п., но я не совсем понимаю необходимость таких проектов

    • @AleksanderLamkov
      @AleksanderLamkov  6 дней назад

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

  • @fighter2499
    @fighter2499 8 дней назад +1

    Спасибо

  • @djorayevofficial5060
    @djorayevofficial5060 5 дней назад

    А что по Тайпскрипт ? Его тоже рекомендуется изучать перед Реактом ?

    • @AleksanderLamkov
      @AleksanderLamkov  5 дней назад

      Лучше после базы React. Так будет проще.

  • @ДанилБобров-ь6ю
    @ДанилБобров-ь6ю 8 дней назад +2

    Будет ли курс по React?

  • @TeomunMete
    @TeomunMete 7 дней назад

    Для бы работать на React не нужно углубляться Dom Class Prototypes. Я Rust разработчик. Мне 2 недель понадобился чтобы нормально работать на Reacte.

    • @AleksanderLamkov
      @AleksanderLamkov  7 дней назад +1

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

    • @TeomunMete
      @TeomunMete 7 дней назад

      @@AleksanderLamkov ну это само собой.

  • @sjdjjsjsjs3991
    @sjdjjsjsjs3991 8 дней назад

    Какой фреймворк выбрать в качестве первого Vue или React?

    • @Fantam_ass
      @Fantam_ass 8 дней назад

      Сейчас бафнули ангуляр,но на рынке более востребованный реакт.

    • @AleksanderLamkov
      @AleksanderLamkov  8 дней назад

      Соглашусь с комментом выше.

  • @НурдаулетБагдаулетов-ц4з

    ❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥

  • @rendix5663
    @rendix5663 День назад

    А tailwind или bootstrap?

    • @AleksanderLamkov
      @AleksanderLamkov  День назад

      Умеешь - хорошо. Нет - научишься, когда потребуется на работе. Перед React это знать не обязательно.

  • @НурдаулетБагдаулетов-ц4з

    курс только в степике?

    • @AleksanderLamkov
      @AleksanderLamkov  8 дней назад +2

      Да, но если проблемы с оплатой, то можно на boosty.to/friendly-frontend донатом закинуть и написать свой имейл на степике, а я вышлю доступ 🙃

  • @Tehnokrott
    @Tehnokrott 8 дней назад

    В фигме запретили режим разработчика: что делать? Переходить на платную🤷‍♂

    • @AleksanderLamkov
      @AleksanderLamkov  8 дней назад

      Достаточно функционала плагинов: Inspect Styles, Design Prisma.

  • @many_men
    @many_men 8 дней назад +2

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

  • @ПовелительПроторуссов

    Ух как рассказываешь страшно прям, так всё усложнено что бы запугать до уссыку нубасов и они убежали работать в доставку

    • @AleksanderLamkov
      @AleksanderLamkov  2 дня назад

      А что конкретно страшно то?)

    • @ПовелительПроторуссов
      @ПовелительПроторуссов 2 дня назад

      @AleksanderLamkov да такие массивы структур сразу на невинную голову беднягам. Что бы выучить одно - нужно сначала выучить пять штук другого, что бы выучить каждый из пяти другого - нужно сначала выучить по десять штук третьего и так далее почти бесконечные вложения😆

    • @AleksanderLamkov
      @AleksanderLamkov  День назад

      Можешь посмотреть:
      ruclips.net/video/1WRJKgwlX9w/видео.html
      Тут я по шагам озвучиваю технологии и что конкретно надо учить, по возрастанию сложности.

  • @MsAnabios
    @MsAnabios 8 дней назад

    Фронт на классовых компонентах?

    • @AleksanderLamkov
      @AleksanderLamkov  8 дней назад +1

      Да, но речь не про React Component. Если проводить параллель с React, то в моём МК функциональные JSX-компоненты. Но а логика JS, которая работает в рантайме, написана в синтаксисе классов, это да.

    •  7 дней назад

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

    • @AleksanderLamkov
      @AleksanderLamkov  7 дней назад +2

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

    •  7 дней назад

      @@AleksanderLamkov Зачем все усложнять, если можно сделать быстрее и не так замороченнее, а результат будет одинаковым?

    • @AleksanderLamkov
      @AleksanderLamkov  7 дней назад

      Быстрее? Как? Что тебе конкретно не нравится в коде / стеке / подходе, который я в своём мастер-классе показываю?
      P. S. И ты ведь уже купил и посмотрел все 16 часов материала, чтобы делать выводы?

  • @alialiev4667
    @alialiev4667 8 дней назад

    Первый 🎉

  • @Nemohunter_
    @Nemohunter_ 8 дней назад

    Второй🎉

  •  7 дней назад +1

    svg спрайты в 2025 году? Года 3 как не использую уже, со времен смерти IE 11 ) Еще и классы. Никто это учить не будет, т.к. у вас все очень сложно.

    • @AleksanderLamkov
      @AleksanderLamkov  7 дней назад +1

      1. Как спрайты и IE связаны?
      2. Классы не знаете? Посмотрите мой курс по JS. Простейший синтаксис для удобного структурирования кода.

    • @TheMatrixxx555
      @TheMatrixxx555 7 дней назад +2

      Их конечно знать нужно, чтобы потом все переписывать на функциональный подход, на каком-то старом проекте😅

    •  7 дней назад

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

    •  7 дней назад

      @@TheMatrixxx555 Ага, дичь)

    • @AleksanderLamkov
      @AleksanderLamkov  7 дней назад +1

      Не надо путать с классовыми компонентами реакта.
      То, о чем я рассказываю в МК, никак не связано с этим.
      Я учу писать на ваниле структурированный код, ни больше, ни меньше.

  • @avalonex2971
    @avalonex2971 7 дней назад

    БЭМ нафиг не сдался в React.и вот эти личности учат и продают курсы

    • @AleksanderLamkov
      @AleksanderLamkov  7 дней назад +1

      Ты, видимо, не так меня слушал. Я лишь порекомендовал с помощью этой методологии вникнуть новичку в компонентный подход.

    • @sjdjjsjsjs3991
      @sjdjjsjsjs3991 4 дня назад

      @@AleksanderLamkov Насколько актуален БЭМ, если верстать с TailWind?

    • @AleksanderLamkov
      @AleksanderLamkov  4 дня назад

      Не думаю, что они совместимы.