Как узнать уровень фронтенд разработчика?

Question

[Канат Саханов]

Версткой занимаюсь уже около года. За это время хорошо подтянул навыки по HTML+CSS.
Использую такие технологии как Gulpjs, SASS/Compass, Susy, BEM от Николаса Галлахера. Могу также верстать на Bootstrap и Foundation. Но с js все не так хорошо. Неплохо знаю jquery. Там обработка событий, всякие табы, аккордеоны и слайдеры простенькие написать смогу.
И определяю себя как джуниор фронтенд разработчика.
И тут встает вопрос, а какими технологиями определяются уровни middle и senior frontend developer?
Правильно ли я понимаю, что к тем технологиям верстки которые я имею мне нужно добавить знания нативного js + какой то фреймворк (angular, backbone, ember) + cofescript, jasmine/mocha и другие продвинутые плюшки, не говоря уже об опыте работы(года два) чтобы дорасти до мидла?

Answer 1

[Евгений Петров]

@tnorman уровень логики не ниже, чем на серверной стороне?)) Посмешили.
Фронт-енд разработчик должен разбираться во фронт-енде, а не в PHP — фтопку PHP, вообще никакого PHP.

Основы построения баз — да, поскольку появится возможность работы с базами напрямую. Понимать принципы общения с сервером и другими компьютерами, знать про HTTP-заголовки, политику безопасности и, в частности, политику происхождения документа. То есть знание XMLHttpRequest, CORS и (хотя бы) представление о WebSocket, WebRTC.

Разбираться в клиентских технологиях — HTML, CSS, Javascript, SVG, canvas, многочисленные API, описанные в HTML. И если не знать про WebGL и API, то разбираться зачем это и к чему. Построение DOM, CSSOM, понимание узких мест и тенденций. Основные семантические конструкции и микроданные.

Понимать box model, visual formatting model, stacking context, работу с формами и элементами, медиа-элементами. Знать, что такое кодировка и как жить с разными кодировками при необходимости, хотя это уже редкость.

ООП соглашусь — наследование, инкапсуляция, понимание роли прототипов и умение их использовать. Знание основных паттернов и парадигм. Добавлю модель событий — просто знание (не жалкие 5 штук, а реальный охват, включая MutationObserver). Ну и регулярные выражения.

AJAX? Если не брать в расчёт XML-RPC, SOAP, WSDL, то выделять это в отдельный вопрос не стоит. А вот event loop (включая tasks и microtasks), на который завязана модель событий и все асинхронные вызовы знать обязательно. Также быть в курсе, что такое promise, зачем они и как использовать.

Знать основы проектирования, UX и построения UI. Очень много в работе фронт-енда основано на взаимодействии человека и интерфейса. Непонимание основ UX приводит к неприятным последствиям.

Что же насчёт Backbone или других конкретных технологий — это вообще дело наживное и акцентировать внимание не стоит. Опыт приветствуется, но не является обязательным. ну только если проект не горит.
Безусловно, знание технологий разработки нужно, но я бы тогда поставил на Node.js, Grunt/Gulp, AngularJS.

Comments

[Канат Саханов]

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

[Евгений Петров]

Ну эта куча уже повыше, чем middle, наверное. Есть и вещи, про которые я наверняка забыл написать. написанное — не более, чем эскиз, но не программа на тест. Тем более junior.

Я написал, чтобы понимали, что фронт-енд в настоящее время — такой мощный пласт, что его ковырять, ковырять и ещё раз ковырять. И всё равно останется что-то уцелевшее. Уже сейчас есть области, которые вроде и относятся к фронт-енду, но такие специфичные, что профессионалов там пока маловато.

Например, вебгеймеры и визуализаторы — тянет за собой, как минимум, WebGL Вот пример их работы.

[deleted-tnorman]

@Petroveg так и знал, что three.js :D она захватит пространство. Я в неё верю.

[Sergey Romanov]

> фтопку PHP
+1 :))

[sim3x]

>быть в курсе, что такое promise
Лучше спросить какие чувства вызывает слово callbackhell

Answer 2

[deleted-tnorman]

Я могу ошибаться, я в этом плане совсем салага, но.

AJAX
Программирование
Объектно ориентированное программирование
MVC

Backbone пойдет очень хорошо для освоение фронт-енд, но не помешает так же вникнуть в серверную часть. PHP с его простенькими фреймворками навроде Slim.

Работа с базой данных.
Даже если непосредственный контакт с настоящей базой данных вам не предстоит, вам не помешает понимать, как бек-енд с ней работает.

Если это предложение не покажется лишним, то вот по поводу PHP [ Slim, RedBean, SQLight]

Создание простейшего приложения на Backbone с пониманием того, что вы делаете, позволит вам называть себя "front-end developer". Просто фронт-енд это не дизайн, это уровень логики не ниже чем на серверной стороне, просто находящийся на стороне клиента.