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

[@AleksanderLamkov]

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

[@Nurs_996]

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

[@rustamaliev6221]

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

[@TheReal_life_motivation]

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

[@ВиталийДавыдов-э4г]

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

[@azatgalyautdinov3548]

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

[@NikDev19]

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

[@sewerlock]

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

[@tarantaskarabas7334]

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

[@jpogoriliy1468]

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

[@AleksanderLamkov]

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

[@Daory_007]

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

[@Tehnokrott]

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

[@Bydax73]

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

[@AleksanderLamkov]

Сделаю!)

[@Bydax73]

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

[@Nazarİskenov]

React! React! Урааа

[@volgaDev]

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

[@floty6355]

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

[@vekanda1918]

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

[@AleksanderLamkov]

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

[@vekanda1918]

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

[@салбиевруслан-с2г]

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

[@AleksanderLamkov]

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

[@AleksanderLamkov]

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

[@mediavova407]

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

[@DoniDevFull]

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

[@МихаилЛистков-н2к]

Здравствуйте Александр, я бы хотел поинтересоваться, как много времени вы тратили на изучению программирования до момента полного изучения реакт, смотрел ваш видеоролик где вы отвечаете на вопросы подписчиков. В нем вы говорили подписчику который тратил 4-6 часов каждый день на обучению, что первая работа джуна будет через полгода - год, но также вы говорили, чтоб не выгореть, нужно обучаться регулярно до двух часов. В другом вопросе вы говорили про то что изучали джс полтора месяца и Фреймворк 3-4 мес не торопясь. По какой стратегии вы обучались?

[@AleksanderLamkov]

До своей первой фронтовой работы я полтора месяца копошился в верстке и JS по 1-12 часов каждый день. Разброс в диапазоне длительности ежедневного обучения большой, потому что я одновременно ОЧЕНЬ хотел как можно скорее получить релевантные хотя бы низу рынка навыки, но в то же время я периодически сталкивался с «нерешаемыми» проблемами в разработке, концентрироваться на которых больше часа у меня не удавалось и я откладывал учёбу на следующий день. В целом то погружение во фронт у меня было регулярными порциями ежедневно, пусть и неравномерно. Спустя полтора месяца я по счастливой случайности, забрутфорсив десяток собесов, попал на свою первую работу. Далее я в течение 1.5 лет, проработав, в общей сложности, в двух компаниях, выполняю фронтовые задачки, но без React, просто верстка, ванильный JS со сборщиком проектов и библиотеками. Спустя ~1.5 года от начала работы фронтом я начинаю изучать React прямо на рабочем месте в конце каждого рабочего дня по 1-2 часа. За 3-4 месяца научился всему, что нужно для работы на React (хотя можно было и быстрее, просто не было нужды) => меняю компанию на получше => сбегаю от неё на предыдущую (когда-нибудь расскажу об этом подробнее) => 4-5 месяцев думаю «что я тут вообще делаю, я ведь React освоил, надо двигаться дальше» и параллельно присматриваюсь к рынку => волна собесов и попадаю в VK на Middle грейд на тот стек, который я хотел. За сумбурный поток информации извини, мозги в отпуске работают хуже :) Можешь задать более конкретные наводящие вопросы, постараюсь ответить.

[@МихаилЛистков-н2к]

@ Спасибо за ответ! Появился встречный вопрос, откуда у тебя столько времени будучи мидл разработчиком, создавать такие полезные видео, при чем отвечать почти на каждый комментарий. Насколько я слышал у мидл разработчиков работа отнимает больше всего времени. Мне 15 лет, меньше года изучал джава скрипт(бывало что доходил до какой то ошибки и недели ничего не делал), сейчас изучил основы sass и хочу отработать его и дополнить свои сайты техниками из твоего последнего мастер-класса. Интересно узнать твое мнение, если я хочу уехать в Америку или работать на американские компании находясь в России, то какие примерно знания, опыт и должность я должен иметь, так сильно ли нужно высшее образование? По школе я полный ноль и по скорее хотелось бы уйти после 9 класса в колледж а после сразу на работу. Хотелось бы найти параллельную работу с учебой и после окончания колледжа быть уже минимум твердым джуном. Очень ценю твои видеоролики, никогда не находил чего то подобного. На твоем аккаунте я вижу буквально то что мне хотелось бы доработать или изучить, весь материал подан подробно с примерами на практических заданиях связанных с реальными задачами. Я вижу у тебя будет отличное будущее и канал будет рости. Очень жду курса по реакту от тебя чтобы начать его изучать, когда я пытался найти какие то курсы то ничего не нашел мне по душе и вернулся к практике джс.

