LINUX.ORG.RU

Что нужно знать фронтэнд разработчику 2018-2019 году?

 , , ,


1

4

Собственно вопрос звучит банально, но уточню немного. HTML, CSS, JS само собой, ангельский естественно (куда ж без него-то?). Кроме этого что должен знать фронтэнд разработчик? Я много раз встречаю комментарии в тостере и на хабре, что фронтэндщики сейчас ушли в глубоко ентерпрайз, и того среднестатическому фронтэндеру нужно знать ещё алгортимы и структуры данных, плюс оптимизация и тестирование веб приложений. И ещё заметил по книгам учить пустая трата, причем англоязычные новоиспеченные книги уже на выходе устаревают, я даже не говорю про переведенные литературы.

Deleted

Что нужно знать фронтэнд разработчику 2018-2019 году?

Что нужно бежать из этой области и срочно переходить на фулстэк до нового года — как встретишь НГ, так и проведёшь.

anonymous ()
Ответ на: комментарий от anonymous

фулстэк

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

Deleted ()

ecmascript 2015, 2016, 2017, 2018, react, react-router/reach-router, redux, mobx, graphql, vue, vuex, lodash, rxjs, webpack, parcel, styled-components/ emotion, npm/yarn, gatsby, puppeteer, jest/mocha/chai, redux-saga, axios, moment, sockei.io, итд

+ typescript (часто встречается уже), reasonML как перспективный, rust (уже поддерживается компиляция прямо в parcel).

umren ★★★★★ ()
Последнее исправление: umren (всего исправлений: 2)

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

А раньше их знать не нужно было? Теперь понятно, почему уэб такое говно.

По теме: Webcomponents/Polymer, npm и webpack. Остальное можно выкидывать на мороз.

Unicode4all ★★★★★ ()

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

После ознакомления с основами HTML, CSS и JavaScript надо бы ознакомиться со средствами их разработки. Для статической части веб-страницы ознакомиться с тем, что такое Bootstrap и Material Design. Для динамической части сейчас популярны библиотеки на JavaScript. Проблема в том, что их много и изучить хотя бы одну трудно. Обратить внимание на Angular, React.js (популярны), Vue.js (тоже становится популярной и вроде попроще для освоения).

Partisan ★★★ ()
Ответ на: комментарий от umren

он умер уже

Polymer 3 живее всех живых. С ним не нужно городить тонны boilerplate кода для создания вебкомпонентов.

parcel

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

Unicode4all ★★★★★ ()

Помимо базы в HTML, JS, CSS (хороший CSS!) имеет смысл изучить Vue.js, React, опционально Angular, но без необходимости туда соваться не советую.

Wizard_ ★★★★★ ()
Ответ на: комментарий от Partisan

bootstrap как бы уже не в тренде (вместе с jquery, который он тянет)... ангуляр популярен ток в пидорахе, где требуется его знание - это легаси, react/vue третьего не дано

tz4678 ()

Тоже хочу во фронт-энд...

Ты посмотри вакансии на сайтах для поиска работы. Что хочет рабодатель? Как правило требования везде одни и те же:

  • HTML&CSS - ну, тут понятно.
  • JS по сути весь и не нужен: основы и умение работать с DOM.
  • jQuery - как ни странно, но рабодатели хотят, чтобы фронтэндер умел работать с ним.
  • Научиться верстать на Bootstrap 4, уметь работать хоть с одним препроцессором и сборщиком, уметь это все установить каким-то npm-ом.
  • Необходимо понимать методологию БЭМ и уметь верстать адаптивно или респонсивно

Это минимальный базис. Без этих знаний даже пробоваться не стоит.

Еще желательно уметь работать хоть с одним популярным фреймворком: Vue, React, Angular на выбор. Со знанием фреймворка будет легче найти работу, да и ЗП будет чуть выше.

[Опционально] Будет отлично, если ты знаешь чем отличается WordPress от OpenCart и ModX. Ведь одна верстка никому не нужна, её ещё нужно уметь натягивать на CMS, что часто хочет работатель. А поэтому хоть на ModX или WordPress нужно уметь натянуть свою верстку.

CryNet ★★★★ ()
Последнее исправление: CryNet (всего исправлений: 2)
Ответ на: комментарий от crutch_master

Что веб - это конченое дерьмо и дальше будет только хуже

Почему? Вы часто видите сайте где рвется вёрстка или блоки ныряют друг под друга, или что-то в этом роде?

CryNet ★★★★ ()
Ответ на: комментарий от CryNet

Вы часто видите сайте где рвется вёрстка или блоки ныряют друг под друга, или что-то в этом роде?

