Быстрый старт во фронтенд с нуля. Пошаговый план.

Поділитися
Вставка
  • Опубліковано 12 лют 2022
  • ❗️ Подписывайся на мой телеграм-канал про IT, программирование и frontend → t.me/sergeydmitrievsky
    ✔️ Реальный Фронтенд: курс-профессия с нуля → clck.ru/3AYjHL
    ✔️ Roadmap с нуля до работы в IT программистом → clck.ru/3AYjR6
    ✔️ Оффер в IT: тренинг как пройти собеседования и устроиться на работу в IT → clck.ru/3AYBBR
    ✔️ Мой телеграм-канал про личный бренд, соцсети и монетизацию → t.me/sergeyonlinebiz
    Подписывайся на меня в соц. сетях:
    🔽 Telegram про IT - t.me/sergeydmitrievsky
    🔽 Telegram про онлайн-бизнес - t.me/sergeyonlinebiz
    🔽 Instagram - / sergeydmitrievskyit
    🔽 UA-cam - / @sergeydmitrievsky
    📩 По вопросам сотрудничества sergey@sergeydmitrievsky.ru

КОМЕНТАРІ • 188

  • @sergeydmitrievsky
    @sergeydmitrievsky  4 місяці тому

    ❗Подписывайся на мой телеграм-канал про IT, программирование и frontend → t.me/sergeydmitrievsky

  • @krapiva217
    @krapiva217 2 роки тому +3

    Как я вам благодарна за это видео ❤
    Спасибо, спасибо, спасибо!
    Я вас обожаю 😍

  • @pavelbondar8694
    @pavelbondar8694 2 роки тому +6

    Очень доступно все объяснил, спасибо тебе огромное!
    Как раз сейчас готовлюсь к собеседованию и вопрос о жизненном цикле после просмотра твоего видео считаю закрытым)

  • @nof5596
    @nof5596 2 роки тому +4

    Пожалуй лучшее видео из тематики последовательности действий в ходе обучения фронту, мне очень понравилось

  • @perva4ina
    @perva4ina 2 роки тому +2

    Очень классный канал. Случайно набрел. Полезно и сжато. Желаю больше просмотров!

  • @mihas_top
    @mihas_top Рік тому +1

    Как раз хотел посмотреть такое видео. Видео, в котором подробно объяснят каждый шаг. Хорошо, что я нашёл этот канал. Подписался.

  • @user-lp5wg1lt7y
    @user-lp5wg1lt7y 2 роки тому

    Спасибо за выпуск, очень полезно!

  • @user-re9nk6it6q
    @user-re9nk6it6q 2 роки тому +2

    Случайно увидел в рекомендациях, понял, что пропустил пару важных тем. Подписка однозначно.

  • @marinab3394
    @marinab3394 Рік тому

    Отлично, так четко разложено по полочкам, благодарю

  • @gulshatik
    @gulshatik 2 роки тому +1

    Спасибо за видео! Очень полезное, то что я искала!

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому

      Отлично! Рад, что было полезно)

  • @max3lord911
    @max3lord911 2 роки тому +1

    Привет, спасибо за видео! Тоже голосую за видео по js

  • @Astronvu7
    @Astronvu7 Рік тому +2

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

  • @tinasrainer2927
    @tinasrainer2927 2 роки тому +1

    очень полезная информация. спасибо!))

  • @user-tm4ih7wm2i
    @user-tm4ih7wm2i 2 роки тому +3

    Кратко, доступно, понятно и информативно! Спасибо большое за информацию!

  • @olehkhoroshko7228
    @olehkhoroshko7228 2 роки тому +4

    Молодец Сережа, спасибо, годный материал для начинающих!👍

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому

      Огонь 🙌🏻 Рад, что было полезно!

  • @vitaliykalachev3978
    @vitaliykalachev3978 2 роки тому +1

    Спасибо, Сергей! Классное видео) конечно интересно увидеть такую картинку и для JS. Интересны еще тематики про БэкЭнд от тебя как от Тимлида.

  • @EzH090
    @EzH090 Рік тому

    Дружище! ОгромнАЯ тебе БЛАГОДАРНОСТЬ❗❗❗ Какое офигенное поэтапное, пошаговое и подробное разъяснение 🔥🔥🔥

  • @victory2132
    @victory2132 Рік тому

    Очень полезное видео! Спасибо огромное! 😊

  • @user-pk7lp6hx3q
    @user-pk7lp6hx3q 2 роки тому +32

    Как всегда очень качественный контент, спасибо!!! HTML и CSS изучал по видео, сначала просто скатывал, потом начал добавлять своё затем пазл сложился и стала всё понятно))) Автору респект!!!!!!!

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому +8

      Все так 🙌🏻 Можно сначала просто повторять, затем понять, как все работает, и после желать самому. Главное делать и двигать себя вперед 🚀

  • @proBAH
    @proBAH Рік тому

    Спасибо большое. Много пользы. Добрый ты человек. =-)

  • @evgenii6317
    @evgenii6317 Рік тому +16

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

  • @eirrena
    @eirrena 2 місяці тому

    Привет! Спасибо за видео, очень полезно! Сразу приходит понимание, что вообще делать новичку и куда податься 😅

  • @alexnik197
    @alexnik197 2 роки тому +72

    Через все шаги почти прошёл и понимаю что каждый из них максимально важен! Сейчас как раз интересует JS, так что я жду, конечно)

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому +9

      Ты крутой 😎 За фидбек спасибо, видео по JS быть 👌🏻

    • @dvsDesing
      @dvsDesing Рік тому +3

      Js аналогично, забирает вагон времени, иногда над задачей сижу по несколько дней:)

  • @kirill5742
    @kirill5742 Місяць тому

    просто лучший! спасибо за помощь!

  • @danieldashn5632
    @danieldashn5632 Рік тому

    Спасибо за видео !

  • @Kitchen_Bastards
    @Kitchen_Bastards Рік тому

    Спасибо за сэкономленное время)

  • @user-ko6gu9lh7k
    @user-ko6gu9lh7k Рік тому +3

    Ужас сколько надо всего знать и уметь! Хотел параллельно с основной работой начать учиться на фронтэнда. Колебался между этим направлением, 1с (в контексте erp) и питоном. Программирование, моделирование бизнес-процессов и аналитика данных мне ближе по специальности. Теперь осталось 2 варианта, видимо. :)

  • @rozhintavakoli2427
    @rozhintavakoli2427 Рік тому

    Спасибо автору,классное видео

  • @masaladosa6
    @masaladosa6 2 роки тому +58

    Все прекрасно разложено по полочкам! Было бы очень полезно и интересно посмотреть в таком формате видео для JavaScript

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому +8

      Супер, спасибо за фидбек! Есть в планах 🙌🏻

    • @slavapanferov
      @slavapanferov Рік тому +1

      соглашусь

  • @user-pc6kc1rp1t
    @user-pc6kc1rp1t Рік тому

    отличное видео, друг, спасибо!)

  • @SemikovEdition
    @SemikovEdition Рік тому

    Спасибо за видос🖖

  • @marinLar
    @marinLar 2 роки тому +1

    Спасибо! Большое спасибо!

  • @user-zq6hx6sl8k
    @user-zq6hx6sl8k 2 роки тому

    жаль, что не нашел этот канал полгода назад, очень полезная инфа, как раз то, что нужно, а не растягивание синтаксиса..

  • @vladasemeniuc
    @vladasemeniuc Рік тому

    Спасибо за пошаговый план.

  • @shuherok
    @shuherok 2 роки тому +2

    Лайк-подписка. Спасибо за советы

  • @olgaffedotova
    @olgaffedotova 2 роки тому

    Спасибо за структурную информацию 🤪

  • @koksi3453
    @koksi3453 2 роки тому +4

    Спасибо, хотел бы увидеть такую же инфу по JS 🙏💪

  • @satty4450
    @satty4450 2 роки тому +4

    Спасибо ,все очень информативно

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому

      Класс! Мне важно понять, такой формат более обучающий ок или нет)))

    • @satty4450
      @satty4450 2 роки тому

      @@sergeydmitrievsky да ,понравился формат , также что пошагово,спасибо , будем ждать продолжения.

  • @xalrwa1
    @xalrwa1 Рік тому

    Лайк и подписка! Ну что буду с ноля пробовать)!

  • @user-ig1ne3uq1g
    @user-ig1ne3uq1g 2 роки тому +1

    Спасибо, друг.

  • @user-iy5xe3up4i
    @user-iy5xe3up4i 2 роки тому +2

    Респект. Ждем видео по JS

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому

      Отлично 👍🏻 Рад, что было полезно 🙏

  • @user-vd3oq4sh8u
    @user-vd3oq4sh8u 2 роки тому

    Спасибо огромное!

  • @vortex18828
    @vortex18828 Рік тому +1

    Очень классный алгоритм построениния фронта сайта! Даже не подозревал, что столько всяких вещей для упрощения жизни рпзработчиков существует

  • @seoonlyRU
    @seoonlyRU 2 роки тому +3

    норм тема, спасибо, Сергей! держите лайк от СЕООНЛИ

  • @snailans
    @snailans Рік тому

    Супер!🔥

  • @petro-baklay
    @petro-baklay 2 роки тому

    красавчик! лайк, подписка!

  • @user-tc2ik1sm1g
    @user-tc2ik1sm1g 10 місяців тому

    Оо, класс, как раз что-то такое и было нужно.

  • @user-nb1is5wc4k
    @user-nb1is5wc4k Рік тому

    Спасибо, полезно!

  • @NVTR66
    @NVTR66 Рік тому

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

  • @user-wz9wm8li7t
    @user-wz9wm8li7t Рік тому

    Много видео для начинающих, но это мне понравилось больше других.

  • @shaykhinurov
    @shaykhinurov 10 місяців тому

    Очень интересно, спасибо

  • @user-fz3rv6wn3g
    @user-fz3rv6wn3g Рік тому +1

    Сергей, вот ты красавчик!😉 Смотрю тебя и еще пару человек, очень полезные вещи делаете, пусть побольше плюсов в карму прилетит!👍👍👍

  • @EzH090
    @EzH090 Рік тому

    Ясности действительно стало больше!!!

  • @SH-po7rm
    @SH-po7rm 2 роки тому

    Супер 👍

  • @mokzisan
    @mokzisan 2 роки тому +1

    Спасибо)👍

  • @user-ek3ns8zq3o
    @user-ek3ns8zq3o 2 роки тому +2

    было бы здорово увидеть такое видео по js!

  • @rinal-2023
    @rinal-2023 Рік тому

    Супер👍👍👍👍👍

  • @user-qd8nh5rr9z
    @user-qd8nh5rr9z Рік тому +1

    Спасибо за видео. Доступно подано.
    Вопрос не по теме. Подскажите в какой программе нарисована схема в начале видео

  • @only_important
    @only_important 2 роки тому +3

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

  • @Pavel-hi8ie
    @Pavel-hi8ie 2 роки тому

    Спасибо!

  • @dda3160
    @dda3160 2 роки тому +2

    Отличное полезное видео! А над Авито ещё работать и работать)

  • @Mirniyinostranes
    @Mirniyinostranes 2 роки тому +1

    Мне нужен такой наставник. Я безумно хочу быть фронтенд разработчиком . У каждого человека есть мечта, хоть она маленькая или большая, но у меня тоже есть. Фронтенд !

  • @makoivanidze8346
    @makoivanidze8346 Рік тому

    Super useful content👏

  • @KillerOn
    @KillerOn Рік тому +1

    Скинь пожалуйста ссылку на план) Очень всё круто, понятно!

  • @miarti689
    @miarti689 2 роки тому +1

    Спасибо. Такой вопрос . На реальных проектах вы подключаете resset.css ? или он больше для новичков ?

  • @sofiyamoroz7375
    @sofiyamoroz7375 Рік тому

    Очень крутоооо🔥🔥можно где-то скачать именно эти этапы как на видео?

  • @user-sv9gg3no5h
    @user-sv9gg3no5h Рік тому +1

    теперь понимаю, с чего начинать) а есть где-то этот план, чтобы следить за своими действиями?

  • @user-zo2hq9lb3v
    @user-zo2hq9lb3v 2 роки тому +1

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

  • @irina-fazekosh
    @irina-fazekosh 2 роки тому +56

    Только вчера подумала, что нет какого-то адекватного алгоритма изучения, и вот сегодня мне попадается это видео) спасибо огромное, все очень доступно и теперь мне понятно, как действовать дальше☺️

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому +5

      Отлично! Теперь полный вперед в увлекательный мир фронтенда 💻

    • @user-kq9ow3ox2j
      @user-kq9ow3ox2j Рік тому

      Алгоритм изучения есть, у всех просто он разный. Как вариант можно просто пойти на курсы которые тебя за руку проведут по программе и на грамотных курсах тебя и Гитом научат пользоваться и html и сss в придачу в Javascipt.

    • @user-kq9ow3ox2j
      @user-kq9ow3ox2j Рік тому

      @@sergeydmitrievsky Сергей. А есть мнение фронтенд против бэкэнда? Что проще новичку?

    • @irina-fazekosh
      @irina-fazekosh Рік тому

      @@user-kq9ow3ox2j на тот момент, толком не понимала, что делать. Но уже как год назад прошла курсы 🤷‍♀️

    • @user-kq9ow3ox2j
      @user-kq9ow3ox2j Рік тому

      @@irina-fazekosh и как? Работаете?

  • @alexcrow3343
    @alexcrow3343 2 роки тому +4

    Спасибо! По JS было бы круто так же)

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому +1

      Круто, что есть запрос 🙌🏻 Буду рад сделать и по js 🚀

  • @user-kh1kr6fr3u
    @user-kh1kr6fr3u Рік тому

    Добрый день. Поделитесь, пожалуйста, ссылкой на маршрутную карту, используемую в ролике!

  • @user-oo1in1pf5o
    @user-oo1in1pf5o 2 роки тому

    Топовый контент, но жаль, что не по пайтону, который мне нужен

  • @kiramalchenko6803
    @kiramalchenko6803 Місяць тому

    М. Целая вселенная оказывается 😮

  • @paulschlacter158
    @paulschlacter158 Рік тому

    Сергей здравствуйте. Как можно записаться к вам на консультацию? И сколько это будет стоить?

  • @juman7846
    @juman7846 Рік тому +30

    Сергей не могли бы вы оставить ссылку на шаги в виде проекта-доски, так было бы удобнее работать и изучать Фронт. А если в целом то видео получилось очень полезным и конкретным(без воды).

    • @BigMause640
      @BigMause640 Рік тому +5

      поддерживаю

    • @user-jx6bl6qr3o
      @user-jx6bl6qr3o Рік тому +3

      Не может. Иначе люди не посмотрят видео полностью

  • @Ofizerios
    @Ofizerios Рік тому

    Обязательно ли при изучении решать много задач по JS ?

  • @PLAY-zw7cz
    @PLAY-zw7cz Рік тому

    Я готов двигаться) ментор

  • @user-ql6yy8rz8h
    @user-ql6yy8rz8h 2 роки тому

    А в чем сделана эта карта развития? Можно ссылку?

  • @YoutubeAitishnik
    @YoutubeAitishnik 2 роки тому

    Стартуем друзья! Смотрите канал с уроками для начинающих))

  • @elgrenka
    @elgrenka 2 роки тому

    Про фреймворки тоже видео можно сделать.

  • @Tirranozavr
    @Tirranozavr 2 роки тому

    А можете скинуть план обучения чтоб мог повесить на стену)))?!

  • @klanddy7976
    @klanddy7976 9 місяців тому

    Привет, как скачать весь список плана который ты создал?

  • @user-sg6gy1yh4x
    @user-sg6gy1yh4x 2 роки тому

    А можно ссылку на эту таблицу ?😅

  • @alephzero7808
    @alephzero7808 Рік тому +1

    Шаблонизатор верстки,вон оно че! А я уже который день ломаю голову,как с помощью React сделать единый шаблон для тега Article и просто заводить туда различный текст как child element. А все оказывается гораздо проще.😂

  • @piligrim_7
    @piligrim_7 2 роки тому +1

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

    • @piligrim_7
      @piligrim_7 2 роки тому

      @Zlaya kisa 100К и таксисты зарабатывают

  • @jamilibrahimli190
    @jamilibrahimli190 Рік тому

    Здравствуйте . Хотел спросить о роли математики в изучении фронтенда . Я имею ввиду 10-11 классы в которых я пропускал часто уроки. Знать необходимо ? Или есть курсы IT где возвращаются к определенным школьным темам ?

    • @alephzero7808
      @alephzero7808 Рік тому +3

      Математика вообще не нужна,особенно для фронтенда.

  • @AlexeyRiched
    @AlexeyRiched Рік тому

    а можно ссылку на этот роудмап?)

  • @Dik131WZD
    @Dik131WZD Рік тому

    А ссылки на roadmap нет?

  • @EnjoyLeather
    @EnjoyLeather Рік тому

    Скинь пожалуйста midmap

  • @shqw3347
    @shqw3347 Рік тому

    Сергей, а какую программу вы используете для составления плана?

    • @sergeydmitrievsky
      @sergeydmitrievsky  Рік тому

      Не принципиально же)) Хоть на бумаге напиши.
      Но конкретно в этом видео использовал Miro.

  • @user-ey4xw7pk9h
    @user-ey4xw7pk9h 2 роки тому

    Кстати, часто пользуюсь приложением Авито и есть косяки прям убийственные. Например, сообщения- если у меня открыт диалог с др.человеком и он написал сообщение, я его увидел и сразу закрыл, то приходит сообщение как непрочитанное и потом на эл.почту о непрочитанном сообщении. Иногда сообщения вообще не открываются. В задержкой 1-1,5ч приходят письма о сообщении от людей.

    • @alexf1515
      @alexf1515 Рік тому +1

      Ещё такой косяк, если пришло сообщение и ты его открыл снизу справа в уголочке, прочитал и закрыл, но до этого у тебя было открыто 10 вкладок, то оно потом вылазит в каждой и надо каждый раз закрывать. Это очень бесит и приводит к мысли о том, что в Авито нет разработчиков никаких и это все неправда🫠

  • @aselturganova5380
    @aselturganova5380 Рік тому

    Здравствуйте, тоже очень интерсно стало програмирование,Онлайн курсы че то сомнительные рассрочки разные цены говорят.Если индивидуально заниматсья сколько стоит ваше обучение?

    • @sergeydmitrievsky
      @sergeydmitrievsky  Рік тому

      Индивидуально не обучаю. Прямо сейчас работаю над своим курсом по frontend разработке.

  • @unhumorman
    @unhumorman 2 роки тому +1

    А есть эта картинка (доска) в доступе? Было бы полезно распечатать и повесть перед столом на стену, как чеклист

    • @bestgamer3846
      @bestgamer3846 2 роки тому

      Незн

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому +2

      Как руки доберутся оформлю в бесплатный гайд)

  • @sudden458
    @sudden458 2 роки тому +3

    Дней 5 сидел разбирался в HTML, CSS, по итогу часов за 5 все таки сверстал этот макет, который в видео.. Но там кривой макет, как я понял, там ширина фрэйма 1150px. Размер макета под десктоп какой то непонятный, пришлось некоторые элементы под 1920x1080 самому выстраивать.
    А так, с помощью display: flex; достаточно просто все делается

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому +1

      🚀

    • @alexf1515
      @alexf1515 Рік тому

      Только путаешься, то 5 дней, то 5 часов) Хорошо хоть ни минут🙃

  • @dan4o946
    @dan4o946 Рік тому

    Админ как с вами познакомиться?

  • @arrruzhan11
    @arrruzhan11 Рік тому

    поделитесь со ссылкой на миро, в скриншоте ничего не видно🥲

  • @LLuKKen
    @LLuKKen Рік тому

    Где план то скачать?

  • @rockalexltd
    @rockalexltd 2 роки тому +2

    Сергей привет, а можно как-нибудь этот план обучения в каком-нибудь файлике замутить? Картиночку там или ссылку какую-нибудь на Miro. Хочется под рукой иметь алгоритм) спасибо)

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому +2

      Мысль хорошая! Положил в планы 👌🏻

    • @stepanda1
      @stepanda1 2 роки тому +11

      Если надо вот план из видео оформленный в Figma
      www.figma.com/file/q1LT8uMXlpPcxo4UwXJ3Id/%D0%90%D0%BB%D0%B3%D0%BE%D1%80%D0%B8%D1%82%D0%BC?node-id=0%3A1

    • @rockalexltd
      @rockalexltd 2 роки тому

      @@stepanda1 класс! Спасибо)

    • @linasokalskaya4782
      @linasokalskaya4782 Рік тому

      @@stepanda1 спасибооооо!!!!!!!!!

  • @for_fun2839
    @for_fun2839 Рік тому

    а можно такое же только по Бэкенд (или разработке на phynot) если ты читающий знаешь видел похожий по структурированности видос скинь плиз

    • @sergeydmitrievsky
      @sergeydmitrievsky  Рік тому

      Сам не искал, но уверен, что легко можно нагуглить

  • @user-xk7et6qu6b
    @user-xk7et6qu6b Рік тому +1

    Просто в бейте в ютубе курсы по хтмл и ксс