[@МихаилЛистков-н2к]

@ Иногда кажется что программирование не мое, проблемы с дисциплиной , пытаюсь заниматься 1-2 часа в день, потом возникает какой то день когда трачу 4-5 часов, а после появляется какое то выгорание и даже 1-2 часа не получается сделать. обычно это случалось когда я получал проекты на фрилансе, долго работал, а когда сдавал, то после, около недели не хотелось ничего делать.

[@МихаилЛистков-н2к]

@ было не прикольно еще то, что смотрел сегодня твой мастеркласс. Момент, где ты подключал scss файлы, там была какая та ошибка и я ее пытался решить 3 часа, менял и пересоздавал файлы, переподключал сас , а в итоге я написал в миксине не mobile, а mibile

[@KolosOlexandr]

@МихаилЛистков-н2к Привет мне тоже 15!И я также как и вы увликаюсь этим ютуб каналом,и вот я прочитал ваши коментарии и мне стало интересно,я только что узнал что вы занимаетесь фрилансом,и я вот также задумую о фрилансе но думую что пока React не выучу не зачем лезть туда,я прав или вы начали имея только JavaScript,SCSS,HTML?Просто хочеться поскерее хоть почуствувать как делать настоящий проект а не просто писать код за Александром,так какой стек нужен если меньше чем React?

[@VitalBielik]

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

[@AleksanderLamkov]

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

[@VitalBielik]

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

[@AleksanderLamkov]

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

[@VitalBielik]

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

[@MrGohost]

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

[@AleksanderLamkov]

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

[@MrGohost]

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

[@Kirill_Mir]

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

[@AleksanderLamkov]

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

[@Js__voL_06]

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

[@AleksanderLamkov]

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

[@Js__voL_06]

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

[@AleksanderLamkov]

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

[@chernovNSK]

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

[@Js__voL_06]

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

[@user-Kirienko.O.L]

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

[@fighter2499]

Спасибо

[@djorayevofficial5060]

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

[@AleksanderLamkov]

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

[@ДанилБобров-ь6ю]

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

[@AleksanderLamkov]

Да, планирую в этом году.

[@mashkanasevere7391]

@@AleksanderLamkov Очень ждем

[@rendix5663]

А tailwind или bootstrap?

[@AleksanderLamkov]

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

[@pride444]

Это начало изучения Реакта?

[@AleksanderLamkov]

Нет. Это то, что надо знать и уметь перед тем, как начинать изучать реакт.

[@sjdjjsjsjs3991]

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

[@Fantam_ass]

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

[@AleksanderLamkov]

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

[@TeomunMete]

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

[@AleksanderLamkov]

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

[@TeomunMete]

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

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

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

[@Tehnokrott]

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

[@AleksanderLamkov]

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

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

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

[@AleksanderLamkov]

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

[@many_men]

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

[@MsAnabios]

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

[@AleksanderLamkov]

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

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

[@AleksanderLamkov]

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

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

[@AleksanderLamkov]

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

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

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

[@AleksanderLamkov]

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

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

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

[@AleksanderLamkov]

Можешь посмотреть: kzbin.info/www/bejne/Z4i1e36drNGLb9k Тут я по шагам озвучиваю технологии и что конкретно надо учить, по возрастанию сложности.

[@alialiev4667]

Первый 🎉

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

[@AleksanderLamkov]

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

[@TheMatrixxx555]

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

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

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

[@AleksanderLamkov]

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

[@Nemohunter_]

Второй🎉

[@avalonex2971]

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

[@AleksanderLamkov]

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

[@sjdjjsjsjs3991]

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

[@AleksanderLamkov]

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