Что должен знать и уметь frontend разработчик

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

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

  • @Monsterlessons
    @Monsterlessons  7 лет назад

    Текст урока и исходный код смотрите у нас на сайте monsterlessons.com/project/lessons/chto-dolzhen-znat-i-umet-frontend-razrabotchik

  • @eugenedavidoff6996
    @eugenedavidoff6996 4 года назад

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

  • @alexletovec7566
    @alexletovec7566 7 лет назад +9

    В целом согласен. Нормальный набор скилов для претендента на должность джуниора.

  • @bakhrombek1657
    @bakhrombek1657 5 лет назад +5

    Это не фронт енд .а full stack developer

  • @Сергей-о9м6ш
    @Сергей-о9м6ш 7 лет назад +34

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

    • @giggsvea
      @giggsvea 7 лет назад +13

      не помешало бы и изучение русского языка )))

    • @lenurabdiramanov8055
      @lenurabdiramanov8055 4 года назад

      Я не соглашусь!) Я знаю многих знаменитых программистов, которые плохо знаю английский и программируют без проблем!)

    • @Сергей-о9м6ш
      @Сергей-о9м6ш 4 года назад

      @@lenurabdiramanov8055 разумеется, для знаменитых этот пункт сам собой отпадает. Рекомендация была для не знаменитых)

    • @lenurabdiramanov8055
      @lenurabdiramanov8055 4 года назад

      @@Сергей-о9м6ш
      Я не это имел в виду! Английский нужен для устройства на работу в зарубежные страны . А на само программирование не влияет. Сейчас есть множество курсов на русском языке, которые помогут обучаться программироваю. Это мое мнение)

    • @Сергей-о9м6ш
      @Сергей-о9м6ш 4 года назад

      @@lenurabdiramanov8055 ну все топопвые книги в первую очередь выходили на англ, а на русский многие переведены коряво. Курсы в основном учат писать хелоу ворлд, который к коммерческой разработке имеет мало отношения.

  • @theobroma222
    @theobroma222 8 лет назад +22

    Я бы посмотрел, как автор будет делать проект от "начала и до релиза в продакшен"...

    • @Monsterlessons
      @Monsterlessons  8 лет назад +32

      Добавил в список планируемых видео.

    • @Monsterlessons
      @Monsterlessons  7 лет назад +1

      Скоро будет, но скорее всего в платных сериях.

    • @Monsterlessons
      @Monsterlessons  7 лет назад +1

      Я пока думаю о цене в 1000рублей за серию, например, "Создание базового приложения интернет магазина на React+Redux". Но насчет такой цены - это пока только мои мысли. Я собираюсь снять видео на youtube и попросить в комментариях написать, какую цену люди готовы платить за такие серии.

    • @Monsterlessons
      @Monsterlessons  7 лет назад +3

      Спасибо за идею для серии. Но так как я ее запишу явно не в самое ближайшее время, то я могу вам вкратце рассказать стек технологий который вам поможет. Redux никак вам не поможет с динамическим обновлением данных из базы. В нем нет такой магии. Ваша задача в том, чтобы когда данные меняются в базе(то есть в момент когда они попадают на сервер и вы их пишете в базу), они сразу же отобразились юзеру. Это можно сделать многими способами. Один из вариантов - это опрашивать сервер каждые N секунд "А не появились ли новые данные для того чтобы отобразить их на фронте". Либо использовать вебсокеты и сервер будет стрелять событие, что у него появились новые данные и на клиенте вы будете это слушать и обновлять фронт.

    • @MODIK
      @MODIK 7 лет назад +2

      а можно ссылок на подобные примеры приложений или уроков накидать, где примерно такой стек, php framework + react-redux + websockets? Очень все круто звучит, но собрать пазл без примера или наставника очень тяжко.

  • @kirillermolov2556
    @kirillermolov2556 7 лет назад +4

    Нормальный список. Паттерны проектирования еще добавить и получиться посредственный джуниор. Вообще из этого все знаю, кроме PostgresSQL и Python, но знаю Java, NodeJS, TypeScript и тестирование, но работу не могу найти.

    • @egorfadeev1238
      @egorfadeev1238 7 лет назад +4

      Нужно на стажировки ходить и бесплатно работать первое время.

    • @misteranderson6058
      @misteranderson6058 6 лет назад +4

      Kirill Ermolov Видимо толком и не знаешь значит.

    • @kostya3312
      @kostya3312 5 лет назад

      Значит так "знаешь"

  • @artemsky7334
    @artemsky7334 8 лет назад +6

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

  • @lenurabdiramanov8055
    @lenurabdiramanov8055 4 года назад +1

    Это уже не фронтед разработчик, а фуллстак разработчик!)

  • @efimkrilov6919
    @efimkrilov6919 7 лет назад +5

    Ну, а как же jquery? Знаю, не модно, но знать нужно, слишком много чего на нем написано и есть вероятность, что вам писать на нем придется. Ну и паттерны must have. В основном, чтобы общий язык с другими разработчиками находить и просто понимать, как типовые задачи решаются. Ну и пожалуй на джуна хватит.

    • @Monsterlessons
      @Monsterlessons  7 лет назад

      Я говорил о jQuery в видео "Что должен знать junior". Иногда писать jQuery вставки приходится даже с Reactом))
      monsterlessons.com/project/lessons/web-tehnologii-dlya-urovnya-junior
      Про паттерны забыл сказать в видео. Согласен, знать их нужно обязательно.

  • @Grapeoff
    @Grapeoff 5 лет назад

    Я видел эту инфу у кого-то в блоге, всё тоже самое, и с такой же нумерацией

  • @imperatorrr6843
    @imperatorrr6843 6 лет назад

    Очень субьективно..

  • @petrermolov2521
    @petrermolov2521 7 лет назад +8

    Начинающие специалисты уже не нужны никому. Конкуренция колоссальная в данной сфере. А по списку, по тут все верно. На джуна это все знать нужно, кроме бд пожалуй. Вообще как работодатель, рекомендую бекэндом или энтерпрайзом заняться. Там специалисты нужны, в отличии от фронта.

    • @Monsterlessons
      @Monsterlessons  7 лет назад +2

      Я согласен с вами, что всем нужно уже состоявшиеся специалисты, но я абсолютно не вижу конкуренции на рынке. Находить работу за 1 день в городе милионнике, когда ты уже программист с хотя бы 2-3 года опыта вообще не проблема. Особенно, если мы говорим о фронтенде.
      Также когда на дворе сумасшедшая популярность SPA и javascript, и в командах на 5 фронтендщиков 1-2 бекендщика, мне лично не очень понятно зачем идти в бекенд. Ну если только сильно нравится писать на серверсайде.

    • @petyakrimetev3657
      @petyakrimetev3657 7 лет назад +3

      Ну если вы реально толковый специалист с профильной вышкой, большим опытом работы и солидным портфолио, то у вас проблем не будет. Сейчас новичку практически не реально во фронтэнд прорваться. Все суда прут тк распиаренная область.

    • @UserSo4reUsu75ry
      @UserSo4reUsu75ry 7 лет назад +1

      Так и не пойму. Если фирмы берут опытных, как тогда искать работу, если чел год делал пару домашних проектов, но реального продакшена чел все равно толком не знает? то есть он все равно еще не нормальный специалист. Как тогда вообще куда-то устроится ? Особенно если город не миллионник )

    • @Monsterlessons
      @Monsterlessons  7 лет назад +1

      Если человек адекватный, что-то изучал и писал дома сам и может эти пару домашних проектов показать на работе, то его вполне могут взять. То, что его проекты не были в продакшене некритично, если он знает, например, javascript и написал на фреймворке на котором он пришел писать в компанию хотя бы 1 проект.
      Как устроиться? Ходить по собеседованиям, нарабатывать опыт собеседований и понимать что нужно подтянуть, чтобы взяли. И подтягивать соответственно.

    • @kirillivanov3515
      @kirillivanov3515 7 лет назад +6

      Я только по знакомству смог стажером устроиться. Пол года нужный стек технологий учил, общался с девелоперами, потом джуном у них устроился. До того как податься туда знал ES6, React и инструменты для фронта. Без связей мне кажется не реально стажировку найти. Сейчас просто страшная конкуренция. Также с бекэндом ознакомиться пришлось, иначе бы не взяли.

  • @AdelVolina
    @AdelVolina 7 лет назад

    Сделай видео для каждой темы) хотя бы базовые знания

    • @Monsterlessons
      @Monsterlessons  7 лет назад

      Некоторая часть тем уже покрыта. Вы можете следить за новыми видео на нашем сайте monsterlessons.com

  • @andreybalab9913
    @andreybalab9913 8 лет назад +14

    почему Ruby, а не php?

    • @Monsterlessons
      @Monsterlessons  8 лет назад

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

    • @artemsky7334
      @artemsky7334 8 лет назад +3

      AngularJS такой же ширпотреб, но на нем много чего написано)

    • @Monsterlessons
      @Monsterlessons  8 лет назад

      Ну я и не использую Angular. Мне нравится React. Но найти на Angular работу на рынке проще всего по популярности фреймворков.

    • @artemsky7334
      @artemsky7334 8 лет назад +10

      На PHP найти работу в разы проще чем на Ruby))

    • @Monsterlessons
      @Monsterlessons  8 лет назад

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

  • @mirkullink3185
    @mirkullink3185 8 лет назад +1

    Технология чтения документации на английском еще может пригодиться ;)

    • @TheSlicemasta
      @TheSlicemasta 8 лет назад

      mirkul link тоже хотел добавить, инглиш очень нужен, как для чтения доков так и для работы...

    • @Monsterlessons
      @Monsterlessons  8 лет назад +3

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

  • @tuzemec410
    @tuzemec410 5 лет назад

    Вот прям так и хотелось сказать Mидл умеет решать задачи, а Сеньер их создавать.

  • @SomeGuy-oi5ii
    @SomeGuy-oi5ii 7 лет назад +1

    Обязательный пункт, это готовность каждый год выучиваться заново (можете не рассказывать про то, что основы и хорошая фундаментальная подготовка по CS и самому языку как то в этом поможет).
    И front-end разработчик не обязан знать back-end, он поэтому и front-end разработчик!
    Проблема в том, что компании видят что люди могут писать на Javascript: О, отлично, так пусть пишет на NodeJS, язык же один!

    • @Fanaticys
      @Fanaticys 7 лет назад

      Нужно знать немного back чтобы понимать какие headers отправлять.

    • @petyakrimetev3657
      @petyakrimetev3657 7 лет назад +5

      Обязан. Что вам работодатель скажет, то и будете делать. Сейчас не 2005 и вам легко найдут замену, если не будете делать то, что вам скажут.

    • @alexletovec7566
      @alexletovec7566 7 лет назад +3

      Еще как должен. С бекэндом вы как общий язык найдете. Без понимания того как бек работает ничего хорошего не получится. Работает и в обратную сторону.

    • @egorfadeev1238
      @egorfadeev1238 7 лет назад +2

      Мы вообще не берем фронтов, которые не знакомы с бекэнд разработкой.

  • @bobyargentin-ar4992
    @bobyargentin-ar4992 7 лет назад +1

    Проще всего устроиться на работу если вы знаете C#, C++, Delphi или 1C. Сложнее всего если вы знаете nodejs, CSS, Bootstrap, saas, less, js, php, ruby, laravel, yii, express, redis,socketIO, jquery. Вот такая вот хуйня... Хотя должно было бы наоборот.

    • @bobyargentin-ar4992
      @bobyargentin-ar4992 7 лет назад

      а забыл еще написать кучу, vue,react, redux, webpack, angular

  • @ArthurKa-yd5un
    @ArthurKa-yd5un 6 лет назад

    Продакшен.

  • @jenyaspace
    @jenyaspace 6 лет назад +2

    8 и 9 пункты не нужны фронтендщику

  • @rodigy
    @rodigy 7 лет назад +1

    как многовато для фронта, бэкенд языки, бд еще и bash.

    • @Monsterlessons
      @Monsterlessons  7 лет назад

      Ну это для нормального уровня. Я не представляю работу фронтендщиком без консоли, например.

    • @rodigy
      @rodigy 7 лет назад

      ну консоль еще ладно, но бд
      В любом случае если будешь работать с Gulp/Webpakc то консольку будешь знать

    • @Monsterlessons
      @Monsterlessons  7 лет назад

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

    • @rodigy
      @rodigy 7 лет назад

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

  • @nakturnal2008
    @nakturnal2008 6 лет назад

    Может еще машину водить надо уметь ? )

  • @misteranderson6058
    @misteranderson6058 6 лет назад

    А как же алгоритмы? Спросят же на собесе

    • @Monsterlessons
      @Monsterlessons  6 лет назад

      Я не считаю алгоритмы необходимыми знаниями и за 9 лет они мне пригодились аж пару раз. Если спрашивают алгоритмы на собесе, то сразу уточнять сколько раз они использовали их в проекте и зачем.
      P.S. на нормальных собесах алгоритмы фронтендщика не спрашивают

  • @CoderShadow
    @CoderShadow 7 лет назад +4

    Нельзя объять необъятное. Делайте то, что хорошо понимаете, а для остального есть аутсорсинг. Незачем голову забивать херней всякой.

  • @ded_zamay
    @ded_zamay 7 лет назад

    что лучше / удобнее .... atom vs WebStorm ?

    • @Monsterlessons
      @Monsterlessons  7 лет назад

      Я использую в работе только intellij idea (расширенный WebStorm), а уроки записываю в atom. Главное, чтобы самому было удобно работать. Это исключительно вопрос вкуса.

    • @ded_zamay
      @ded_zamay 7 лет назад

      Я только WebStorm начал использовать. Он классный , но медленная загрузка вначале! Это не критично , но не привычно.
      И такой вопрос - какой фрейворк лучше изучить Angular2 или React ? как первый !
      И если я не ошибаюсь - твои уроки есть на канале loftblog . Это место твоей работы ?

    • @Monsterlessons
      @Monsterlessons  7 лет назад

      1. В Webstorm можно вырубить большинство плагинов и заексклудить node_modules.
      2. Фреймворк советовать не буду тк это зависит от многих факторов, но я предпочитаю React, Redux и не люблю Angular2.
      3. Нет я не работаю в loftblog. Я просто снимал для них серию по node.

    • @ded_zamay
      @ded_zamay 7 лет назад

      Я понял.
      Продолжай дольше снимать уроки , обучать людей , рассказывать разные интересные технологии / фрейворки .. . У тебя нормально это получается . Понятно и не растянуто !
      Есть только пожелание - в конце добавь хоть фразу " до встречи " или " увидимся " или " Что бы снова меня услышать , смотрите меня в следующей серии " . А то обрыв получается. Ну это так - пожелание )
      И можно как то с тобой связаться , что обсудить , получить совет ? если да - то где ? только на ютубе ?

    • @Monsterlessons
      @Monsterlessons  7 лет назад

      Спасибо. Так как новые видео будут публиковаться только на сайте то советую за новыми видео идти туда. monsterlessons.com. Вопросы можно задавать либо под видео, если они к нему относятся, либо, если не относятся, в группе ВКонтакте vk.com/monsterlessons . Там есть обсуждение с вопросами.

  • @ВиталийСлободянюк-х8м

    ну и это реально всё идеально знать?

    • @Monsterlessons
      @Monsterlessons  7 лет назад

      Я бы сказал, что нужно знать так, чтобы решать задачи бизнеса этими инструментами. Идеально, никому не нужно.

  • @ІгорПолтавець-д5э
    @ІгорПолтавець-д5э 5 лет назад

    Сообщество Tech generation создали украинцы или русские?

  • @ВладРасенко
    @ВладРасенко 7 лет назад +1

    2. Js знать априори + для front-end надо ориентироваться в DOM, и желательно нативно, а не jquery.
    5. front-end должен уметь работать через AJAX, остальное полезно, но этим занимаются back-end.
    6. npm на require(), который в браузере не поддерживается, большинство пакетов с npm не будут в нем работать.
    Для front-end есть bower.
    7. Nodejs, я бы кинул к сборщикам проектов, так как front-end дев, его больше нигде не использует.
    8. Бекенд с сакого названия front-end деву не надо. Да это полезно знать, не спорю, но тогда сюда можно столько полезного добавить, начиная с школьного курса математики.
    9, 10. Тоже что и 8-мой пункт.

    • @Monsterlessons
      @Monsterlessons  7 лет назад

      Я бы поспорил с тем что для фронтенд есть только bower. Последние 5 лет я использовал только npm. Bower с сборщиками аля webpack нормально работает только после долгой настройки.

    • @ArtemVerbat
      @ArtemVerbat 7 лет назад

      6. Бред. О bower давно пора забыть.

    • @ВладРасенко
      @ВладРасенко 7 лет назад

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

    • @artemverbat1496
      @artemverbat1496 7 лет назад

      Как и Laravel. Ну и что, какое нам дело до этих PHP фреймворков. Bower просто избыточен, я не использую его уже давно, так как все нужные пакеты есть в репозитории NPM. Изредка мне попадаются малоизвестные JS плагины, которые есть только в bower, но они либо давно заброшены, либо им есть лучшая альтернатива.
      Влад, Вы пишете что большинство пакетов не будут работать в браузере, возможно. Но лишь потому что они и не предназначены для этого, такие пакеты как Gulp и тысячи плагинов к нему, или тот же Bower - это же тоже "npm пакет".
      Всё что нужно на фронте есть в NPM: bootstrap, angular, jquery, fontawesome, все популярные плагины типа slick, remodal...
      В общем я мог это всё не писать, а напротив, потребовать аргументов за Ваш сомнительный шестой пункт (Yii2 не аргумент, я с ним плохо знаком, но помню что Laravel тоже использовал bower, но при этом даже не сохранил его в зависимости, в package.json - пришлось ставить вручную, позже я вырезал bower из проекта, так как он был явно лишним).
      Я не говорю что не не нужно знать о существовании bower, хотябы для понимания существующих проектов, использующих его, он пригодиться. Но для новых проектов это просто лишняя морока.

    • @ArtemVerbat
      @ArtemVerbat 7 лет назад

      А вообще выше самый яркий аргумент о излишестве bower - "Последние 5 лет я использовал только npm."

  • @GagikHarutyunyan_dev
    @GagikHarutyunyan_dev 6 лет назад +1

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

  • @zhenyapryadko6229
    @zhenyapryadko6229 7 лет назад +2

    кликбейт, сдесь не front-end , а javascript developer!

  • @FreezeBreeze
    @FreezeBreeze 7 лет назад +1

    Автор. Почему название и ролика написано "front-end", а потом ты говоришь "Java Script разработчик", а потом опять front-end developer и если уж речь зашла о front-end, то каким боком ему нужно первым делом учить Git и JS??? Это абсурд... Да и зачем middle developer учить html и css, ведь он же meedle он и так это должен знать (железно, какой он в сраку meedle или senior ) и зачем нагружать людей бессмысленной, ненужной и лишний информацией...

    • @semengromov8864
      @semengromov8864 7 лет назад +3

      Ну Git и JS может и не в первую очередь, но точно must have для джуна или стажера.

  • @doroshenko6473
    @doroshenko6473 6 лет назад

    Где ajax ?

    • @Monsterlessons
      @Monsterlessons  6 лет назад

      В видео я говорил "Понимание как работать с API, какие есть HTTP запросы, желательно понимание как работает сеть интернет и протокол HTTP. Так как вы пишите фронтенд часть, то нужно знать, как общаться с бекендом."

  • @Drekrosh
    @Drekrosh 6 лет назад +1

    Нахер бэкенд сюда запихнули. Клоунада а не список

  • @ЕвгенийСтома-й5ъ
    @ЕвгенийСтома-й5ъ 6 лет назад

    Архитектура BEM, после этого ставим дизлайк и закрываем это видео