Вижу тормозные перегруженные свистоперделками лендинги, блоки с голову кита, картинки во всё хлебало, жирное видео на весь монитор на автоплее и не вижу там полезной информации.

crutch_master ★★★★★ ()
Последнее исправление: crutch_master (всего исправлений: 1)
Ответ на: комментарий от crutch_master

Что это? Зачем это? Что они хотели сказать?

Очевидно. Показать, что мы умеем делать и насколько мы крутые

Сайт почти 400 Мб памяти отжирает в Chromium...

CryNet ★★★★ ()
Последнее исправление: CryNet (всего исправлений: 1)
Ответ на: комментарий от tz4678

Только хипстерам не посрать на ваши тренды, а тренды у хипстеров меняются без преувеличений каждый день. Бутстрап решает проблему ручной верстки и респонсива. Все, больше на фронтенде ничего не надо, особенно там не нужны 100050 жирнючий дрыснявых жс-фреймворков, которые при открытии странички которая вообще могла бы быть статикой начинают насиловать камень будто генту на нем собирают да еще тупят и тормозят как десктопный ютуб.

Блевота. Дрысня.

entefeed ☆☆☆ ()
Ответ на: комментарий от anonymous

То есть понимая вот это вот всё, ты задаёшь вопрос «почему вэб гавно?».

Не понял...

Типа много учить? Много разных технологий нужно знать/использовать, в то время, когда вёрстка должна быть простой?

CryNet ★★★★ ()
Ответ на: комментарий от menangen

Если учиться всю жизнь, в замен можно получить только большие деньги, возможности и уважение окружающих (+ тян за все это).

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

Чуешь разницу?

Deleted ()

алгоритмы бинарного поиска и сортировки пузырьком? - не нужно. структуры? - связвнный список и бинарные деревья редко применяются. паттерны? - большинство их реализовано на уровне языка (на том же прототипе вся модель наследования построена), а некоторые паттерны из gof, например, singleton признаны вредными (20 лет на это ушло). Итого тебе придется реализовать штук 5 паттернов. Почитай про обозревателя, стратегию, состояние и интерпретатор. В Java повсеместно используется фабрика, в более высокоуровневых же языках типа Python или сабж ты можешь в качестве аргумента передавать сами классы, что делает фабрику ненужной и т.д. нужно уметь программировать в декларативном стиле. пример, вызов array.map вместо цикла по массиву. тестированием занимаются тестировщики. но писать тесты тип хорошая практика (если не требуют лучше вообще забить). про оптимизацию - ей заморачиваться не стоит, оперативки единаразово рациональнее докупить чем оплачивать твой труд. сейчас в моде методология Agile, когда менеджер проекта/владелец проекта тебе порциями выдает фичи, которые необходимо реализовать, т.е. ты все реализовываешь первым способом, который приходит в голову, ну а дальше лепишь костыли всякие, это мне напоминает финскую методолию програмиирования, которая заключалась в копипасте... Последний стандарт Ecmascript нужно знать и что-то из React/Vue опционально Typescript/Flow (для тех кто пришел в яваскрипт из явы или сишарпа), нужно иметь представление о DOM, браузерные события, асинхронном програмиирование (промисы, неблокирующие сокеты), о том как работает браузерное приложение... Это основы, а есть еще новые стандарты типа shadow dom, свои компоненты. Много чего на самом деле нужно знать. ну и html, svg, css

tz4678 ()
Ответ на: комментарий от CryNet

и профессии верстальщик. теперь везде нужны фронтенды или лучше фуллстеки (последнее подразумевает знания фронтенда + бекенда, а оплачивается ненамного дороже чем каждая специализация по отдельности).

tz4678 ()
Ответ на: комментарий от tz4678

теперь везде нужны фронтенды

Согласен. Чисто HTML-верстальщики маловостребованны, но все ещё нужны. Правда верстальщика от фронтендера отличает не так уж и много вещей - знание какого-то фреймворка и-и-и... все?!

CryNet ★★★★ ()
Ответ на: комментарий от CryNet

яваскрипт не так прост как кажется. хтмл освоить не сложно как и все его основные техники. на это уйдет пару месяцев, а вот js там и года мало. современные фреймворки со своей эко структурой на самом деле сложнее чем jquery и в отличии от последнего требуют более глубого знания языка хотя и могут скрывать некоторые моменты типа контекстно-вычисляемого значения this.

tz4678 ()

Что нужно знать фронтэнд разработчику 2018-2019 году?

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

ugoday ★★★★★ ()